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.
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
:)
This script was written by Scott O'Hara.
It has an MIT license.