WCAG 2.1

WCAG är en förkortning av orden Web Content Accessibility Guidelines, som på svenska heter Riktlinjer för tillgängligt webbinnehåll. Det är en omfattande anvisning som utvecklats och som upprätthålls av organisationen World Wide Web Consortium (W3C).

Tillgänglighetskraven i lagen om tillhandahållande av digitala tjänster baserar sig i praktiken på de internationella riktlinjerna WCAG 2.1 och närmare bestämt på framgångskriterierna på nivå A och AA. Endast kriteriet 1.2.4 på AA-nivå som anger att direktsändningar ska textas ingår inte i de krav som finns i lagen.

På den här sidan finns W3C:s officiella svenska översättningen av WCAG 2.0-kriterierna. Det finns ännu ingen officiell översättning till svenska av de nya kriterierna. När översättningen av de 17 nya WCAG 2.1-kriterierna till svenska blir färdig kommer de att publiceras på denna sida. Till dess kan man använda WCAG-kriterierna på engelska.

Alla länkar på den här sidan leder till W3C:s webbplats.

1 Möjlig att uppfatta

Information och komponenter i ett användargränssnitt måste presenteras för användare på sätt som de kan uppfatta.

1.1 Textalternativ

 Allt innehåll som inte är text, som presenteras för användaren har ett textalternativ med samma syfte, utom i de situationer som anges nedan.

  • Navigeringsmetod/funktion, inmatning: Om innehåll som inte är text är en navigeringsmetod/funktion eller accepterar inmatning från användare så ska den ha ett namn som beskriver dess syfte. (Se Riktlinje 4.1 för ytterligare krav på navigeringsmetod/funktion och innehåll som accepterar inmatning från användare).
  • Tidsberoende media: Om innehåll som inte är text är tidsberoende media så ger ett textalternativ åtminstone en beskrivning av det innehåll som inte är text. (Se Riktlinje 1.2 för ytterligare krav på media).
  • Test: Om innehåll som inte är text är ett test eller en övning som inte skulle fungera om det visades som text, så ger ett textalternativ åtminstone en beskrivning av det innehåll som inte är text.
  • Sensorisk: Om innehåll som inte är text främst är avsett för att ge en specifik sensorisk upplevelse så ger ett textalternativ åtminstone en beskrivning av det innehåll som inte är text.
  • CAPTCHAOm syftet med innehållet som inte är text är att bekräfta att en människa, snarare än en dator, försöker komma åt informationen så ska textalternativ som identifierar och beskriver syftet av innehållet tillhandahållas. Alternativa former av CAPTCHA, som använder sig av utmatningsmetoder för olika typer av sensorisk upplevelse, tillhandahålls för att tillgodose olika funktionsnedsättningar.
  • Dekoration, formatering, osynlig: Om innehåll som inte är text är rent dekorativt, bara används för visuell formatering eller inte presenteras för användare, så implementeras det på ett sätt så att det kan ignoreras av hjälpmedel.

1.2 Tidsberoende media

Tillhandahåll alternativ till tidsberoende media.

För förinspelat ljud (enbart) och förinspelad video (enbart) gäller följande, utom när ljudet eller videon är ett mediealternativ till text och tydligt märkt som sådant:

  • Förinspelat ljud (enbart): Det finns ett alternativ till tidsberoende media som presenterar information motsvarande det förinspelade ljudinnehållet.
  • Förinspelad video (enbart): Det finns antingen ett alternativ till tidsberoende media eller ett ljudspår som presenterar information motsvarande det förinspelade videoinnehållet.

Det finns textbeskrivningar till allt förinspelat ljud innehåll i synkroniserad media, utom när mediet är ett mediealternativ till text och tydligt är märkt som sådant.

Det finns ett alternativ till tidsberoende media eller en ljudbeskrivning av det förinspelade video innehållet i synkroniserad media, utom när mediet är ett mediealternativ till text och tydligt är märkt som sådant.

Det finns textbeskrivningar av allt direktsänt ljudinnehåll i synkroniserad media.

Det finns ljudbeskrivningar av allt förinspelat videoinnehåll i synkroniserad media.

Det finns teckenspråksöversättningar av allt förinspelat ljud innehåll i synkroniserad media.

 

