Chapter 6 · Watch, then practise
User Interfaces
Apply keyboard access, meaningful labels and audio alternatives to a lesson player that people can perceive and operate.
3 questions · 3 with related videos. Matches are based on playlist titles; broader background matches are labeled.
What to study
- Keyboard operation
- Media alternatives
- Labels and feedback
Chapter playlists
Choose a playlist
Notes
Web Accessibility Perspectives - Compilation of 10 Topics/Videos
W3C Web Accessibility Initiative (WAI) · 7:37
W3C’s accessibility compilation includes keyboard compatibility, relevant to testing player controls.
1. Audit a player
A player has mouse-only play, pause and volume controls. What should a keyboard test check?
Reach and operate each control, then move focus away. Keep focus visible and labels understandable. Test actual playback operation; focusing a decorative button is insufficient.
Web Accessibility Perspectives - Compilation of 10 Topics/Videos
W3C Web Accessibility Initiative (WAI) · 7:37
W3C’s accessibility compilation includes video captions and why they are useful.
2. Audio information
A prerecorded video explains a diagram through speech. Why are captions useful, and what do they convey?
Captions provide a synchronized text alternative for the audio, including meaningful non-speech sounds where needed. They let learners follow audio information without hearing it. Visual-only information may need a separate description; captions alone do not explain every diagram.
Web Accessibility Perspectives - Compilation of 10 Topics/Videos
W3C Web Accessibility Initiative (WAI) · 7:37 · Background lecture
W3C accessibility background includes clear design and feedback; the icon-label correction is explained in the answer.
3. Correct an unclear control
A player uses an unlabeled icon and turns it green when playback starts. How would you improve it?
Give the control a meaningful accessible name, expose its state programmatically, and provide a visible indication that does not depend only on color. For example, show Pause while playback is active and ensure assistive technology receives the corresponding control semantics.