Hvorfor automatiske kontroller afslører mere end forventet
De fleste ejere af webshops antager, at deres hjemmeside er tilgængelig. Virkeligheden er ofte anderledes. En automatisk kontrol afslører typisk snesevis til hundredvis af fund, selv på en tilsyneladende normal webshop.
Automatisering dækker cirka 30–50 % af WCAG 2.1 AA-reglerne. Hvad er de hyppigste problemer?
Manglende alt-tekster
Det mest udbredte fund. Billeder uden tekstbeskrivelse (alt-attributten) er fuldstændig utilgængelige for brugere med skærmlæsere.
Sådan rettes det:
- Funktionelle billeder (produkter, illustrationer, logoer): en meningsfuld beskrivelse af, hvad billedet viser, eller hvad knappen gør
- Dekorative billeder (baggrunde, ornamenter): tomt alt-attribut, så skærmlæsere springer dem korrekt over
- Billeder med tekst: teksten skal være til stede i alt-attributten
Lav farvekontrast
Det næst hyppigste problem. WCAG 2.1 AA kræver et minimalt kontrastforhold på 4,5:1 for normal tekst og 3:1 for stor tekst (18 pt eller 14 pt fed). Dårlig kontrast rammer personer med synsnedsættelse.
Typisk problematiske elementer: en lys knap 'Læg i kurv' på hvid baggrund, grå beskrivende tekst, fejlmeddelelser i bleg farve, tekst på billedbannere.
Sådan rettes det: værktøjer som Colour Contrast Analyser eller en automatisk scanning viser dig straks, hvilke steder der ikke opfylder standarden.
Utilgængelige formularer
Formularer er et kritisk punkt i enhver webshop. De hyppigste problemer:
- Manglende label til et felt: et E-mail-felt uden programmatisk tilknyttet label er uerkendeligt for en skærmlæser
- Fejlmeddelelser ikke annonceret via ARIA: en bruger med skærmlæser ser ikke, at der opstod en fejl
- Obligatoriske felter uden markering: en asterisk (*) uden tekstforklaring er ikke nok
- Knapper uden meningsfuld tekst: 'Bekræft' er bedre end blot et ikon uden beskrivelse
Problemer med tastaturnavigation
Din nationale lov, der implementerer EAA, kræver, at hele webshop'en kan betjenes uden mus. De hyppigste problemer:
- Manglende synlig focus ring: når en bruger navigerer med Tab-tasten, skal de altid kunne se, hvor de befinder sig
- Keyboard trap: brugeren sidder fast i et modalt vindue eller menu og kan ikke komme ud med tastaturet
- Dårlig fokusrækkefølge: Tab hopper unaturligt rundt på siden
Utilgængelige interaktive elementer
Knapper og links skal have et tilgængeligt navn, så hjælpeteknologier annoncerer dem korrekt. Problematiske mønstre:
- Knap med kun et ikon uden tekst eller aria-label
- Link 'Klik her' eller 'Mere' uden kontekst
- Interaktiv div eller span uden role='button' og tastaturunderstøttelse
Sådan begynder du at rette
Anbefalet fremgangsmåde:
- Kør en automatisk scanning — identificer de mest indflydelsesrige problemer hurtigt og gratis
- Prioriter efter alvorlighed: løs kritiske (critical) og alvorlige (serious) fund først
- Ret tekniske fejl: alt-tekster, kontrast og formularlabels er relativt enkle rettelser
- Bestil en manuel revision: de resterende regler (læsbarhed, adfærd ved skærmlæsere) kræver menneskelig vurdering
Husk: automatiske kontroller opdager cirka 30–50 % af WCAG-reglerne. At rette automatisk opdagede fejl er et nødvendigt, men ikke tilstrækkeligt, skridt til at overholde din nationale lov, der implementerer EAA.
Flere guideartikler
Ofte stillede spørgsmål
- Hvor mange fejl er normalt?
- De fleste webshops har snesevis til hundredvis af automatisk detekterbare fund. Vigtigere end antallet er alvorligheden — ret kritiske og alvorlige fejl først.
- Hvordan ved jeg, hvad jeg skal rette først?
- Fokuser på fund markeret som kritiske (critical) og alvorlige (serious) — de har den største indvirkning på brugere med handicap.
- Er det nok at rette automatisk opdagede fejl?
- Nej. Automatisering opdager cirka 30–50 % af WCAG 2.1 AA-reglerne. For et fuldstændigt overblik — og for at overholde din nationale lov, der implementerer EAA — er en manuel revision nødvendig.
Ønsker du at teste dit websteds tilgængelighed nu?
Start tilgængelighedskontrol