- Success Criterion 4.1.2
- Conformance level A
Rating Widget With No Name or Value Semantics at All
4.1.2 — Name, Role, Value
Scenario
Setting
A professional networking site's profile editor
What’s wrong
Rating widgets with no name/value semantics.
Example
This shows up on a professional networking site's profile editor: rating widgets with no name/value semantics.
Why it matters
Screen-reader and voice-control users who can operate only what the accessibility tree exposes. Here, on a professional networking site's profile editor, the result is they are excluded from part of the experience.
How to test
Inspect a rating widget in DevTools: check for a name and value semantics (e.g., radiogroup pattern) — visual-only stars with no semantics fail.
How to fix
Give the rating widget a name and value semantics (e.g., radiogroup or slider pattern).
Outcome
After the fix, the same visitor to a professional networking site's profile editor can now move past the barrier without workarounds.
Who is affected
Screen-reader and voice-control users who can operate only what the accessibility tree exposes.
Learn more
- Understanding Understanding document (opens in a new tab)
Related scenarios
- Custom Dropdown or Slider With No Accessibility API Support
- Content Changes That Never Update Their Accessible Name
- Scripted Link or Button With No Real Role or Keyboard Support
- Clickable Div Turned Into a Control but Given No ARIA Role
- Form Field With No Programmatic Label at All
- Assistive Technology Never Told Which Element Currently Has Focus