- Success Criterion 3.3.2
- Conformance level A
Field Instructions Placed After the Field They’re Meant to Explain
3.3.2 — Labels or Instructions
Scenario
Setting
An online clothing store's product listing page
What’s wrong
Instructions placed after the fields they govern in reading order (effectively unavailable at time of need).
Example
During an audit of an online clothing store's product listing page: instructions placed after the fields they govern in reading order (effectively unavailable at time of need).
Why it matters
Everyone filling forms, especially people with cognitive disabilities and magnifier users. On an online clothing store's product listing page specifically, they lose their progress and have to start over.
How to test
Check where format/requirement instructions sit relative to their field: if they appear after the field in reading order, screen reader and top-to-bottom readers encounter them too late.
How to fix
A persistent visible label must be provided, required status must be marked visually AND programmatically (with any symbol explained), and format rules stated before input.
Outcome
Fixed, a visitor to an online clothing store's product listing page can finish the task in one attempt.
Who is affected
Everyone filling forms, especially people with cognitive disabilities and magnifier users.
Learn more
- Understanding Understanding document (opens in a new tab)
Related scenarios
- Multi-Part Field Like a Phone Number With No Text Label
- Icon-Only Search Field With No Accessible Label
- Placeholder Text Used as the Only Label, Vanishing on Input
- Required Input Format Never Stated Until After an Error
- No Indication of Which Fields on a Form Are Required
- Radio Button Group Missing Its Question or Prompt Text