Sjekket 24.9.2026 · https://www.spiegel.de/
1 kritisk barriere · i tillegg 4 å sjekke.
Siden forrige skanning: ingen endring.
Hvordan blir scoren til? (100 startpoeng)
| 21 knapp(er) uten navn i HTML-en | -18 |
| 1 skjemafelt uten gjenkjennelig merking | -7 |
| 3 lenke(r) uten gjenkjennelig navn i HTML-en | -7 |
| Ingen <h1>-overskrift i den leverte HTML-en | -7 |
| 5 CSS-regeln med muligens for lav tekstkontrast | -7 |
| Resultat | 54 / 100 |
Mulig å oppfatte
1 skjemafelt uten gjenkjennelig merking
Sjekk om det finnes en aria-label satt via JavaScript.
<input name="suchbegriff" id="search-input-field" placeholder="Seite durchsuchen ...">
Dette bør du gjøre: Koble hvert felt til et <label for>-element eller sett aria-label / aria-labelledby. Bare en placeholder er ikke nok.
5 CSS-regeln med muligens for lav tekstkontrast
Nødvendig: 4,5:1 (normal) eller 3:1 (stor tekst). Ved «antatt sidebakgrunn» kunne den faktiske bakgrunnen ikke fastslås sikkert — sjekk i nettleseren ved tvil. Funnet blant annet: `.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
Dette bør du gjøre: Gjør tekstfargen mørkere eller bakgrunnen lysere til den aktuelle minimumsverdien nås. Bruk aldri farge som eneste skillende kjennetegn.
Mulig å betjene
21 knapp(er) uten navn i HTML-en
Knapper uten tekst og uten aria-label er stumme for skjermlesere — med mindre navnet settes 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>
Dette bør du gjøre: Legg til knappetekst eller sett aria-label.
3 lenke(r) uten gjenkjennelig navn i HTML-en
Tomme lenker eller bare et ikon/bilde uten alt. En aria-label satt via JavaScript gjenkjennes 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">
Dette bør du gjøre: Legg til synlig lenketekst, eller bruk aria-label eller et bilde med alt ved ikonlenker.
Ingen <h1>-overskrift i den leverte HTML-en
Hver side bør begynne med nøyaktig én h1. På sider som bygges opp via JavaScript, kan h1 først oppstå i nettleseren — sjekk da i det gjengitte DOM-et.
body
Dette bør du gjøre: Sett inn en meningsfull <h1> som første overskrift (helst allerede på serversiden).
Allerede løst riktig
- Tekstalternativer: ingen problemer som kan gjenkjennes automatisk
- Hopp-lenke til innholdet finnes
- <main>-landemerke finnes
Neste steg
- 21 knapp(er) uten navn i HTML-en. Legg til knappetekst eller sett aria-label.
- 1 skjemafelt uten gjenkjennelig merking. Koble hvert felt til et <label for>-element eller sett aria-label / aria-labelledby. Bare en placeholder er ikke nok.
- 3 lenke(r) uten gjenkjennelig navn i HTML-en. Legg til synlig lenketekst, eller bruk aria-label eller et bilde med alt ved ikonlenker.
- Ingen <h1>-overskrift i den leverte HTML-en. Sett inn en meningsfull <h1> som første overskrift (helst allerede på serversiden).
- 5 CSS-regeln med muligens for lav tekstkontrast. Gjør tekstfargen mørkere eller bakgrunnen lysere til den aktuelle minimumsverdien nås. Bruk aldri farge som eneste skillende kjennetegn.
Ukentlig ny skanning, JS-gjengitt, e-post ved nye barrierer — kommer snart.
Opprett en tilgjengelighetserklæring →
Metode & grenser
Den 24.9.2026 ble HTML-en sjekket som www.spiegel.de leverer ved første besøk uten innlogging, pluss opptil fire lenkede CSS-filer fra samme domene. Sjekket: fargekontrast (fra CSS), tekstalternativer, skjemamerking, navn på betjeningselementer, overskriftsstruktur, sidetittel og sidespråk, zoomsperre, dupliserte id-er, positive tabindex-verdier, landemerker.
Ikke sjekket: alt som oppstår via JavaScript, tastaturbetjenbarhet, synlig fokus, fokusrekkefølge, skjermleserannonsering, innhold bak innlogging, undersider. Den automatiske testen finner omtrent 20–35 % av WCAG-bruddene — resten trenger en manuell sjekk. Et øyeblikksbilde, ikke en juridisk avgjørelse.
Overlay-widgeter (tilgjengelighetsknapper som endrer kontrast eller skrift) gjør ikke et nettsted konformt — de funne barrierene må rettes i kildekoden. Hvorfor overlays ikke hjelper