Nieuw in WCAG 2.1
Succescriterium 2.5.3 Label in naam
Bij componenten van de gebruikersinterface met labels die tekst of afbeeldingen van tekst bevatten, bevat de naam de tekst die visueel wordt weergegeven.
Label in naam begrijpen (Engelstalig)
Zorg dat de tekst die je ziet bij een element (knop, link, invoerveld) overeenkomt met de naam in de code. Dit is belangrijk voor mensen die spraaksoftware gebruiken.
Stel je hebt een knop met de tekst ‘Verstuur’. In de code moet deze knop dan ook ‘Verstuur’ heten. Zo kunnen mensen met spraaksoftware zeggen: “Klik op Verstuur” en werkt dit ook.
Als de zichtbare tekst en de naam in de code niet overeenkomen, kunnen mensen met spraakbediening je website niet goed gebruiken. Ook voor mensen die een schermlezer gebruiken is het verwarrend als wat ze horen niet overeenkomt met wat ze zien.
Hoe pas je dit toe?
- Zorg dat alle zichtbare tekst van een bedieningselement is opgenomen in de toegankelijke naam.
Voor wie is dit belangrijk?
- Mensen die spraakherkenningsoftware gebruiken.
- Mensen die een fysieke of motorische beperking hebben.
- Mensen die een schermlezer gebruiken.
- Mensen die blind of slechtziend zijn.
Wie is verantwoordelijk?
- Redacteur
- Ontwikkelaar
Bronnen
- WCAG 2.2 – Succescriterium 2.5.3 Label in naam
- Accessible Name and Description Computation 1.1 (Engelstalig)