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 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 je 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 en knoppen) of die standaardelementen zo programmeren dat ze op een andere manier dan gewoonlijk gebruikt worden.

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 gebruikt wordt
  • rol: een tekst of getal dat aangeeft wat de rol van een onderdeel is, bijvoorbeeld ‘hyperlink’ of ‘selectievakje’
  • toestand
    • heeft het onderdeel de focus
    • is een selectievakje aangevinkt of niet
    • enzoverder…
  • 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 of spraakherkenningssoftware.

Voor ontwikkelaars

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