Accessibility
- Buttons have role of
button. Using a native HTMLbuttonorinput type="submit"element is a better choice than creating a custom ARIA button. - Buttons should have accessible labels. By default, the accessible name is computed from any text content inside the button element.
- A button should be triggered by pressing “Spacebar,” “Enter,” or “Return.”
- The mouse cursor should be a hand icon (
cursor: pointer). - Disabled buttons should have
aria-disabledset totrue. - When placing a button on a color other than standard background colors (Gray Light or White), make sure the colors of all states (except for disabled) still meet color contrast accessibility standards.
Was this page helpful?
Thanks for your feedback!