- Success Criterion 2.1.1
- Conformance level A
Canvas or WebGL App With No Keyboard Command Layer
2.1.1 — Keyboard
Scenario
Setting
An online spreadsheet's toolbar
What’s wrong
Canvas/WebGL (3D graphics code) apps with no keyboard command layer.
Example
An online spreadsheet's toolbar shows the problem clearly: canvas/WebGL (3D graphics code) apps with no keyboard command layer.
Why it matters
Blind users, people with motor disabilities, and anyone operating the interface without a pointer. On an online spreadsheet's toolbar, this barrier means they lose track of where they are on the page.
How to test
Tab to canvas/WebGL app controls: if there's no keyboard command layer at all for its functionality, it fails.
How to fix
Add a keyboard command layer for canvas/WebGL (3D graphics code) functionality (or an equivalent UI).
Outcome
Corrected, an online spreadsheet's toolbar now lets a visitor complete the task using only the keyboard.
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