WCAG 2.2 på svenska: så fungerar riktlinjerna

Fyra principer

Alla kriterier hör till en av fyra principer. Innehållet ska vara:

• Möjligt att uppfatta: text till bilder, textning, tillräcklig kontrast och innehåll som fungerar när man zoomar.
• Hanterbart: allt ska gå att använda med tangentbord, fokus ska synas, och ingen ska fastna eller hinnas upp av tidsgränser.
• Begripligt: tydligt språk, förutsägbart beteende och felmeddelanden som säger hur man rättar felet.
• Robust: koden ska säga vad saker är, så att skärmläsare och andra hjälpmedel kan tolka den.

Nivåerna A, AA och AAA

Varje kriterium har en nivå. A är grundkraven, AA är nivån som lagar och standarder hänvisar till, och AAA är den högsta nivån som sällan krävs för en hel webbplats. När man säger att en butik testas mot WCAG 2.2 AA menas alla kriterier på nivå A och AA.

Vad är skillnaden mellan WCAG 2.1 och 2.2?

WCAG 2.2 innehåller allt i WCAG 2.1 utom kriteriet 4.1.1 Parsning, som togs bort, och lägger till nio nya kriterier. Sex av dem gäller på nivå A eller AA:

• 2.4.11 Fokus inte dolt (AA): det element som har fokus får inte helt döljas av till exempel en fast meny eller en cookiebanner.
• 2.5.7 Dragrörelser (AA): allt som kräver att man drar, som ett reglage, ska också gå att göra med enkla klick.
• 2.5.8 Målstorlek (AA): klickytor ska vara minst 24 × 24 CSS-pixlar, eller ha tillräckligt avstånd till andra.
• 3.2.6 Konsekvent hjälp (A): kontaktvägar och hjälp ska ligga på samma ställe på varje sida.
• 3.3.7 Överflödig inmatning (A): kunden ska inte behöva skriva samma uppgift två gånger i samma flöde, som leverans- och fakturaadress.
• 3.3.8 Tillgänglig autentisering (AA): inloggning får inte kräva att man löser ett pussel eller minns och skriver av kod utan hjälp, som att klistra in eller använda en lösenordshanterare.

Kriterierna som oftast stoppar ett köp

• 2.1.1 Tangentbord: allt ska gå att göra med tangentbordet, även att välja storlek och färg.
• 2.1.2 Ingen tangentbordsfälla: fokus ska alltid kunna ta sig ur till exempel en varukorgslåda.
• 2.4.7 Synligt fokus: man ska se var man är på sidan.
• 4.1.2 Namn, roll, värde: knappar och väljare ska ha namn som skärmläsare kan läsa upp.
• 1.4.3 Kontrast: text ska ha en kontrast på minst 4,5:1 mot bakgrunden, och stor text minst 3:1.
• 1.1.1 Icke-textuellt innehåll: produktbilder och ikonknappar ska ha en textbeskrivning.