ARIA
ARIA supplerer oplysninger om roller, tilstande og egenskaber til hjælpemiddelteknologi. Den beskrevne adfærd skal faktisk være implementeret.
Supplér betydning til hjælpemiddelteknologi
ARIA står for Accessible Rich Internet Applications. De tilhørende roller og attributter kan formidle oplysninger om betjeningselementer til hjælpemiddelteknologi. For eksempel angiver aria-expanded="false", at den tilknyttede sektion, som kan foldes ud, er lukket.
I et tænkt portaleksempel har knappen “Flere fakturadetaljer” denne attribut. Ved åbning ændres værdien til true, og indholdet bliver synligt. Hvis værdien ikke ændres, kan en skærmlæser formidle en anden tilstand end den viste.
ARIA tilføjer ikke selv klikadfærd eller tastaturbetjening. En div med role="button" bliver ikke automatisk en fungerende knap. Brug passende indbyggede HTML-elementer, og supplér med ARIA, hvor oplysninger mangler. Forkerte oplysninger kan gøre betjeningen vanskeligere.
Kilder
Relaterede begreber
- Semantisk HTMLSemantisk HTML bruger elementer efter deres betydning. En rigtig knap har egenskaber, som en formateret tekstblok ikke automatisk får.
- SkærmlæserEn skærmlæser gør digitalt indhold tilgængeligt via tale eller punktskrift. Meningsfuld struktur og etiketter gør betjeningen forståelig.
- TastaturbetjeningTastaturbetjening gør det muligt at udføre opgaver uden mus. Handlinger skal kunne nås i en forståelig rækkefølge.
- FokusrækkefølgeFokusrækkefølgen bestemmer vejen gennem elementer, der kan få fokus. Den skal bevare mening og betjeningsmuligheder også ved dynamiske ændringer.
- TastaturfældeI en tastaturfælde sidder betjeningen fast i et område. En bevidst afgrænsning af fokus i en dialog kræver en udgang, der kan betjenes med tastaturet.
- Skip linkEt skip link fører forbi gentagen navigation til hovedindholdet. Den efterfølgende tastaturbetjening skal også fortsætte det rigtige sted.
Artikler om emnet
Design & UX med ASES
Brugeroplevelse, brugerflader og brandets udtryk