Accessible Rich Internet Applications (ARIA) is ontwikkeld om ontoegankelijke HTML-code toegankelijker te maken. Deze techniek is bedoeld als het laatste redmiddel. Bijvoorbeeld bij situaties waar je bestaande code niet kan vervangen door HTML-elementen.
Geef altijd de voorkeur aan standaard HTML-elementen. Gebruik geen ARIA als standaard, maar alleen als het echt niet anders kan en je zeker weet wat je doet. Bij verkeerd gebruik van ARIA kun je een website juist ontoegankelijk maken.
Soms is het gebruik van aria-label overbodig. Bijvoorbeeld als je het aria-label toevoegt, maar er al een duidelijke linktekst is. Voorbeeld bij een link: <a href="https://digitoegankelijk.nl" aria-label="Webrichtlijnen">Webrichtlijnen</a>.
Als je hier het aria-label toevoegt, is het niet fout. Maar het gaat vaak fout als je de linktekst later aanpast en het aria-label niet.
Je hebt dan een toegankelijke naam uit het aria-label die niet hetzelfde is als de zichtbare linktekst. Bijvoorbeeld: <a href="https://digitoegankelijk.nl" aria-label="Webrichtlijnen">DigiToegankelijk</a>.
De oplossing is om hier geen ARIA te gebruiken.
Soms is het gebruik van ARIA de enige oplossing. Bijvoorbeeld bij dynamische inhoud die wordt bijgewerkt zonder dat de pagina opnieuw wordt geladen en de focus niet krijgt. Dan gebruik je ARIA live.
Gebruik je ARIA op de goede manier, dan helpt het bezoekers met hulptechnologie zoals screenreaders, schermvergroting en stembediening.
Fijn dat je het antwoord op je vraag hebt kunnen vinden. Heb je een idee over hoe we onze kennisbank kunnen verbeteren?
Wij gebruiken jouw e-mailadres om je vraag te beantwoorden, waarna het vernietigd wordt. Jouw informatie wordt niet met derden gedeeld. Wij beantwoorden je verzoek zo snel mogelijk. Lees ook onze privacyverklaring.
Waar was je naar op zoek?
Wij gebruiken jouw e-mailadres om je vraag te beantwoorden, waarna het vernietigd wordt. Jouw informatie wordt niet met derden gedeeld. Wij beantwoorden je verzoek zo snel mogelijk. Lees ook onze privacyverklaring.