Där pauser i förgrundsljudet inte räcker för att skapa en ljudbeskrivning som förmedlar meningen med videon, så finns en utökad ljudbeskrivning av allt förinspelat videoinnehåll i synkroniserad media.

Det finns ett alternativ till tidsberoende media av all förinspelad synkroniserad media och för alla förinspelade videos (enbart).

Det finns ett alternativ till tidsberoende media som presenterar information motsvarande direktsäntljudinnehåll (enbart).

1.3 Anpassningsbart

Skapa innehåll som kan presenteras på olika sätt (exempelvis med enklare layout) utan att information eller struktur går förlorad.

Information, struktur, och relationer som förmedlas genom presentation kan bli automatiskt tydliggjordeller finnas som text.

När meningen med innehållet påverkas av ordningen det presenteras i, kan en logisk läsordning bli automatiskt tydliggjord.

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.

Anmärkning: För krav som har med färg att göra, se Riktlinje 1.4.

1.4 Urskiljbart

Gör det enklare för användare att se och höra innehåll, bland annat genom att skilja förgrund från bakgrund.

 Färg används inte som det enda visuella sättet att förmedla information, indikera en handling, fråga om återkoppling eller särskilja ett visuellt element.

Anmärkning: Detta framgångskriterium tar specifikt upp färgperception. Andra typer av perception behandlas i Riktlinje 1.3 inklusive automatisk åtkomst av kod för färg och annan visuell presentation.

Om något ljud på en webbsida automatiskt spelas i mer än tre sekunder så ska det antingen finnas en metod/funktion för att pausa eller stoppa ljudet, eller en metod/funktion för att ändra ljudnivån. Denna kontroll ska vara oberoende av systemets ordinarie volymkontroll.

Anmärkning: Eftersom innehåll som inte uppfyller detta framgångskriterium kan hindra en användares möjlighet att använda hela sidan, så måste allt innehåll på webbsidan uppfylla detta framgångskriterium (oavsett om innehållet används för att uppfylla andra framgångskriterier eller inte). Se Uppfyllnadskrav 5: inte störande.

Den visuella presentationen av text och text i form av bild har ett kontrastvärde på minst 4,5:1 med följande undantag:

  • Stor text: Text i stor stil och bilder av text i stor stil har ett kontrastvärde på minst 3:1.
  • Oväsentlig: Text eller text i form av bild som är en del av en inaktiv komponent i ett användargränssnitt är rent dekorativ, inte är synlig för någon, eller är en del av en bild som innehåller annat viktigt visuellt innehåll, har inga krav vad gäller kontrast.
  • Logotyper: Text som är en del av en logotyp eller ett varumärke har inget minimikrav vad gäller kontrast.

Förutom för textbeskrivningar och text i form av bild, så kan text förstoras utan hjälpmedel upp till 200 procent utan att användaren förlorar innehåll eller funktionalitet.

Om den teknik som används kan skapa den visuella presentationen så ska text användas för att förmedla information hellre än text i form av bild, med följande undantag:

  • Anpassningsbar: Texten i form av bild kan bli visuellt anpassad efter användarens krav.
  • Avgörande betydelse: En utförlig presentation i form av text har avgörande betydelse för att förmedla informationen.

Anmärkning: Logotyper (text som är en del av en logotyp eller ett varunamn) anses ha avgörande betydelse.

Den visuella presentationen av text och text i form av bild har ett kontrastvärde på minst 7:1, med följande undantag:

  • Stor Text/ Stor stil: Stor text/ Stor stil och stor text i form av bilder har ett kontrastvärde på minst 4,5:1.
  • Oväsentlig: Text eller text i form av bild som är en del av en inaktiv komponent i ett användargränssnitt, är rent dekorativ, inte är synlig för någon, eller är en del av en bild som innehåller annat viktigt visuellt innehåll, har inga krav vad gäller kontrast.
  • Logotyper: Text som är en del av en logotyp eller ett varumärke har inget minimikrav vad gäller kontrast.

 För förinspelat ljud innehåll (1) som i första hand innehåller tal i förgrunden, (2) som inte är en ljud-CAPTCHA eller en ljudlogotyp och (3) som inte i första hand är ett musikaliskt uttryck såsom sång eller rapp, gäller minst ett av följande:

  • Inget bakgrundsljud: Ljudet innehåller inget bakgrundsljud.
  • Stänga av: Bakgrundsljudet går att stänga av.
  • 20 dB: Bakgrundsljudet är minst 20 decibel lägre än det talade förgrundsljudet med undantag för enstaka ljud som varar i endast en eller två sekunder.

    Anmärkning: Enligt definition av “decibel” så är bakgrundsljudet som uppfyller detta krav ungefär fyra gånger lägre än det talade förgrundsljudet.

