Fejlfinding & kvalitet
Test tilgængelighed med tastatur og skærmlæser
Bekræft at siden kan bruges af alle
Tilgængelighed er ikke noget man ser sig til — man tester det. Denne runde afslører de hyppigste barrierer: manglende fokus, ulæselig kontrast og elementer man ikke kan nå uden mus.
- 01
Naviger kun med tastaturet
Læg musen fra dig og gå gennem siden med Tab (frem), Shift+Tab (tilbage) og Enter/Mellemrum for at aktivere. Alt interaktivt — links, knapper, felter — skal kunne nås og betjenes, og rækkefølgen skal give mening.
Kan du ikke nå noget med Tab, kan en tastaturbruger heller ikke.
- 02
Se efter et tydeligt fokus
Mens du tabber, skal du altid kunne se HVOR du er — en synlig fokusring. Er fokus usynligt (fx fjernet med `outline: none` uden erstatning), er brugeren faret vild. Genindfør et tydeligt fokus-styling hvor det mangler.
- 03
Lyt til siden med en skærmlæser
Tænd en skærmlæser (VoiceOver på Mac, NVDA på Windows) og navigér. Bliver knapper, links, billeder og felter læst op med meningsfulde navne? En knap der bare hedder «knap», eller et billede uden alt-tekst, dukker op med det samme her.
- 04
Kontrollér farvekontrasten
Tjek at tekst har nok kontrast mod baggrunden. WCAG AA kræver mindst 4,5:1 for normal tekst og 3:1 for stor tekst. Brug et kontrastværktøj eller DevTools på tvivlsomme steder som lysegrå tekst eller tekst på billeder.
Normal tekst4,5:1Stor tekst3:1 - 05
Mål de klikbare mål
Sørg for at knapper og links er store nok til at ramme med en finger. En bredt anerkendt tommelfingerregel er mindst 44×44 CSS-px, især på mobil. Små, tætpakkede ikoner er en typisk fælde.
Min. mål44×44 px - 06
Kør en automatisk kontrol til sidst
Afslut med et automatisk værktøj som Lighthouse eller axe i DevTools. Det fanger maskinelt målbare fejl (manglende labels, kontrast, sprogattribut). Husk: det er et supplement til — ikke en erstatning for — din egen manuelle test.
Bygget på uddannelsens artikel «Tilgængelighed i dybden — et web alle kan bruge» og WCAG-retningslinjerne (W3C).