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.
Last edited: 7 March 2024
This page needs review!
Validation
| Visual text | Accessible name | Meet SC 2.5.3 | |
|---|---|---|---|
| 1 | Zoek | Zoek | Yes |
| 2 | Zoeken | Zoek | No |
| 3 | Zoek | Zoeken | Yes |
| 4 | Waarnaar zoekt u? | Zoeken | No |
| 5 | Zoeken | Zoek en gij zult vinden | Uncertain |
| 6 | Ga zoeken | Zoek | No |
| 7 | Zoek | Waarnaar zoekt u? | Uncertain |
| 8 | Stop nu | Nu stop | No |
| 9 | Zoek | Vind | No |
| 10 | Zoek vind | Zoek en vind | No |
| 11 | 🔎 (No text, only search icon) | Zoeken | Yes |
| 12 | 🔎 (No text, only search icon as button) | No | |
| 13 |
Typ het adres (placeholder) 🔎 (search icon as button) |
Zoeken | No |
| 14 |
Zoeken (label) Typ het adres (placeholder) 🔎 (search icon as button) |
Zoeken | Yes |
| 15 | x (as in a close button) | Close | Yes |
| 16 | R & D | R and D | Yes |
| 17 | Lees meer | Lees meer over dit artikel | Yes |
Resources
- 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)
