- Success Criterion 1.3.3
- Conformance level A
Instruction Naming an Icon’s Shape Instead of Its Function
1.3.3 — Sensory Characteristics
Scenario
Setting
A public library's catalog search
What’s wrong
Icon-shape references: "tap the hamburger / the gear" without those controls having visible text or the instruction naming their function.
Example
A tester reviewing a public library's catalog search finds this: icon-shape references: "tap the hamburger / the gear" without those controls having visible text or the instruction naming their function.
Why it matters
Blind, low-vision, and color-blind people when instructions mention only appearance or sound. On a public library's catalog search, that means they can't navigate the content by its real structure.
How to test
Read icon-shape references ('tap the hamburger', 'the gear icon') alone: check whether those controls also have visible text or an accessible name stating their function.
How to fix
Instructions must name the control or content in text, not only by shape, color, size, position, or sound.
Outcome
With the fix in place on a public library's catalog search, they navigate the content in a sensible order.
Who is affected
Blind, low-vision, and color-blind people when instructions mention only appearance or sound.
Learn more
- Understanding Understanding document (opens in a new tab)
Related scenarios
- Instructions That Identify Something Only by Shape or Position
- Instruction Given Only Through an Icon, With No Text Meaning
- Instruction That Tells Users to Click ‘the Green Button’
- Instruction That Says ‘See the Sidebar’ With No Other Locator
- Instruction That Identifies a Button Only by Its Size
- Instruction That Relies on an Audio Cue With No Visual Backup