ARIA

Wat is ARIA?

ARIA staat voor Accessible Rich Internet Applications. Het is een set attributen waarmee je extra informatie kunt geven over de rol, status en eigenschappen van elementen op een webpagina. Daarmee help je hulptechnologieën om interactieve onderdelen beter te interpreteren.

Wanneer gebruik je ARIA?

ARIA is vooral bedoeld voor situaties waarin standaard HTML niet voldoende is. Bijvoorbeeld bij complexe interactieve componenten zoals tabpanelen, menu’s, dialogs of dynamische updates. In veel gevallen kun je toegankelijkheidsproblemen echter beter oplossen met semantische HTML en goede structuur.

Belangrijk uitgangspunt: eerst HTML, dan ARIA

Een veelgebruikte vuistregel is: gebruik eerst de juiste HTML-elementen. Een echte knop is bijvoorbeeld toegankelijker dan een div met JavaScript en ARIA-attributen. ARIA is een aanvulling, geen vervanging van semantiek.

Veelvoorkomende ARIA-fouten

• ARIA gebruiken waar standaard HTML voldoende is.
• Verkeerde rollen toekennen aan elementen.
• Attributen gebruiken die niet passen bij de gekozen rol.
• Interactie bouwen zonder toetsenbordondersteuning.
• Dynamische wijzigingen niet communiceren via passende ARIA-oplossingen.

Wat je op deze categoriepagina vindt

Hier vind je artikelen over ARIA-rollen, properties en states, plus praktische uitleg over hoe je ARIA correct toepast in componenten zoals accordeons, dialogs, tabs en navigatie-elementen.