WCAG-niveauer: A AA AAA

Omkring 15 % af verdens befolkning har en eller anden form for funktionsnedsættelse. Tilgængelige websteder fungerer for alle: brugere af skærmlæsere, brugere der kun anvender tastatur, brugere med nedsat syn og brugere på langsomme netværk. Tilgængelighed er også et lovkrav i mange jurisdiktioner.

WCAG er W3C-standarden, der definerer, hvad der gør webindhold tilgængeligt. Den aktuelle version er WCAG 2.2 (oktober 2023). Efterfølgeren WCAG 3 er stadig på et tidligt udkaststadie.

WCAG er organiseret omkring fire principper: Perceivable, Operable, Understandable og Robust. Alle succeskriterier hører under et af dem.

Information skal kunne præsenteres på måder, som brugerne kan opfatte: alternativ tekst til billeder, undertekster til video, tilstrækkelig farvekontrast og tekst, der kan forstørres til 200 % uden tab af funktionalitet.

Al funktionalitet skal fungere via tastatur: ingen interaktioner, der kun virker med mus, tilstrækkelig tid til at læse indholdet, intet blinkende indhold, der kan udløse anfald, og tydelige måder at navigere på.

Indhold og betjening skal være forståeligt: det anvendte sprog skal være angivet, navigationsmønstrene skal være forudsigelige, fejlmeddelelserne skal være tydelige og indeholde forslag, og etiketterne skal være ensartede.

Indholdet skal fungere med nuværende og fremtidige hjælpemidler. Brug gyldig HTML, følg ARIA's bedste praksis, og sørg for, at navn, rolle og værdi kan bestemmes programmatisk.

Niveau A: minimum (skal være på plads). Niveau AA: standardmålet (det, de fleste love kræver). Niveau AAA: højeste niveau, som ikke er praktisk for hele websteder — anvend det kun på kritiske sider.

De fleste projekter sigter efter WCAG 2.1 AA eller 2.2 AA — det niveau, der kræves af European Accessibility Act (EAA), Section 508 i USA og de fleste regler for indkøb i større virksomheder.

Niveau A: alternativ tekst på billeder, tastaturtilgængelighed. Niveau AA: kontrastforhold på 4,5:1 for tekst, ingen information formidlet udelukkende med farve, synlig fokusmarkering, mulighed for at forstørre til 200 %. Niveau AAA: kontrast på 7:1, tegnsprog til video og kontekstfølsom hjælp.

1) Tilføj alternativ tekst til hvert billede. 2) Brug semantisk HTML (button, nav, h1-h6). 3) Sørg for, at farvekontrasten opfylder 4,5:1. 4) Test webstedet udelukkende med tastatur. 5) Tilføj etiketter til hvert inputfelt i formularer. 6) Brug en synlig fokusmarkering.

WCAG 2.2 er den aktuelle standard. Fire principper: opfattelig, betjenelig, forståelig og robust (POUR). Tre overensstemmelsesniveauer: A (grundlæggende), AA (juridisk mål) og AAA (højeste niveau). Sigt efter AA for at overholde lovgivningen. Hurtige forbedringer: alternativ tekst, semantisk HTML, kontrast på 4,5:1, tastaturafprøvning, inputfelter med labels og synligt fokus.