- Success Criterion 2.1.1
- Conformance level A
Date Picker Grid That Can’t Be Navigated by Keyboard
2.1.1 — Keyboard
Scenario
Setting
A community forum's discussion thread
What’s wrong
Date pickers where the grid isn't keyboard navigable and manual text entry is blocked.
Example
Try this on a community forum's discussion thread: date pickers where the grid isn't keyboard navigable and manual text entry is blocked.
Why it matters
Blind users, people with motor disabilities, and anyone operating the interface without a pointer. The practical effect on a community forum's discussion thread: they can't operate the feature without a mouse.
How to test
Tab into a date picker's calendar grid and try arrow keys: if the grid isn't navigable and there's no way to type the date manually, it fails.
How to fix
Make the date grid arrow-key navigable, or allow typing the date directly.
Outcome
That one change on a community forum's discussion thread means they 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