aria-isolate
Uses aria-hidden to hide all elements expect a given modal element
Installation
Include as a component(link is external) using
var AriaIsolate = require('isner/aria-isolate');or include the distributable (dist/aria-isolate.js) in your page using a script tag, exposing window.AriaIsolate.
<script src="aria-isolate.js"></script>
<script>
var isolator = new AriaIsolate(modalEl);
</script>Directions
Assuming AriaIsolate is available
var isolator = new AriaIsolate(modalEl);
// Isolates `modalEl` using 'aria-hidden' on others
isolator.activate();
// Removes 'aria-hidden' from cached list of others
isolator.deactivate();
Made by ILUNION for the Prosperity4All project: Ecosystem infrastructure for smart and personalised inclusion and PROSPERITY for ALL stakeholders. This project has received funding from the European Union’s Seventh Programme for research, technological development and demonstration under grant agreement, No 610510.