5 tilgængelighedsfejl de fleste websites har

De 5 mest udbredte tilgængelighedsproblemer

Hvert år scanner WebAIM de 1.000.000 mest besøgte websites. Og hvert år finder de de samme fejl igen og igen. Her er top 5 — og hvad du kan gøre ved dem.

1. Manglende alt-tekst på billeder

Problemet: 58% af alle billeder mangler alternativ tekst. Det betyder at skærmlæsere ikke kan beskrive billedet for blinde og svagtseende brugere.

Løsningen: Tilføj beskrivende alt-attributter til alle informative billeder. Dekorative billeder skal have tom alt-tekst (alt="").

<!-- Godt -->
<img src="team.jpg" alt="Holdet bag Inklu samlet til morgenmøde">

<!-- Dekorativt billede -->
<img src="divider.svg" alt="">

2. For lav farvekontrast

Problemet: 83% af websites har tekst med for lav kontrast mod baggrunden. Grå tekst på hvid baggrund er den typiske synder.

Løsningen: WCAG kræver mindst 4.5:1 kontrast for normal tekst og 3:1 for stor tekst. Brug et kontrasttjek-værktøj til at verificere dine farver.

3. Manglende labels på formularfelter

Problemet: Inputfelter uden tilknyttede labels gør det umuligt for skærmlæsere at beskrive, hvad feltet er til. Placeholder-tekst er ikke en erstatning.

Løsningen: Brug <label> elementer med for-attribut der matcher inputfeltets id.

<!-- Godt -->
<label for="email">E-mail</label>
<input type="email" id="email" name="email">

<!-- Dårligt — placeholder er ikke en label -->
<input type="email" placeholder="E-mail">

4. Tomme links

Problemet: Links uden tilgængelig tekst (f.eks. et ikon-link uden aria-label) efterlader skærmlæser-brugere uden information om, hvor linket fører hen.

Løsningen: Sørg for at alle links har synlig tekst eller en aria-label.

5. Manglende dokumentsprog

Problemet: Uden et lang-attribut på <html>-elementet ved skærmlæsere ikke, hvilket sprog siden er på — og kan udtale al tekst forkert.

Løsningen:

<html lang="da">

Sådan finder du fejlene

En automatisk tilgængelighedsscanning kan finde alle 5 fejltyper. Det tager under 30 sekunder og giver dig en prioriteret liste over problemer.

Scan dit website gratis og find ud af, om du har nogle af disse problemer.