Tjekket den 1.9.2026 · https://www.spiegel.de/
1 kritisk barriere · desuden 4 at tjekke.
Hvordan bliver scoren til? (100 startpoint)
| 21 knap(per) uden navn i HTML'en | -18 |
| 1 formularfelt(er) uden genkendelig mærkning | -7 |
| 3 link(s) uden genkendeligt navn i HTML'en | -7 |
| Ingen <h1>-overskrift i den leverede HTML | -7 |
| 5 CSS-regeln med muligvis for lav tekstkontrast | -7 |
| Resultat | 54 / 100 |
Opfattelig
1 formularfelt(er) uden genkendelig mærkning
Tjek, om der findes et aria-label sat via JavaScript.
<input name="suchbegriff" id="search-input-field" placeholder="Seite durchsuchen ...">
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.
5 CSS-regeln 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.: `.text-shade-base`: #989694 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 2.95:1 · `.debug.svelte-1x5iokp`: red auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 4.00:1 · `.text-effi-primary-base`: #e64415 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 4.04:1 · `.text-shade-dark`: #807e7c auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 4.04:1 · `.text-elf-primary-base`: #3c8771 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 4.29:1
.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
21 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 class="bg-white flex items-center justify-around bg-white d><button class="bg-white flex items-center justify-around bg-white d><button><button class="flex items-center justify-center my-auto rounded-cir>
Det bør du gøre: Tilføj knaptekst eller angiv aria-label.
3 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 target="_self" class="block svelte-1x5iokp"><a target="_self" class="flex flex-col text-black dark:text-shade-ligh<a target="_self" class="text-black dark:text-shade-lightest block">
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
- Tekstalternativer: ingen automatisk genkendelige problemer
- Springlink til indholdet til stede
- <main>-landemærke til stede
Næste skridt
- 21 knap(per) uden navn i HTML'en. Tilføj knaptekst eller angiv aria-label.
- 1 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.
- 3 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).
- 5 CSS-regeln 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 1.9.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.