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)