Hide Elements That Have Accessibility Issues – Hidden.js

Preview:

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');