Reflected-aria-attributes NPM

Reflected ARIA Attributes

Utilities to attach reflected WAI-ARIA attributes to DOM elements.

Here, "attributes" means WAI-ARIA's states and properties. In WAI-ARIA specification, it says:

this specification refers to both "states" and "properties" simply as "attributes" whenever possible.

Installation

$ npm install reflected-aria-attributes

Usage

Defining ARIA attribute:

import aria from "reflected-aria-attributes";

var a = document.createElement("a");
aria.attachAttributes(a, ["aria-pressed"]);
a.ariaPressed; // => undefined
a.ariaPressed = true;
a.getAttribute("aria-pressed"); // => "true"

a.ariaDisabled; // => undefined
a.ariaDisabled = true;
a.hasAttribute("aria-disabled"); // => false

Attaching role to elements:

import aria from "reflected-aria-attributes";

var a = document.createElement("a");
aria.attachRole(a, "button");
a.ariaDisabled = true;
a.hasAttribute("aria-disabled"); // => true
a.getAttribute("aria-disabled"); // => "true"

Using in ECMAScript 5:

var aria = require("reflected-aria-attributes/es5/reflected-aria-attributes");

var a = document.createElement("a");
aria.attachRole(a, "button");

a.ariaDisabled = true;
a.hasAttribute("aria-disabled"); // => true
a.getAttribute("aria-disabled"); // => "true"