Als je zelf interactieve functies ontwikkelt, zorg dan dat hulptechnologieën hier de naam, rol en waarde van kunnen bepalen

Net als standaard HTML-elementen moeten ook zelfgebouwde functionaliteiten gebruikt kunnen worden door hulptechnologie. Je moet deze daarom zo bouwen dat ze informatie geven over hun naam, rol, toestand, en eventuele eigenschappen en waarden.

Hoe pas ik dit toe?

Standaardelementen van bijvoorbeeld HTML voldoen al automatisch aan deze toegankelijkheidseis. De eis is daarom vooral belangrijk voor ontwikkelaars die zelf interactieve bedieningselementen ontwikkelen (zoals widgets of knoppen), of die standaardelementen zo programmeren dat ze op een andere manier dan gewoonlijk worden gebruikt.

Zorg dat hulptechnologie voor deze zelfgebouwde of aangepaste  functionaliteiten de volgende informatie kan ophalen:

  • naam (dit kan een label zijn of een verborgen naam, die alleen door hulptechnologie wordt gebruikt);

  • rol (een tekst of getal dat aangeeft wat de rol van een onderdeel is, bijvoorbeeld: hyperlink, selectievakje);

  • toestand (bijvoorbeeld: heeft het onderdeel de focus, is een selectievakje aangevinkt of niet, enzovoorts);

  • eigenschappen

  • waarden

En zorg dat veranderingen in deze informatie door bijvoorbeeld browsers en hulptechnologie opgemerkt kunnen worden.

Voorbeelden

Met de specificatie WAI-ARIA (Accessible Rich Internet Applications) kun je de bovenstaande kenmerken doorgeven.

Hoe draagt dit bij aan een betere website?

Als ook de zelfgebouwde onderdelen van webpagina’s informatie geven over hun rol, toestand en waarde, dan kunnen deze gebruikt worden door bezoekers met hulptechnologie zoals schermlezers, schermvergroters en spraakherkenningssoftware.

Bouwer of redacteur?

De bouwer moet ervoor zorgen dat eventuele maatwerk onderdelen voldoen aan deze toegankelijkheidseis.

Technische details

Hoort bij