Intelligence Community Design System ICDS Get started Accessibility Styles Components Patterns Community
Show navigation section

Button

Guidance Code Accessibility

Easy to use for everyone

When interacting with a button using the keyboard, the button is triggered using the space or enter key when the button is focused.

For Assistive Technology

Buttons use the role ofbutton as opposed tolink in order to help users of assistive technology understand that the button is performing an action on the page instead of navigating them to a new location.

Based on

The button component is based on the following resources:

  • Button role , MDN web docs, accessed January 2022.

  • Building Accessible Buttons with ARIA , Deque University, accessed January 2022.

Testing

We've tested this component against WCAG 2.2 Level AA. It's been tested with NVDA and VoiceOver, and several different users with different interaction methods.


Last reviewed 15 April 2024 .
Navigated to Button - Intelligence Community Design System