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
| Accessible name | Visual text | Meet SC 2.5.3 | |
|---|---|---|---|
| 1 | Zoeken | Zoeken | Yes |
| 2 | Zoeken | Waarnaar zoekt u? | No |
| 3 | Zoeken | Zoek | Uncertain |
| 4 | Zoeken | Zoek en gij zult vinden | No |
| 5 | Zoek | Zoeken | Yes |
| 6 | Zoek | Ga zoeken | Uncertain |
| 7 | Zoek | Waarnaar zoekt u? | Uncertain |
| 8 | Vind | Zoek | No |
| 9 | Zoek en vind | Zoek vind | No |
| 10 | Zoeken | 🔎 (No text, only search icon) | Yes |
| 11 | 🔎 (No text, only search icon as button) | No | |
| 12 | Zoeken |
Typ het adres (placeholder) 🔎 (search icon as button) |
No |
| 13 | Zoeken |
Zoeken (label) Typ het adres (placeholder) 🔎 (search icon as button) |
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)
