Label in naam

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 formulierelement) 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.

Lees het artikel over de toegankelijke naam

Handige tips

  • Begin de toegankelijke naam altijd met de zichtbare tekst.
  • Vermijd het gebruik van aria-labelledby of aria-label als 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

Andere richtlijnen

Laatst gewijzigd op