https://github.com/isner/aria-isolate

Uses aria-hidden to hide all elements expect a given modal element
https://github.com/isner/aria-isolate

accessibility aria aria-hidden modal

Last synced: 26 days ago
JSON representation

Uses aria-hidden to hide all elements expect a given modal element

• Host: GitHub
• URL: https://github.com/isner/aria-isolate
• Owner: isner
• Created: 2015-12-04T17:01:59.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2015-12-04T18:11:36.000Z (about 9 years ago)
• Last Synced: 2024-11-15T20:43:29.650Z (3 months ago)
• Topics: accessibility, aria, aria-hidden, modal
• Language: JavaScript
• Size: 5.86 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# aria-isolate

Uses aria-hidden to hide all elements expect a given modal element

## Installation

Include as a [component](https://github.com/componentjs/component) using

```js

var AriaIsolate = require('isner/aria-isolate');

```

or include the distributable (`dist/aria-isolate.js`) in your page using a script tag, exposing `window.AriaIsolate`.

```html

  var isolator = new AriaIsolate(modalEl);

```

## Directions

Assuming `AriaIsolate` is available

```js

var isolator = new AriaIsolate(modalEl);

// Isolates `modalEl` using 'aria-hidden' on others

isolator.activate();

// Removes 'aria-hidden' from cached list of others

isolator.deactivate();

```