scottaohara / aria_buttons

Make role="button" elements listen for Space & Enter Keypresses

Home Page:https://scottaohara.github.io/aria_buttons/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

ARIA Buttons

This script largely serves as a demonstration of a way to ensure that elements with role=button can be activated using Space and Enter keys. It makes sure that if a role=button has an aria-disabled=true, then it will not be keyboard focusable. Finally, if the script detects an aria-pressed attribute, it will assign a function specifically to toggle the value of the attribute.

Why do you need this?

As long as you're setting up role="button" elements to work with the appropriate keyboard controls in your own scripts, then you likely don't need this. If you are using native HTML <button>s, then you also likely don't need this.

In general, you likely don't need this. Just use a <button> and manage your own aria-pressed :)

License & Such

This script was written by Scott O'Hara.

It has an MIT license.

About

Make role="button" elements listen for Space & Enter Keypresses

https://scottaohara.github.io/aria_buttons/

License:MIT License


Languages

Language:HTML 73.7%Language:JavaScript 20.0%Language:CSS 6.3%