ARIA
ARIA supplerer informasjon om roller, tilstander og egenskaper for hjelpemidler. Den beskrevne atferden må faktisk være implementert.
Suppler betydningen for hjelpemidler
ARIA står for Accessible Rich Internet Applications. De tilhørende rollene og attributtene kan formidle informasjon om kontroller til hjelpemidler. For eksempel angir aria-expanded="false" at den tilknyttede utvidbare seksjonen er lukket.
I et tenkt portaleksempel har knappen «Flere fakturadetaljer» dette attributtet. Ved åpning endres verdien til true, og innholdet blir synlig. Hvis verdien ikke endres, kan en skjermleser formidle en annen tilstand enn den som vises.
ARIA legger ikke selv til klikkatferd eller tastaturbetjening. En div med role="button" blir derfor ikke automatisk en fungerende knapp. Bruk passende innebygde HTML-elementer, og suppler med ARIA der informasjon mangler. Feil opplysninger kan gjøre betjeningen vanskeligere.
Kilder
Beslektede begreper
- Semantisk HTMLSemantisk HTML bruker elementer etter betydningen deres. En ekte knapp har egenskaper som en formatert tekstblokk ikke får automatisk.
- SkjermleserEn skjermleser gjør digitalt innhold tilgjengelig gjennom tale eller punktskrift. Meningsfull struktur og etiketter gjør betjeningen forståelig.
- TastaturbetjeningTastaturbetjening gjør det mulig å utføre oppgaver uten mus. Handlingene må være tilgjengelige i en forståelig rekkefølge.
- FokusrekkefølgeFokusrekkefølgen bestemmer veien gjennom elementer som kan få fokus. Den skal bevare mening og betjenbarhet også ved dynamiske endringer.
- TastaturfelleI en tastaturfelle blir betjeningen sittende fast i et område. Bevisst avgrensning av fokus i en dialog trenger en utgang som kan betjenes med tastaturet.
- Lenke for å hoppe til hovedinnholdetEn hoppelenke går forbi gjentatt navigasjon til hovedinnholdet. Også neste tastaturtrinn må fortsette på riktig sted.
Artikler om temaet
Design og UX med ASES
Brukeropplevelse, grensesnitt og merkevare