Tjekket den 31.8.2026 · https://www.spiegel.de/
1 kritisk barriere · desuden 4 at tjekke.
Hvordan bliver scoren til? (100 startpoint)
| {n} knap(per) uden navn i HTML'en | -18 |
| {n} formularfelt(er) uden genkendelig mærkning | -7 |
| {n} link(s) uden genkendeligt navn i HTML'en | -7 |
| Ingen <h1>-overskrift i den leverede HTML | -7 |
| {n} CSS-regel{nPlural} med muligvis for lav tekstkontrast | -7 |
| Resultat | 54 / 100 |
Opfattelig
{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-shade-base, .debug.svelte-1x5iokp, .text-effi-primary-base, .text-shade-dark, .text-elf-primary-base
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} 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.
{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.
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).
Allerede løst korrekt
- Textalternativen: keine automatisch erkennbaren Probleme
- Springlink til indholdet til stede
- <main>-landemærke til stede
Næste skridt
- {n} knap(per) uden navn i HTML'en. Tilføj knaptekst eller angiv aria-label.
- {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.
- Ingen <h1>-overskrift i den leverede HTML. Indsæt en meningsfuld <h1> som første overskrift (helst allerede på serversiden).
- {n} CSS-regel{nPlural} med muligvis for lav tekstkontrast. 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.
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.spiegel.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