ARIA
ARIA vult informatie over rollen, toestanden en eigenschappen aan voor ondersteunende technologie. Het beschreven gedrag moet echt zijn gebouwd.
Betekenis aanvullen voor ondersteunende technologie
ARIA staat voor Accessible Rich Internet Applications. De rollen en attributen kunnen informatie over bedieningselementen doorgeven aan ondersteunende technologie. Zo geeft aria-expanded="false" aan dat het bijbehorende uitklapbare gedeelte gesloten is.
In een voorbeeldportaal heeft de knop ‘Meer factuurdetails’ dit attribuut. Bij openen verandert de waarde naar true en wordt de inhoud zichtbaar. Blijft de waarde gelijk, dan kan een schermlezer een andere toestand doorgeven dan visueel wordt getoond.
ARIA voegt zelf geen klikgedrag of toetsenbordbediening toe. Een div met role="button" wordt daardoor niet automatisch een werkende knop. Gebruik passende native HTML-elementen en voeg ARIA toe waar informatie ontbreekt. Onjuiste informatie kan de bediening bemoeilijken.
Bronnen
Verwante begrippen
- Semantische HTMLSemantische HTML gebruikt elementen volgens hun betekenis. Een echte knop heeft eigenschappen die een opgemaakt tekstblok niet vanzelf krijgt.
- SchermlezerEen schermlezer maakt digitale inhoud beschikbaar via spraak of braille. Betekenisvolle structuur en labels helpen bij het bedienen.
- ToetsenbordbedieningToetsenbordbediening maakt taken zonder muis mogelijk. Acties moeten bereikbaar zijn via een begrijpelijke volgorde van bedieningselementen.
- FocusvolgordeDe focusvolgorde bepaalt de route door elementen die focus kunnen krijgen. Ze moet betekenis en bedienbaarheid behouden, ook bij dynamische wijzigingen.
- ToetsenbordvalIn een toetsenbordval blijft de bediening in een gebied steken. Het bewust begrenzen van focus in een dialoog vraagt om een met het toetsenbord bedienbare uitgang.
- SkiplinkEen skiplink springt over herhaalde navigatie heen naar de hoofdinhoud. Ook de volgende toetsenbordstap moet op de juiste plek doorgaan.
Artikelen over dit onderwerp
Design & UX met ASES
Gebruikerservaring, interfaces en merkuitstraling