Hide Elements That Have Accessibility Issues – Hidden.js

Category: Javascript , Recommended | February 28, 2019
Author: charliegerard
Views Total: 243
Official Page: Go to website
Last Update: February 28, 2019
License: MIT

Preview:

Hide Elements That Have Accessibility Issues – Hidden.js

Description:

Hidden.js is a pure JavaScript accessibility testing tool that automatically hides HTML elements that have accessibility issues based on the ax-core library.

How to use it:

Import the Hidden.js as a module into the document.

<script type="module">
  import hidden from './hidden.js';
</script>

Hide all the unaccessible HTML elements until you fix the accessibility issues.

hidden()

Decrease the opacity level of the page depending on the number of accessibility issues.

hidden('full', 3);

Hide only unaccessible HTML elements.

hidden('partial');

You Might Be Interested In:


Leave a Reply