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 keyboard user, I want to navigate through the gallery using my keyboard
- As someone using the component, I want to navigate between images using arrows or swipe gestures so that I can view all images in the gallery.
- As a visually impaired user, I want to hear descriptions of images and controls so that I understand what is displayed.
Test steps
Use these steps to check that the disclosure component has been implemented correctly:
- Enable a screen reader.
- Tab through controls → Verify buttons are announced properly.
- Listen for image announcements → Verify alt text is read.
- Listen for image position (e.g., "2 of 5").
|
Accessibility checklist |
|
|---|---|
|
User stories |
✅ |