Quickly create accessible interactive components based on the W3C spec and examples
npm i aria-components🌸 See the release/v0.3 branch for docs related to the current version.
Each component accepts an element and an options object.
import Tablist, { AutomaticActivation } from 'aria-components/tablist';
new Tablist(element, { modules: [AutomaticActivation] })The base class, AriaComponent, provides properties and methods available to all components.
Each component's supplemental documentation can be found in its directory:
Each component exports modules to add optional features and functionality that, depending on the context, may simplify and/or improve UX.
General module documentation is at src/shared/modules/.
Some components have additional documentation within their local modules directory.
- https://www.w3.org/WAI/ARIA/apg/patterns/
- https://www.w3.org/WAI/ARIA/apg/example-index/
- https://www.w3.org/TR/wai-aria/
Use npm run dev to run tests and watch files for changes.
Check npm run for more.