Welke elementen in HTML5 kunnen ARIA-attributen gebruiken?

Bijna alle standaard HTML5-elementen kunnen ARIA-attributen gebruiken om de toegankelijkheid voor gebruikers van assistieve technologieën te verbeteren.

Enkele voorbeelden:

• Semantische structuur-elementen: header, footer, nav, main, aside, article, section. Kunnen worden gebruikt om rollen van paginazones te definiëren.
• Interactieve elementen: button, a, input, select, textarea. Kunnen attributen zoals aria-label, aria-describedby, aria-expanded ontvangen.
• Lijstelementen: ul, ol, li. Kunnen aria-setsize, aria-posinset gebruiken.
• Tabelelementen: table, tr, th, td. Hoewel HTML5 eigen attributen voor tabeltoegankelijkheid heeft (scope, headers), kunnen ARIA deze aanvullen.
• Formulierelementen: form, fieldset, legend.
• Multimedia-elementen: img, audio, video. Kunnen beschrijvende attributen krijgen (aria-label).

Er zijn uitzonderingen, bijvoorbeeld:

• Elementen die aanvankelijk verborgen of decoratief zijn (script, style, meta, link).
• Elementen die niet in de DOM worden weergegeven of niet toegankelijk zijn voor interactie.

Het is belangrijk om ARIA alleen te gebruiken wanneer de native HTML-attributen onvoldoende zijn, en het principe te volgen "Gebruik native elementen wanneer mogelijk". Overmatig of onjuist gebruik van ARIA kan de toegankelijkheid verminderen.