@cityssm/bulma-a11y

Bulma with increased colour contrast to meet accessibility requirements.

Usage no npm install needed!

<script type="module">
  import cityssmBulmaA11y from 'https://cdn.skypack.dev/@cityssm/bulma-a11y';
</script>

README

bulma-a11y

npm (scoped) Codacy grade AppVeyor Snyk Vulnerabilities for GitHub Repo

The Bulma CSS framework with increased colour contrast to meet accessibility requirements.

Sample Buttons

Installation

npm install @cityssm/bulma-a11y

Usage

Rather than linking to bulma.min.css in your webpage, link to bulma-a11y.min.css.

<link rel="stylesheet" href="path/to/bulma-a11y.min.css" />

Test Pages

The following pages have minimal styling. They use code samples from the official Bulma website to test for sufficient colour contrast.

Important Note

While bulma-a11y attempts to improve colour contrast of the main Bulma components, using bulma-a11y does not guarantee your website will be considered accessible.