De 50 succeskriterier
WCAG 2.1 niveau A og AA består af 50 succeskriterier — 30 på niveau A og 20 på niveau AA. Det er dem, EN 301 549 og tilgængelighedsloven bygger på.
Kolonnen Testmetode angiver, hvad der skal til for at afgøre kriteriet:
| Testmetode | Antal | Betydning |
|---|---|---|
| Automatisk | 5 | Kan afgøres af et værktøj alene |
| Begge | 11 | Værktøj finder kandidater, et menneske afgør |
| Manuel | 34 | Kræver tastatur, skærmlæser eller vurdering |
45 af 50 kræver et menneske. Det er grunden til, at en gratis scanner ikke kan afgøre, om I overholder loven — og grunden til at en vurdering koster det, den gør.
Niveau A
| Nr. | Kriterium | Hvad der testes | Testmetode |
|---|---|---|---|
| 1.1.1 | Ikke-tekstligt indhold | Alt-tekst på billeder ikoner og knapper. Dekorative har tomt alt | Begge |
| 1.2.1 | Kun lyd og kun video (optaget) | Transskription til lydfil. Alternativ til stumfilm | Manuel |
| 1.2.2 | Undertekster (optaget) | Undertekster på al video med tale | Manuel |
| 1.2.3 | Synstolkning eller mediealternativ | Synstolkning eller fuldt tekstalternativ | Manuel |
| 1.3.1 | Information og relationer | Semantisk markup. Overskrifter lister tabeller og labels | Begge |
| 1.3.2 | Meningsfuld rækkefølge | DOM-rækkefølge svarer til visuel rækkefølge | Manuel |
| 1.3.3 | Sensoriske kendetegn | Instruktioner afhænger ikke af form farve eller placering | Manuel |
| 1.4.1 | Brug af farve | Farve er ikke eneste betydningsbærer | Manuel |
| 1.4.2 | Lydkontrol | Lyd over 3 sekunder kan standses | Manuel |
| 2.1.1 | Tastatur | Al funktionalitet kan betjenes med tastatur | Manuel |
| 2.1.2 | Ingen tastaturfælde | Fokus kan altid forlade en komponent | Manuel |
| 2.1.4 | Enkelttast-genveje | Genveje på én tast kan slås fra eller ommappes | Manuel |
| 2.2.1 | Justerbar tidsgrænse | Tidsgrænser kan forlænges eller slås fra | Manuel |
| 2.2.2 | Pause stop skjul | Bevægelse over 5 sekunder kan standses | Manuel |
| 2.3.1 | Tre blink | Intet blinker mere end tre gange i sekundet | Manuel |
| 2.4.1 | Spring blokke over | Skip-link eller korrekte landmarks | Begge |
| 2.4.2 | Sidetitel | Unik og beskrivende sidetitel | Automatisk |
| 2.4.3 | Fokusrækkefølge | Tab-rækkefølgen er logisk | Manuel |
| 2.4.4 | Linkformål | Linkteksten giver mening uden omgivende tekst | Begge |
| 2.5.1 | Pegegestus | Sti- og multipunktgestus har enkelt alternativ | Manuel |
| 2.5.2 | Annullering af peg | Handling udløses først når knappen slippes | Manuel |
| 2.5.3 | Label i navn | Synlig tekst indgår i det tilgængelige navn | Begge |
| 2.5.4 | Bevægelsesaktivering | Funktioner udløst af bevægelse har alternativ | Manuel |
| 3.1.1 | Sidens sprog | Korrekt lang-attribut på html-elementet | Automatisk |
| 3.2.1 | Ved fokus | Fokus alene udløser ikke kontekstskift | Manuel |
| 3.2.2 | Ved input | Ændring af felt udløser ikke uventet kontekstskift | Manuel |
| 3.3.1 | Fejlidentifikation | Fejl beskrives i tekst ikke kun visuelt | Manuel |
| 3.3.2 | Labels eller instruktioner | Alle felter har synlig label | Begge |
| 4.1.1 | Parsing | Valid HTML og unikke id-attributter | Automatisk |
| 4.1.2 | Navn rolle værdi | Custom komponenter har korrekt rolle og tilstand | Begge |
Niveau AA
| Nr. | Kriterium | Hvad der testes | Testmetode |
|---|---|---|---|
| 1.2.4 | Undertekster (live) | Live-undertekster på direkte udsendelse | Manuel |
| 1.2.5 | Synstolkning (optaget) | Synstolkning på optaget video | Manuel |
| 1.3.4 | Orientering | Virker i både stående og liggende format | Manuel |
| 1.3.5 | Identificér inputformål | autocomplete-attribut på persondatafelter | Automatisk |
| 1.4.3 | Kontrast (minimum) | 4.5 til 1 for brødtekst og 3 til 1 for stor tekst | Automatisk |
| 1.4.4 | Ændring af tekststørrelse | 200 procent zoom uden tab af indhold | Begge |
| 1.4.5 | Billeder af tekst | Tekst er rigtig tekst ikke et billede | Manuel |
| 1.4.10 | Ombrydning | 320 px bredde uden vandret scroll | Manuel |
| 1.4.11 | Kontrast for ikke-tekst | 3 til 1 på UI-komponenter og fokusindikator | Begge |
| 1.4.12 | Tekstafstand | Tåler forøget linje- ord- og bogstavafstand | Manuel |
| 1.4.13 | Indhold ved hover eller fokus | Tooltip kan lukkes forbliver synligt og kan pegepunktnås | Manuel |
| 2.4.5 | Flere veje | Mindst to måder at finde en side på | Manuel |
| 2.4.6 | Overskrifter og labels | Overskrifter og labels er beskrivende | Manuel |
| 2.4.7 | Synligt fokus | Synlig fokusindikator på alle interaktive elementer | Manuel |
| 3.1.2 | Sprog i dele | lang-attribut på fremmedsproget tekst | Begge |
| 3.2.3 | Konsistent navigation | Navigation står samme sted i samme rækkefølge | Manuel |
| 3.2.4 | Konsistent identifikation | Samme funktion har samme navn overalt | Manuel |
| 3.3.3 | Fejlforslag | Fejlbeskeder foreslår en rettelse | Manuel |
| 3.3.4 | Fejlforebyggelse | Juridiske og økonomiske handlinger kan fortrydes eller bekræftes | Manuel |
| 4.1.3 | Statusbeskeder | Dynamiske beskeder annonceres via aria-live | Begge |
Officiel kilde: WCAG 2.1 hos W3C · Quickref
Se også: Sådan vurderer vi webtilgængelighed