Gör inte instruktioner beroende av sensoriska kännetecken

Om riktlinjen

  • EN 9.1.3.3, EN 11.1.3.3
  • WCAG 1.3.3 (A)

Personer som inte kan uppfatta färg, form, storlek eller inte har möjlighet att relatera till höger eller vänster (så kallade sensoriska kännetecken) behöver kunna förstå hänvisningar om hur hen ska navigera eller vad hen ska göra på en webbplats eller i en app. Om instruktioner bara bygger på exempelvis färg, placering, form eller ljud kan de bli svåra eller omöjliga att följa för vissa användare.

Därför ska instruktioner inte vara beroende av sensoriska kännetecken

Alla behöver ges möjlighet att förstå de instruktioner som krävs för att kunna navigera och använda en digital service.. Det kan till exempel handla om personer som använder tekniska hjälpmedel som presenterar informationen på ett alternativt sätt. Eller personer som inte kan uppfatta färg, form, storlek, placering eller ljud på samma sätt som andra.

Det kan vara svårt för en person som använder hjälpmedel att förstå en instruktion som ”klicka på knappen till höger”, eller att som icke hörande kunna följa instruktionen ”när du hör tonen är det dags att klicka”. Samma utmaning uppstår om instruktioner hänvisar till exempelvis ”den röda knappen”, ”längst ned” eller en signal som bara ges med ljud eller vibration.

Vad säger kravet?

Instruktioner för att kunna förstå och hantera innehållet ska inte hänvisa enbart till sensoriska kännetecken som form, storlek eller placering. Det gäller både på webb och i app och omfattar även hänvisningar som bygger på färg, riktning (höger, vänster, ovan, under) eller ljud.

Instruktioner som använder den här typen av sensoriska kännetecken behöver kompletteras med ytterligare information för att alla ska kunna förstå. Det kan till exempel ske genom att hänvisa till kontrollens namn eller etikett i stället för var den ligger eller hur den ser ut.

Kompletterande instruktioner

Om till exempel en undersökning sträcker sig över flera sidor eller steg används ofta pil-ikoner för att markera att personen kan klicka sig framåt och bakåt i undersökningen. Samma funktion kan behöva kompletteras med tydlig text eller ett tydligt namn så att instruktioner kan hänvisa till ”Nästa sida” och ”Föregående sida” i stället för ”pilen till höger” eller ”pilen till vänster”.

Hänvisningar till höger eller vänster

Om det finns behov av att hänvisa till information som ligger till höger eller vänster behöver den kompletteras med ytterligare information. Ett sätt att göra det är att hänvisa till en rubrik, till exempel: ”Vill du veta mer finns länkar under rubriken Relaterat”, eller att hänvisa till namnet på den kontroll som ska användas, till exempel ”Välj knappen Fortsätt”.

Var dock försiktig med hänvisningar till höger eller vänster eftersom de ofta inte gäller när layouten ändras. Det som ligger till höger eller vänster på en större skärm hamnar ofta under eller över på en mindre skärm. I appar kan samma sak hända när användaren byter orientering, ökar textstorleken eller använder hjälpmedel som går igenom innehållet i en sekventiell ordning.

Hänvisningar till ovan eller nedan

På många språk, inklusive svenska, är det underförstått att ”ovan” är en hänvisning till innehåll som förekommit tidigare i en text, medan ”nedan” avser innehåll som kommer efter. Om det är otvetydigt till vilken del av innehållet en sådan hänvisning pekar kan instruktioner som ”använd ett av alternativen nedan” eller ”som nämnts ovan” mycket väl fungera enligt riktlinjen.

Om hänvisningen däremot bygger på var något ligger på skärmen, till exempel ”klicka på länken ovan till höger”, behöver den kompletteras med ytterligare information som fungerar oavsett layout, till exempel en rubrik, ett stegnummer eller namnet på den kontroll användaren ska välja.

Rekommendationer utöver vad kravet säger

Förutom det som kravet säger finns det rekommendationer som kan förbättra den digitala tillgängligheten:

Använd gärna sensoriska kännetecken

Att använda färg, form, storlek, placering, orientering eller ljud i instruktioner kan underlätta för många personer att orientera sig, både på webben och i appar.

Men, kom ihåg att komplettera sådana instruktioner med information som gör att alla, oavsett funktionsnedsättning, kan förstå dem. Det kan till exempel vara att hänvisa till kontrollens namn eller etikett (till exempel ”Tryck på Fortsätt”) eller att ge informationen i text i stället för att bara peka ut var något ligger eller hur det ser ut.

Gör så här

  • Hänvisa till kontroller med namn, inte enbart med färg eller position.
  • Komplettera ikoner med text eller ett tydligt tillgängligt namn.
  • Komplettera ljud/vibration med text och visuella statusar.
  • Använd stegnummer eller rubriker i guider i stället för ”till höger/till vänster/ovan/under”.

Exempel

  • ”Tryck på Fortsätt” i stället för ”tryck på den gröna knappen”.
  • ”Kryssa i Jag godkänner villkoren” i stället för ”kryssa för i rutan nedan”.
  • Visa ”Inspelningen är klar” i stället för att bara spela upp ett ljud.

Så testar du sensoriska kännetecken

Läs igenom textinnehåll och leta efter instruktioner med formuleringar som ”den runda knappen” eller ”menyn till vänster”. Kontrollera att ingen sådan instruktion enbart hänvisar till sensoriska kännetecken såsom färg, storlek, placering, orientering eller ljud.

Utdrag ur WCAG

WCAG 1.3.3 (A) Sensoriska kännetecken

Instruktioner för att förstå och styra innehåll är inte enbart beroende av sensoriska kännetecken såsom form, storlek, visuell placering, orientering eller ljud.

Därför länkar vi till WCAG på svenska och engelska

Hjälpte denna information dig?

Ditt svar hjälper oss att förbättra sidan

Senast uppdaterad:

Webbriktlinjer är en underwebbplats på digg.se, som förvaltas och utvecklas av Digg – Myndigheten för digital förvaltning