ariaset

ariaset make easier assign for aria-" properties.

Install

$ yarn add ariaset -D

or

$ npm install ariaset -D

Usage

The recommend use case is using import statements.

import ariaset from 'ariaset';

const element = document.querySelector('.selector');

// set a property
ariaset(element, {
  label: 'description'
});

// get a property
ariaset(element, 'label');
// => description

// you can set multiple properties.
ariaset(element, {
  haspopup: 'listbox',
  expanded: false
});

// of course, you can get multiple properties.
ariaset(element, ['haspopup', 'expanded']);
// => { haspopup: 'listbox', expanded: false }

Alternatively, you can use script tag with html file.

<script src="node_modules/ariaset/dist/ariaset.js">
<script>
const element = document.querySelector('.selector');

ariaset(element {
  label: 'description'
});
</script>

Licence

MIT

Author

kzhrk