Label in name
The intent of Success Criterion 2.5.3 is to ensure that the words which visually label a component are also the words associated with the component programmatically. This helps ensure that people with disabilities can rely on visible labels as a means to interact with the components.
Validation
| Visual text | Accessible name | Meet SC 2.5.3 | |
|---|---|---|---|
| 1 | Zoeken | Zoeken | Yes |
| 2 | Waarnaar zoekt u? | Zoeken | No |
| 3 | Zoek | Zoeken | Uncertain |
| 4 | Zoeken | Zoek en gij zult vinden | Uncertain |
| 5 | Zoeken | Zoek | No |
| 6 | Ga zoeken | Zoek | No |
| 7 | Zoek | Waarnaar zoekt u? | Uncertain |
| 8 | Zoek | Vind | No |
| 9 | Zoek vind | Zoek en vind | No |
| 10 | 🔎 (No text, only search icon) | Zoeken | Yes |
| 11 | 🔎 (No text, only search icon as button) | No | |
| 12 |
Typ het adres (placeholder) 🔎 (search icon as button) |
Zoeken | No |
| 13 |
Zoeken (label) Typ het adres (placeholder) 🔎 (search icon as button) |
Zoeken | Yes |
Sources
- WCAG 2.1 success criterium 2.5.3 Label in Name
- F96 Failure due to the accessible name not containing the visible label text
- G208 Including the text of the visible label as part of the accessible name
Check: The accessible name of the control contains the same letters in the same order as the visible label. - Label in naam (Nederlands)