För den visuella presentationen av textblock, finns en metod/funktion för att uppnå följande:

  1. Förgrunds- och bakgrundsfärger kan väljas av användaren.
  2. Spaltbredden överstiger inte 80 tecken eller glyfer (40 om CJK).
  3. Texten har inte marginaljusterats (det får inte vara både rak vänster- och rak högermarginal).
  4. Radavstånd är minst 1,5 inom stycken och avståndet mellan stycken är minst 1,5 gånger större än radavståndet.
  5. Textstorlek kan förändras utan hjälpmedel upp till 200 procent på ett sätt som inte kräver att användaren behöver scrolla horisontellt för att läsa en textrad i ett helskärmsfönster.

Text i form av bild används enbart rent dekorativt eller när en särskild presentation av text är av avgörande betydelse för informationen som förmedlas.

Anmärkning: Logotyper (text som är en del av en logotyp eller ett varumärke) anses vara av avgörande betydelse.

2 Hanterbar

Komponenter i ett användargränssnitt och navigering måste vara hanterbara.

2.1 Tillgängligt via tangentbord

All funktionalitet ska vara åtkomlig med ett tangentbord.

All funktionalitet är hanterbar via ett gränssnitt för tangentbord utan att det krävs särskild timing för varje enskild tangenttryckning. Detta gäller med undantag för när den underliggande funktionaliteten kräver inmatning som är beroende av mönstret som skapas av användarens rörelser och inte bara slutpunkterna.

Anmärkning 1: Detta undantag gäller den underliggande funktionaliteten, inte sättet man matar in information. Om man exempelvis använder handskrift för att mata in text så kräver inmatningstekniken (handskrivning) mönsterberoende inmatning, men den underliggande funktionaliteten (textinmatning) kräver inte det.

Anmärkning 2: Detta förbjuder inte, och ska inte avskräcka från, att också använda styrning via mus eller andra inmatningsmetoder utöver tangentbordsstyrning.

Om tangentbordsfokus kan flyttas till en komponent på webbsidan via ett gränssnitt för tangentbord så kan också fokus flyttas bort från samma komponent med hjälp av ett gränssnitt för tangentbord. Om det krävs något mer än vanliga piltangenter, tabbtangenter eller andra standardiserade avslutningsmetoder för att flytta bort fokus så ska användaren informeras om hur det går till.

Anmärkning: Eftersom innehåll som inte uppfyller detta framgångskriterium kan hindra en användares möjlighet att använda hela sidan, så måste allt innehåll på webbsidan uppfylla detta framgångskriterium (oavsett om innehållet används för att uppfylla andra framgångskriterier eller inte). Se Uppfyllnadskrav 5: inte störande.

All funktionalitet kan styras via ett gränssnitt för tangentbord utan att det krävs särskild timing för varje tangenttryckning.

2.2 Tillräckligt med tid

Ge användaren tillräckligt med tid för att läsa och använda innehållet.

 För varje satt tidsgräns gäller minst ett av följande:

  • Stänga av: Användaren tillåts stänga av tidsgränsen i förväg, eller
  • Anpassa: Användaren tillåts justera tidsgränsen i förväg över ett brett intervall som är minst 10 gånger längden på den ursprungliga inställningen, eller
  • Utöka: Användaren varnas innan tiden går ut och ges minst 20 sekunder för att förlänga tidsgränsen genom en enkel handling (t ex “tryck ner mellanslagstangenten”). Användaren tillåts förlänga tidsgränsen åtminstone 10 gånger, eller
  • Undantag: realtid: Tidsgränsen är nödvändig för händelser i realtid (t ex auktioner), och inga alternativ till tidsgränsen är möjliga, eller
  • Undantag: avgörande betydelse: : Tidsgränsen har avgörande betydelse och att förlänga den skulle göra hela aktiviteten ogiltig, eller
  • Undantag: 20 timmar: Tidsgränsen är längre än 20 timmar.

