- Success Criterion 2.1.1
- Conformance level A
Custom Video Player Controls Unreachable by Keyboard
2.1.1 — Keyboard
Scenario
Setting
A pharmacy app's prescription-refill form
What’s wrong
Video player custom controls unreachable or inoperable by keyboard.
Example
On a pharmacy app's prescription-refill form, a visitor hits this wall: video player custom controls unreachable or inoperable by keyboard.
Why it matters
Blind users, people with motor disabilities, and anyone operating the interface without a pointer. Here, on a pharmacy app's prescription-refill form, the result is they get stuck and can't reach the control.
How to test
Tab through video player controls: if any control (play, seek, volume) can't be reached or activated by keyboard, it fails.
How to fix
Make every player control focusable and operable with standard keys.
Outcome
After the fix, the same visitor to a pharmacy app's prescription-refill form can now reach and operate the control without a mouse.
Who is affected
Blind users, people with motor disabilities, and anyone operating the interface without a pointer.
Learn more
- Understanding Understanding document (opens in a new tab)
Related scenarios
- Feature That Only Responds to Mouse Events, Not the Keyboard
- Element That Loses Focus the Instant It’s Reached by Keyboard
- Clickable Element Acting Like a Link With No Real Keyboard Role
- Clickable Div With No Keyboard Focus or Key Handling at All
- Focusable Element That Enter and Space Don’t Actually Activate
- Custom Dropdown That Can’t Be Operated by Keyboard Arrows