Tjekket den 31.8.2026 · https://www.heise.de/
4 kritisk barrieren · desuden 3 at tjekke.
Hvordan bliver scoren til? (100 startpoint)
| {n} af {total} billeder uden alt-attribut | -18 |
| {n} formularfelt(er) uden genkendelig mærkning | -18 |
| {n} link(s) uden genkendeligt navn i HTML'en | -18 |
| {n} knap(per) uden navn i HTML'en | -18 |
| Ingen <h1>-overskrift i den leverede HTML | -7 |
| {n} dublerede id-attributter | -7 |
| {n} CSS-regel{nPlural} med muligvis for lav tekstkontrast | -7 |
| Resultat | 7 / 100 |
Opfattelig
{n} af {total} billeder uden alt-attribut
Billeder, der efterindlæses via JavaScript, er ikke medtaget her.
img
Det bør du gøre: Giv hvert <img> et alt: kort beskrivelse ved meningsbærende billeder, alt="" ved rent dekorative.
{n} formularfelt(er) uden genkendelig mærkning
Tjek, om der findes et aria-label sat via JavaScript.
input, select, textarea
Det bør du gøre: Forbind hvert felt med et <label for>-element eller angiv aria-label / aria-labelledby. Kun en placeholder er ikke nok.
{n} CSS-regel{nPlural} med muligvis for lav tekstkontrast
Krævet: 4,5:1 (normal) henholdsvis 3:1 (stor tekst). Ved „antaget sidebaggrund” kunne den faktiske baggrund ikke bestemmes sikkert — tjek i browseren i tvivlstilfælde. Fundet bl.a.: {examples}
.text-ho-text, .text-yellow-50, .text-heisegrau-50, .text-green-50, .text-red-50
Det bør du gøre: Gør tekstfarven mørkere eller baggrunden lysere, indtil den pågældende mindsteværdi er nået. Brug aldrig farve som eneste kendetegn til at skelne.
Betjenelig
{n} link(s) uden genkendeligt navn i HTML'en
Tomme links eller kun et ikon/billede uden alt. Et aria-label sat via JavaScript genkendes ikke her.
a
Det bør du gøre: Tilføj synlig linktekst, eller brug aria-label eller et billede med alt ved ikonlinks.
{n} knap(per) uden navn i HTML'en
Knapper uden tekst og uden aria-label er stumme for skærmlæsere — medmindre navnet sættes via JavaScript.
button
Det bør du gøre: Tilføj knaptekst eller angiv aria-label.
Ingen <h1>-overskrift i den leverede HTML
Hver side bør begynde med præcis én h1. På sider, der bygges op via JavaScript, kan h1 først opstå i browseren — tjek da i den renderede DOM.
body
Det bør du gøre: Indsæt en meningsfuld <h1> som første overskrift (helst allerede på serversiden).
Robust
{n} dublerede id-attributter
f.eks. {examples}. Bryder label-for- og aria-tilknytninger.
[id]
Det bør du gøre: Tildel entydige id'er.
Næste skridt
- {n} af {total} billeder uden alt-attribut. Giv hvert <img> et alt: kort beskrivelse ved meningsbærende billeder, alt="" ved rent dekorative.
- {n} formularfelt(er) uden genkendelig mærkning. Forbind hvert felt med et <label for>-element eller angiv aria-label / aria-labelledby. Kun en placeholder er ikke nok.
- {n} link(s) uden genkendeligt navn i HTML'en. Tilføj synlig linktekst, eller brug aria-label eller et billede med alt ved ikonlinks.
- {n} knap(per) uden navn i HTML'en. Tilføj knaptekst eller angiv aria-label.
- Ingen <h1>-overskrift i den leverede HTML. Indsæt en meningsfuld <h1> som første overskrift (helst allerede på serversiden).
Ugentlig ny scanning, JS-renderet, e-mail ved nye barrierer — kommer snart.
Opret en tilgængelighedserklæring →
Metode & grænser
Den 31.8.2026 blev den HTML tjekket, som www.heise.de leverer ved første besøg uden login, plus op til fire tilknyttede CSS-filer fra samme domæne. Tjekket: farvekontrast (ud fra CSS), tekstalternativer, formularmærkning, navne på betjeningselementer, overskriftsstruktur, sidetitel og sidesprog, zoomspærring, dublerede id'er, positive tabindex-værdier, landemærker.
Ikke tjekket: alt, hvad der opstår via JavaScript, tastaturbetjenelighed, synligt fokus, fokusrækkefølge, skærmlæseroplæsning, indhold bag login, undersider. Den automatiske test finder cirka 20–35 % af WCAG-overtrædelserne — resten kræver en manuel gennemgang. Et øjebliksbillede, ikke en juridisk afgørelse.
Overlay-widgets (tilgængelighedsknapper, der skifter kontrast eller skrift) gør ikke et website konformt — de fundne barrierer skal rettes i kildekoden. Hvorfor overlays ikke hjælper