Anmärkning: Detta framgångskriterium säkerställer att användarna kan fullfölja uppgifter utan oväntade förändringar av innehåll eller sammanhang som är resultatet av en tidsgräns. Detta framgångskriterium ska beaktas i samband med framgångskriterium 3.2.1, vilket sätter gränser för förändringar av innehåll eller sammanhang som är resultatet av användarnas agerande.

För information som rör sig, blinkar, rullar eller uppdateras automatiskt gäller samtliga punkter:

  • Rörelse, blinkning, rullning (scrolling): För varje rörelse, blinkning eller rullning som (1) startar automatiskt, (2) pågår i mer än 5 sekunder, och (3) presenteras tillsammans med annat innehåll, finns det en metod/funktion för att pausa, stoppa eller dölja dessa, så länge inte rörelsen, blinkningen eller rullningen har en avgörande betydelse för en aktivitet, och
  • Automatisk uppdatering: För automatiskt uppdaterad information som (1) startar automatiskt och (2) presenteras tillsammans med annat innehåll finns det en metod/funktion för att pausa, stoppa eller dölja den eller en metod/funktion för att kontrollera uppdateringsfrekvensen. Detta gäller förutom om den automatiska uppdateringen har en avgörande betydelse för en aktivitet.

Anmärkning 1: För krav som rör flimmer, se Riktlinje 2.3.

Anmärkning 2: Eftersom innehåll som inte uppfyller detta framgångskriterium kan hindra en användares möjlighet att använda hela sidan, så måste allt innehåll på webbsidan uppfylla detta framgångskriterium (oavsett om innehållet används för att uppfylla andra framgångskriterier eller inte). Se Uppfyllnadskrav 5: inte störande.

Anmärkning 3: I innehåll som uppdateras av mjukvara inom vissa intervall eller som strömmas till användarprogrammet behöver inte informationen som genererats eller tagits emot under pausen sparas eller presenteras, då detta kan vara tekniskt omöjligt och i många situationer missvisande.

Anmärkning 4: En animation som är en del av en inladdningsfas eller liknande, kan betraktas ha avgörande betydelse om användarna inte kan interagera under den fasen och om utebliven visualisering av processen skulle kunna förvirra användarna eller få dem att tro att innehållet har “frusit” eller att koppningen mot innehållet har brutits.

Tidsgränsen är inte en avgörande del av den händelse eller aktivitet som presenterats via innehållet, med undantag för icke-interaktiva synkroniserade medier och händelser i realtid.

Avbrott kan skjutas upp eller förhindras av användaren med undantag för avbrott på grund av nödfall.

När en session som kräver autentisering löper ut, kan användaren fortsätta aktiviteten utan att förlora data, efter återautentiseringen.

2.3 Krampanfall

Designa inte innehåll på ett sätt som kan orsaka krampanfall.

Webbsidor innehåller inget som flimrar mer än tre gånger under en ensekundsperiod, eller så ligger flimret under de generella tröskelvärdena för flimmer och rött flimmer.

Anmärkning: : Eftersom innehåll som inte uppfyller detta framgångskriterium kan hindra en användares möjlighet att använda hela sidan, så måste allt innehåll på webbsidan uppfylla detta framgångskriterium (oavsett om innehållet används för att uppfylla andra framgångskriterier eller inte). Se Uppfyllnadskrav 5: inte störande.

Webbsidor innehåller inget som flimrar mer än tre gånger under en ensekundsperiod.

3 Begriplig

Information och hantering av användargränssnitt måste vara begriplig.

3.1 Läsbart

Gör textinnehåll läsbart och begripligt.

Det huvudsakliga mänskliga språket på varje webbsida kan tydliggöras automatiskt.

Det mänskliga språket för varje avsnitt eller fras i innehållet kan automatiskt tydliggöras utom för egennamn, tekniska termer, ord av obestämbart språk och ord eller fraser som blivit en naturlig del av språket i den omgivande texten.

Det finns en metod/funktion som visar specifika definitioner av ord och fraser som används på ett ovanligt eller begränsat sätt. Detta gäller även bildspråk och jargong.

