Gratis ressource

WCAG-tjekliste: 10 ting du kan tjekke på 5 minutter

Du behøver ikke være ekspert for at finde de mest almindelige tilgængelighedsproblemer. Start med disse 10 checks — de dækker de fejl vi ser oftest.

1

Har alle billeder alt-tekst?

Alle <img>-tags skal have en meningsfuld alt-attribut. Dekorative billeder skal have alt="".

Sådan tjekker du: Højreklik på et billede → "Undersøg element" → tjek om alt-attributten er der og beskrivende.

WCAG: 1.1.1 Non-text Content

2

Er farvekontrasten mindst 4.5:1?

Normal tekst skal have mindst 4.5:1 kontrast mod baggrunden. Stor tekst (18px+ bold eller 24px+) skal have 3:1.

Sådan tjekker du: Brug WebAIMs Contrast Checker eller browser DevTools → Accessibility-fanen.

WCAG: 1.4.3 Contrast (Minimum)

3

Kan du navigere hele siten med tastatur?

Alle interaktive elementer (links, knapper, formularer) skal kunne nås og bruges med Tab, Enter og mellemrumstasten.

Sådan tjekker du: Læg musen væk. Brug kun Tab til at navigere. Kan du nå alt? Kan du se hvor fokus er?

WCAG: 2.1.1 Keyboard

4

Har alle formularfelter labels?

Hvert input-felt skal have en synlig <label> der er korrekt knyttet med for/id eller ved at wrappe feltet.

Sådan tjekker du: Klik på teksten ved siden af et felt. Hvis feltet får fokus, er labelen korrekt knyttet.

WCAG: 1.3.1 Info and Relationships

5

Er overskriftsstrukturen logisk?

Overskrifter skal følge en logisk rækkefølge: h1 → h2 → h3. Spring ikke niveauer over (h1 → h3).

Sådan tjekker du: Installér HeadingsMap-udvidelsen i din browser og tjek at hierarkiet er logisk.

WCAG: 1.3.1 Info and Relationships

6

Virker siten uden mus?

Ingen funktionalitet må kræve mus. Dropdown-menuer, modaler og sliders skal fungere med tastatur.

Sådan tjekker du: Prøv at gennemføre en typisk brugerrejse (f.eks. køb) kun med tastatur.

WCAG: 2.1.1 Keyboard

7

Er links tydeligt markeret?

Links skal være visuelt adskilt fra normal tekst med mere end bare farve — brug understregning eller ikon.

Sådan tjekker du: Prøv at se siden i gråtoner. Kan du stadig skelne links fra tekst?

WCAG: 1.4.1 Use of Color

8

Har videoer undertekster?

Alle videoer med tale skal have undertekster. Live-indhold skal have real-time undertekster.

Sådan tjekker du: Afspil videoerne med lyden slået fra. Kan du forstå indholdet via underteksterne?

WCAG: 1.2.2 Captions (Prerecorded)

9

Kan brugere zoome til 200%?

Indholdet skal fungere når browseren zoomes til 200% uden at tekst eller funktionalitet forsvinder.

Sådan tjekker du: Tryk Ctrl/Cmd + "+" indtil browseren viser 200%. Fungerer alt stadig?

WCAG: 1.4.4 Resize Text

10

Er der en tilgængelighedserklæring?

En tilgængelighedserklæring giver brugere overblik over dit websites status, kendte problemer og kontaktinfo. Anbefales som best practice.

Sådan tjekker du: Tjek om du har en side der beskriver din tilgængelighedsstatus, kendte problemer og klagemulighed.

WCAG: Best practice

Vil du automatisere disse checks?

Du har lige brugt 5 minutter på at tjekke manuelt. Inklu finder de samme problemer — plus 40+ flere — på under 30 sekunder. Gratis.

Gratis plan inkluderet · Ingen kreditkort · Opsig når som helst