Webtilgængelighed – 10 ting du skal være opmærksom på

Webtilgængelighed er ikke længere en “nice to have”. Det er et krav. Fra d. 28. juni 2025 træder European Accessibility Act i kraft – og selvom din virksomhed måske ikke direkte er omfattet, så bliver det sværere og sværere at komme uden om at tænke tilgængelighed ind i dit webdesign.

Og det er ikke kun på grund af lovgivning. Det er også god stil. En tilgængelig hjemmeside er nemlig en bedre hjemmeside – for alle.

Det hurtige svar

Her er 10 ting, du skal være opmærksom på, hvis din hjemmeside skal være tilgængelig:

Sørg for god kontrast mellem tekst og baggrund
Gør navigation mulig uden mus
Brug tydelige overskrifter (H1, H2, H3 osv.)
Tilføj alt-tekster til billeder
Brug webp-format for hurtigere indlæsning
Brug læsevenlige skrifttyper
Gør links genkendelige og meningsfulde
Undgå autoafspilning af lyd og video
Gør formularer forståelige – også med skærmlæsere
Brug korrekt HTML-struktur

Lad os dykke ned i dem – én for én.

1. Kontrast: Gør det læseligt

Lysegrå tekst på hvid baggrund kan se “clean” ud, men det er håbløst at læse – især for brugere med nedsat syn. WCAG (Web Content Accessibility Guidelines) kræver en kontrast på mindst 4.5:1 for almindelig tekst.

Tip: Brug gratis værktøjer som WebAIM Contrast Checker til at teste dine farver.

2. Tastaturnavigation: Ikke alle bruger mus

Mange ældre, synshandicappede – og ja, også power users – navigerer med tastatur. Hvis din menu, popups eller formularer ikke kan bruges med tabulator-tasten, falder du igennem.

3. Overskrifter i rækkefølge

Spring aldrig direkte fra H1 til H4. Det forvirrer både mennesker og skærmlæsere. Brug overskrifter som du ville bruge kapitler og underkapitler.

4. Alt-tekst: Beskriv billederne

Skærmlæsere bruger alt-tekster til at forklare, hvad der vises på billedet. Hvis du glemmer det, er billedet bare en sort boks for blinde brugere.

Bonus: Alt-tekster er også gode for din SEO – Google læser med.

5. Brug WebP til billeder

Webtilgængelighed handler også om hastighed. Jo hurtigere siden loader, jo lettere er den at bruge. Brug moderne billedformater som WebP – det reducerer filstørrelsen og gør oplevelsen hurtigere for alle (og særligt dem med langsomme forbindelser).

6. Gør teksten læsevenlig

Brug en font med god læsbarhed. Undgå at lave tekstbilleder – de kan ikke læses af skærmlæsere. Og brug rigeligt med luft mellem linjerne.

7. Links skal give mening

Linktekster som “Klik her” er ubrugelige i sig selv. Skriv i stedet fx: “Læs mere om vores webudvikling” – så både brugeren og Google ved, hvad de får.

8. Drop autoplay

Ingen bryder sig om, at en video starter af sig selv. Det er distraherende – og kan skabe store problemer for fx folk med ADHD, angst eller synshandicap. Lad brugeren vælge.

9. Formularer skal give feedback

Hvis en bruger taster noget forkert i en formular, skal fejlen forklares – med tekst. Ikke bare en rød ramme. Og det skal være muligt for skærmlæsere at fange fejlbeskeden.

10. Brug korrekt HTML – ikke bare visuel styling

Det kan godt være, det ser ud som en overskrift i Breakdance, men hvis det ikke er kodet som en <h2>, fanger skærmlæsere og søgemaskiner den ikke. Brug semantisk korrekt HTML.

Webtilgængelighed er ikke kun for de få – det er for alle

Mange tror stadig, at tilgængelighed kun er for en lille gruppe. Men faktum er, at over en milliard mennesker i verden har en form for funktionsnedsættelse. Og rigtig mange har midlertidige udfordringer: Et brækket håndled. Et langsomt net. En gammel skærm.

Når du gør din hjemmeside tilgængelig, gør du den faktisk bare… bedre.

Hvordan kommer jeg i gang?

Hvis du har en hjemmeside – eller skal have lavet en ny – så tænk tilgængelighed ind fra starten. Har du brug for hjælp? Vi har erfaring med både WCAG, designprincipper og SEO – og vi hjælper gerne med at sikre, at din side er fremtidssikret med vores gratis hjemmesideanalyse.