@actum-digital/aria-hooks v1.7.0

@actum-digital/aria-hooks

Introduction

Aria-hooks is a javascript library for React components.

It provides a collection of React hooks to help speed up the development of accessible components on the web, without having to master all aria attributes and specifications.

All provided features meet the WCAG 2.1 requirements determined by the World Wide Web Consortium (W3C).

Learn how to use aria-hooks in your project.

Installation

You can install this package by running one of the following commands at the root of your project.

via npm:

npm i @actum-digital/aria-hooks

OR

via yarn:

yarn add @actum-digital/aria-hooks

Documentation

See aria-hooks on GitHub pages.

In the documentation, you can find all available hooks, how to use them, and examples of implementation.

We are using Storybook for documenting our hooks.

We are also working on short video series about aria-hooks for you. You can find it here.

Contributing

The main purpose of this repository is to help spread web accessibility. So, if you are missing anything in aria-hooks or noticed a bug feel free to create a new issue or new pull request. We are grateful for any contribution to bugfixes and improvements.

To get started with contribution please check our Docs for Developers.

License

Aria-hooks are licensed under MIT License.

Hooks

useAriaModal

• Video
• Documentation
• Modal Dialog Example by W3C.

useAriaListbox

• Documentation
• Collapsible Dropdown Listbox Example by W3C.

useAriaNavigation

• Documentation
• Navigation Menubar Example by W3C.

useAriaTooltip

• Documentation
• Tooltip Example by W3C.

useAriaAccordion

• Documentation
• Accordion Example by W3C.

useAriaTabs

• Documentation
• Tabs Example by W3C.

Brought to you by ACTUM Digital