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)
Als er tekst op een bedieningselement (zoals een link, knop of formulierveld) zichtbaar is op het scherm, dan moet deze tekst ook voorkomen in de naam die hulptechnologie kan uitlezen.
Dit helpt mensen die spraakbediening gebruiken. Zij zeggen letterlijk wat ze op het scherm zien om elementen te bedienen. Voor mensen met een schermlezer is het verwarrend als wat ze horen niet klopt met wat ze zien.
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.
Hoe pas je dit toe?
- Zorg dat alle zichtbare tekst van een bedieningselement is opgenomen in de toegankelijke naam.
Handige tips
- Plaats de zichtbare tekst aan het begin van de toegankelijke naam als je deze uitbreidt.
- Vermijd het gebruik van
aria-labelledbyofaria-labelals er al een zichtbare tekst is.
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)