Hoe geef ik een applicatie een accessible name?

Table Of Contents

Beginsituatie: er is een element met role="application" en het heeft geen toegankelijkheidsnaam (accessible name). Hoe kun je dit oplossen?

screenshot

Dit is het gewenste resultaat: de kop boven dit element moet in de accessible name voorkomen.

screenshot

Oplossing: gebruik van aria-labelledby

screenshot

Share :

Related Posts

Meerdere knoppen met dezelfde naam

Update 25 jan 2026 Uit ons recent onderzoek met een blinde collega is gebleken dat de meeste mensen liever van kop naar kop navigeren. In plaats van verborgen tekst aan de knop toe te voegen, kun je er voor zorgen dat de naam van een product als een kop is gemarkeerd.

Lees meer over Meerdere knoppen met dezelfde naam

SC 2.4.6 - Wat betekent “Koppen en labels”

Koppen en labels helpen gebruikers om snel te begrijpen waar een stuk tekst of een formulier over gaat. Ze bieden structuur en context, vooral voor mensen die schermlezers gebruiken of snel willen navigeren door een pagina. Goede koppen en labels maken de inhoud overzichtelijker en toegankelijker.

Lees meer over SC 2.4.6 - Wat betekent “Koppen en labels”

Een toegankelijk iframe

Waar moet je opletten als je een iframe digitaal toegankelijk wil toevoegen aan een webpagina? De WCAG stelt een aantal eisen aan de implementatie van een iframe. Dit zijn de kritieke punten.

Lees meer over Een toegankelijk iframe