or screen reader • Clickable by mouse, enter key and space bar • Accessible name and state provided to assistive tech • An interaction is expected when clicked
if space or enter were pressed if ( e.keyCode === 32 || e.keyCode === 13) { // Open modal dialog openModal(e); } } Source: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_button_role
users in ways they can perceive Operable User interface components and navigation must be operable Understandable Information and the operation of user interface must be understandable Robust Content must be robust enough that it can be interpreted reliably by a wide variety of user agents, including assistive technologies
users in ways they can perceive Operable User interface components and navigation must be operable Understandable Information and the operation of user interface must be understandable Robust Content must be robust enough that it can be interpreted reliably by a wide variety of user agents, including assistive technologies
users in ways they can perceive Operable User interface components and navigation must be operable Understandable Information and the operation of user interface must be understandable Robust Content must be robust enough that it can be interpreted reliably by a wide variety of user agents, including assistive technologies
users in ways they can perceive Operable User interface components and navigation must be operable Understandable Information and the operation of user interface must be understandable Robust Content must be robust enough that it can be interpreted reliably by a wide variety of user agents, including assistive technologies
users in ways they can perceive Operable User interface components and navigation must be operable Understandable Information and the operation of user interface must be understandable Robust Content must be robust enough that it can be interpreted reliably by a wide variety of user agents, including assistive technologies