User stories
The following user stories can be used to understand when this component should be used, and how to know when it's been implemented correctly.
- As a screen reader user, I want to be able to know the number of list items present, and the current position of the item that I am reading.
- As someone with a cognitive disability, I want to be able to easily understand the purpose of the control.
- As someone with a motor disability, I want to be able to easily select the correct control.
- As a screen reader user, I want to be able to understand the purpose of the control and whether it will complete an action on the same page, or navigate me elsewhere.
- As a keyboard-only user, I want to be able to navigate to the controls using the Tab key.
- As a keyboard-only user, I want to be able to activate the links using the Enter key.
- As a keyboard-only user, I want to be able to activate the buttons using the Space key.
Test steps
Use these steps to check that the Action list component has been implemented correctly:
- Turn on a screen reader.
- Navigate through the action list links using the Tab key.
- Verify that when reading list content, that the number of list items and the position of the list item being announced, is announced.
- Verify that the visible label for each link is included in the name announced by the screen reader.
- Verify that any links can be activated using the Enter key.
- Verify that any buttons can be activated using the Space key.
|
Accessibility checklist |
|
|---|---|
|
User stories |
✅ |