Det finns en metod/funktion som visar hela ordet/orden eller betydelsen av förkortningar.

När text kräver högre läsförmåga än högstadienivå efter att man avlägsnat egennamn och titlar, så finns det kompletterande innehåll eller en version som inte kräver högre läsförmåga än högstadienivå.

Det finns en metod/funktion som anger hur ord uttalas, när betydelsen av ordet, i sitt sammanhang, är tvetydigt om man inte vet hur det uttalas.

3.2 Förutsägbart

Säkerställ att webbsidor presenteras och fungerar på ett förutsägbart sätt.

Att en komponent får fokus leder inte till en förändring av sammanhanget.

Att ändra inställningarna för en komponent i ett användargränssnitt orsakar inte automatiskt en förändring av sammanhanget, om inte användaren förvarnats om detta innan komponenten används.

Navigeringsmetoder/funktioner som upprepas på flera webbsidor inom en uppsättning av webbsidorpresenteras i samma inbördes ordning varje gång de upprepas, om inte användaren initierar en ändring.

Komponenter som har samma funktionalitet inom en uppsättning av webbsidor identifieras konsekvent.

Förändring av sammanhang initieras enbart på användarens begäran eller så finns en metod/funktionför att stänga av sådana förändringar.

3.3 Inmatningsstöd

Hjälp användare att undvika misstag och rätta till misstag.

Om ett inmatningsfel upptäcks automatiskt så ska det som är fel markeras och felet beskrivas för användaren med text.

Det finns ledtexter/etiketter eller instruktioner när innehåll kräver inmatning från användaren.

Om ett inmatningsfel upptäcks automatiskt och det finns kända korrigeringsförslag så ges förslagen till användaren, utom om det skulle äventyra säkerheten eller syftet med innehållet.

För webbsidor som leder till att användare ingår rättsliga åtaganden eller utför ekonomiska transaktioner, eller som ändrar eller raderar användarstyrd data i datalagringssystem eller tar emot användarens provsvar, så ska minst en av följande punkter gälla:

  1. Möjlig att ångra: Åtgärder kan ångras.
  2. Kontrollerad: Data som matats in av användaren kontrolleras, och om inmatningsfel hittas ges användaren möjlighet att rätta till dem.
  3. Bekräftad: Det finns en metod/funktion för att förhandsgranska, bekräfta och rätta till information innan åtgärden slutförs.

För webbsidor som kräver att användaren matar in information så ska minst en av följande punkter gälla:

  1. Möjlig att ångra: Åtgärder kan ångras.
  2. Kontrollerad: Data som matats in av användaren kontrolleras, och om inmatningsfel hittas ges användaren möjlighet att rätta till dem.
  3. Bekräftad: Det finns en metod/funktion funktion för att förhandsgranska, bekräfta och rätta till information innan åtgärden slutförs.

4 Robust

Innehåll måste vara robust nog för att kunna tolkas på ett pålitligt sätt av ett brett spektrum av olika användarprogram, inklusive hjälpmedel.

4.1 Kompatibelt

Maximera kompatibiliteten med nuvarande och framtida användarprogram, inklusive hjälpmedel.

Innehåll som skapats med kodspråk (markup language) har element med kompletta start- och sluttaggar. Elementen är nästlade enligt deras specifikationer. De innehåller inte dubbla attributangivelser och har unika ID:n – förutom då specifikationerna tillåter detta.

Anmärkning: Start- och sluttaggar som saknar ett obligatoriskt tecken såsom ett avslutande “större än”-tecken eller ett attributvärde med citattecken som inte matchar, är inte komplett.

För alla komponenter i ett användargränssnitt (inklusive, men inte begränsat till formulärelement, länkar och komponenter skapade med script), kan namnet och rollen automatiskt tydliggöras. Status, egenskaper och värden som kan anges av användaren kan bli automatiskt tydliggjord, och meddelande om ändringar i dessa komponenter finns åtkomliga för användarprogram, inklusive hjälpmedel.

Anmärkning: Detta framgångskriterium är främst till för utvecklare som utvecklar egna komponenter eller skapar egna script för komponenterna i användargränssnittet. Exempelvis uppfyller redan standardkontroller i HTML detta framgångskriterium när de används enligt specifikation.