Ariaattributen

ARIA-attributen, of ARIA-kenmerken, verwijzen naar een set attributen die informatie leveren aan assistieve technologieën over elementen met dynamische content of aangepaste interacties. Het doel is de toegankelijkheid van complexe webapplicaties te verbeteren door niet-natuurlijke semantics begrijpelijk te maken voor schermlezers en andere hulpmiddelen. ARIA maakt deel uit van de WAI-ARIA-specificatie van het World Wide Web Consortium (W3C).

De attributen zijn onderverdeeld in rollen, eigenschappen en toestanden. Rollen beschrijven wat een element is of doet (bijvoorbeeld button of navigation). Eigenschappen leveren statische informatie, zoals een label via aria-label of aria-labelledby. Toestanden geven actuele informatie over interactie en status, zoals aria-expanded, aria-checked of aria-disabled. Samen zorgen ze voor betere communicatie van betekenis en status aan gebruikers van assistieve technologieën.

Best practices adviseren om eerst native HTML-semantic markup te gebruiken en ARIA alleen toe te passen als de native elementen niet volstaan. Houd ARIA-attributen bij elke UI-update up-to-date, gebruik waar nodig aria-live voor dynamische content en vermijd conflicterende of onjuiste rollen. Goede ARIA-implementatie vereist ook consistente labeling en duidelijke relaties tussen elementen.

Veelvoorkomende ARIA-attributen zijn onder meer aria-label, aria-labelledby en aria-describedby voor labeling; aria-hidden om elementen te verbergen voor assistieve technologieën; aria-expanded voor uitklapbare elementen; aria-pressed, aria-checked en aria-selected voor status; aria-controls en aria-owns voor relaties tussen elementen; en aria-valuenow met aria-valuemin en aria-valuemax voor besturingselementen zoals schuifregelaars.

Beperkingen en compatibiliteit: ARIA is een aanvullend hulpmiddel en geen vervanging voor goede HTML. Niet alle assistieve technologieën interpreteren elke eigenschap even precies, en verkeerde toepassing kan de toegankelijkheid schaden. Ontwikkelaars testen doorgaans op meerdere schermlezers en browsers en volgen best practices voor toetsenbordnavigatie.