Tilgængelighedssucceskriterier (WCAG 2.1)
WCAG 2.1 niveau A og AA består af 50 succeskriterier: 30 på niveau A og 20 på niveau AA. Det er disse kriterier, som den europæiske standard EN 301 549 og den danske tilgængelighedslov hviler på.
Under en TRAQ Blueprint audit vurderes samtlige 50 kriterier på tværs af de udvalgte 6 sidetemplates og 2 transaktionsforløb (i alt 400 enkeltvurderinger).
Kolonnen Testmetode angiver, hvordan kriteriet afgøres i vores testsekvens:
| Testmetode | Antal | Betydning |
|---|---|---|
| Automatisk | 5 | Kan afgøres af et automatiseret testværktøj alene mod rå DOM |
| Begge | 11 | Værktøj identificerer elementer, hvorefter en fagperson vurderer meningsindholdet |
| Manuel | 34 | Kræver praktisk test med tastatur, NVDA-skærmlæser eller visuel inspektion |
Niveau A
| Nr. | Kriterium | Hvad der testes | Testmetode |
|---|---|---|---|
| 1.1.1 | Ikke-tekstligt indhold | Alt-tekst på billeder, ikoner og knapper. Dekorative elementer har tomt alt | Begge |
| 1.2.1 | Kun lyd og kun video (optaget) | Transskription til lydfil eller tekstalternativ 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 til video | Manuel |
| 1.3.1 | Information og relationer | Semantisk markup: overskrifter, lister, tabeller og form-labels | Begge |
| 1.3.2 | Meningsfuld rækkefølge | DOM-rækkefølge stemmer overens med den visuelle læserækkefølge | Manuel |
| 1.3.3 | Sensoriske kendetegn | Instruktioner afhænger ikke af form, farve eller placering alene | Manuel |
| 1.4.1 | Brug af farve | Farve er ikke den eneste informationsbærer | Manuel |
| 1.4.2 | Lydkontrol | Lyd, der afspilles automatisk i over 3 sekunder, kan pauses eller standses | Manuel |
| 2.1.1 | Tastatur | Al funktionalitet kan betjenes udelukkende med tastatur | Manuel |
| 2.1.2 | Ingen tastaturfælde | Fokus kan altid forlade en komponent med standardtaster | Manuel |
| 2.1.4 | Enkelttast-genveje | Hurtigtaster på en enkelt tast kan slås fra eller ommappes | Manuel |
| 2.2.1 | Justerbar tidsgrænse | Tidsgrænser kan forlænges, justeres eller slås fra | Manuel |
| 2.2.2 | Pause, stop, skjul | Bevægende indhold over 5 sekunder kan standses af brugeren | Manuel |
| 2.3.1 | Tre blink | Intet indhold blinker mere end tre gange i sekundet | Manuel |
| 2.4.1 | Spring blokke over | Skip-link eller korrekt strukturerede landmarks til at passere gentaget indhold | Begge |
| 2.4.2 | Sidetitel | Sider har en unik og beskrivende sidetitel | Automatisk |
| 2.4.3 | Fokusrækkefølge | Tabulator-rækkefølgen følger en logisk og meningsfuld sti | Manuel |
| 2.4.4 | Linkformål (i kontekst) | Linkteksten angiver sit formål tydeligt for brugeren | Begge |
| 2.5.1 | Pegegestus | Komplekse flerpunkts- eller kurvebevægelser har et simpelt alternativ | Manuel |
| 2.5.2 | Annullering af peg | Handlinger udløses først, når klikket slippes, eller kan afbrydes | Manuel |
| 2.5.3 | Label i navn | Den synlige tekst på en knap indgår i dens tilgængelige navn | Begge |
| 2.5.4 | Bevægelsesaktivering | Funktioner aktiveret ved at ryste eller vippe enheden har alternativer | Manuel |
| 3.1.1 | Sidens sprog | Korrekt og gyldig lang-attribut på html-elementet | Automatisk |
| 3.2.1 | Ved fokus | Modtagelse af fokus alene udløser ikke et uventet kontekstskift | Manuel |
| 3.2.2 | Ved input | Ændring af indhold i et felt udløser ikke uventet kontekstskift | Manuel |
| 3.3.1 | Fejlidentifikation | Inputfejl angives og beskrives tydeligt i tekst, ikke kun med farve | Manuel |
| 3.3.2 | Labels eller instruktioner | Inputfelter har synlige, informative ledetekster eller instruktioner | Begge |
| 4.1.1 | Parsing | HTML er velformet med komplette start- og sluttags og unikke id-attributter | Automatisk |
| 4.1.2 | Navn, rolle, værdi | Brugerdefinerede UI-komponenter har korrekte ARIA-roller, navne og tilstande | Begge |
Niveau AA
| Nr. | Kriterium | Hvad der testes | Testmetode |
|---|---|---|---|
| 1.2.4 | Undertekster (live) | Synkroniserede undertekster på direkte live-udsendelser | Manuel |
| 1.2.5 | Synstolkning (optaget) | Synstolkning for alt forudindspillet videoindhold | Manuel |
| 1.3.4 | Orientering | Visning og betjening låses ikke til stående eller liggende format | Manuel |
| 1.3.5 | Identificér inputformål | Autocomplete-attributter på standardfelter til personoplysninger | Automatisk |
| 1.4.3 | Kontrast (minimum) | Mindst 4,5:1 kontrast for normal tekst og 3,0:1 for stor tekst | Automatisk |
| 1.4.4 | Ændring af tekststørrelse | Siden kan forstørres til 200 procent uden tab af indhold eller funktion | Begge |
| 1.4.5 | Billeder af tekst | Rigtig tekst anvendes frem for indlejret tekst i billeder | Manuel |
| 1.4.10 | Ombrydning | Indhold kan læses ved 320 px bredde uden todimensionalt scroll | Manuel |
| 1.4.11 | Kontrast for ikke-tekst | Mindst 3,0:1 kontrast på visuelle grænseflader og fokusindikatorer | Begge |
| 1.4.12 | Tekstafstand | Indhold tåler udvidet linje-, afsnits-, ord- og bogstavafstand | Manuel |
| 1.4.13 | Indhold ved hover eller fokus | Ekstra indhold (fx tooltips) kan afvises, forsvinder ikke utilsigtet og kan nås med markøren | Manuel |
| 2.4.5 | Flere veje | Der findes mindst to forskellige måder at lokalisere en underside på | Manuel |
| 2.4.6 | Overskrifter og labels | Overskrifter og form-labels er dækkende og beskrivende | Manuel |
| 2.4.7 | Synligt fokus | Tastaturfokus er synligt markeret på alle interaktive elementer | Manuel |
| 3.1.2 | Sprog i dele | Fremmedsprogede passager er markeret med egen lang-attribut | Begge |
| 3.2.3 | Konsistent navigation | Navigationsmekanismer gentages på samme relative placering på tværs af sitet | Manuel |
| 3.2.4 | Konsistent identifikation | Elementer med samme funktionalitet navngives ensartet på hele sitet | Manuel |
| 3.3.3 | Fejlforslag | Fejlmeddelelser giver konkrete forslag til at udbedre fejlen | Manuel |
| 3.3.4 | Fejlforebyggelse | Juridiske og økonomiske forpligtelser kan kontrolleres, rettes eller fortrydes | Manuel |
| 4.1.3 | Statusbeskeder | Dynamiske statusopdateringer annonceres til hjælpeteknologi via aria-live | Begge |
Kommende krav: WCAG 2.2 preview
WCAG 2.2 introducerer seks nye succeskriterier på niveau A og AA, som forventes optaget ved næste revision af EN 301 549. TRAQ registrerer disse som en særskilt observation for at fremtidssikre jeres tekniske dokumentation:
| Nr. | Kriterium | Niveau | Hvad der testes |
|---|---|---|---|
| 2.4.11 | Fokus ikke skjult (minimum) | AA | Det fokuserede element dækkes ikke fuldstændigt af fastlåste bannere eller sticky footers |
| 2.5.7 | Trækbevægelser | AA | Funktioner, der kræver at trække et element, har et enkelt klik- eller trykalternativ |
| 2.5.8 | Målstørrelse (minimum) | AA | Klikbare elementer har et areal på mindst 24 × 24 CSS-pixels eller tilstrækkelig afstand |
| 3.2.6 | Konsekvent hjælp | A | Kontaktoplysninger, supportlinks eller chat findes på samme relative plads på alle sider |
| 3.3.7 | Redundant indtastning | A | Information indtastet tidligere i samme proces skal genbruges eller kunne vælges automatisk |
| 3.3.8 | Tilgængelig autentificering | AA | Login må ikke kræve kognitive funktionstests (fx udenadslære eller regnestykker) uden hjælpeværktøj |