ARIA
ARIA kompletterar information om roller, tillstånd och egenskaper för hjälpmedel. Det beskrivna beteendet måste faktiskt vara implementerat.
Komplettera betydelsen för hjälpmedel
ARIA står för Accessible Rich Internet Applications. Dess roller och attribut kan förmedla information om kontroller till hjälpmedel. Exempelvis anger aria-expanded="false" att den tillhörande utfällbara sektionen är stängd.
I ett tänkt portalexempel har knappen ”Fler fakturadetaljer” detta attribut. När sektionen öppnas ändras värdet till true och innehållet blir synligt. Om värdet förblir oförändrat kan en skärmläsare förmedla ett annat tillstånd än det som visas.
ARIA lägger inte själv till klickbeteende eller tangentbordsfunktioner. En div med role="button" blir därför inte automatiskt en fungerande knapp. Använd lämpliga inbyggda HTML-element och komplettera med ARIA där information saknas. Felaktiga uppgifter kan försvåra användningen.
Källor
Relaterade begrepp
- Semantisk HTMLSemantisk HTML använder element efter deras betydelse. En riktig knapp har egenskaper som ett formgivet textblock inte får automatiskt.
- SkärmläsareEn skärmläsare gör digitalt innehåll tillgängligt via tal eller punktskrift. Meningsfull struktur och etiketter gör användningen begriplig.
- TangentbordsanvändningTangentbordsanvändning gör det möjligt att utföra uppgifter utan mus. Funktionerna behöver kunna nås i en begriplig ordning.
- FokusordningFokusordningen bestämmer vägen genom element som kan få fokus. Den ska bevara betydelse och användbarhet även vid dynamiska ändringar.
- TangentbordsfällaI en tangentbordsfälla fastnar användningen i ett område. Avsiktlig fokusbegränsning i en dialog behöver en utgång som kan användas med tangentbordet.
- Länk för att hoppa till huvudinnehålletEn hopplänk går förbi upprepad navigering till huvudinnehållet. Även nästa steg med tangentbordet måste fortsätta på rätt plats.
Artiklar om ämnet
Design & UX med ASES
Användarupplevelse, gränssnitt och varumärke