- Success Criterion 3.3.2
- Conformance level A
Date Field Split Into Boxes With No Individual Labels
3.3.2 — Labels or Instructions
Scenario
Setting
A used-car marketplace's listing filter
What’s wrong
Multi-field constructs (day/month/year) with a single distant label and unlabeled parts.
Example
Here's what happens on a used-car marketplace's listing filter: multi-field constructs (day/month/year) with a single distant label and unlabeled parts.
Why it matters
Everyone filling forms, especially people with cognitive disabilities and magnifier users. In this case (a used-car marketplace's listing filter), they can't complete the form at all.
How to test
Look at a multi-field construct (day/month/year as three boxes): check whether each individual box has its own accessible name, not just one distant label for the whole group.
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
Once corrected, a used-car marketplace's listing filter lets them complete the form without guessing.
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