accessible-focus-styles

Control focus styles in an accessible manner - remove outlines for clicks, keep them for keyboard navigation

Usage no npm install needed!

<script type="module">
  import accessibleFocusStyles from 'https://cdn.skypack.dev/accessible-focus-styles';
</script>

README

accessible-focus-styles npm Build Status Coverage Status

Control focus styles in an accessible manner - remove outlines for clicks, keep them for keyboard navigation. Check out our online demo!

Usage

npm install --save accessible-focus-styles

Initial setup

Is really simple.

import initAccessibleFocus from 'accessible-focus-styles';

initAccessibleFocus();

Development

Install

Clone the project on your computer, and install Node. This project also uses nvm.

nvm install
# Then, install all project dependencies.
npm install

Releases

  • Make a new branch for the release of the new version.
  • Update the CHANGELOG.
  • Update the version number in package.json, following semver.
  • Make a PR and squash merge it.
  • Back on master with the PR merged, follow the instructions below.
npm run dist
# Use irish-pub to check the package content. Install w/ npm install -g first.
irish-pub
npm publish
  • Finally, go to GitHub and create a release and a tag for the new version.
  • Done!