Kontrollerad den 2026-09-24 · https://www.zeit.de/index
Inga kritiska hinder i den kontrollerade HTML-koden · 3 punkte att granska.
Hur beräknas poängen? (100 startpoäng)
| 2 formulärfält utan igenkännbar märkning | -7 |
| Överhoppad rubriknivå | -7 |
| 1 dubbletta id-attribut | -7 |
| Resultat | 79 / 100 |
Möjlig att uppfatta
2 formulärfält utan igenkännbar märkning
Kontrollera om det finns ett aria-label som satts via JavaScript.
<input type="text" name="name" placeholder="z. B. Theodor Eicke"><input id=":R0:" placeholder="z. B. Leipzig, Hamburg, …">
Det här bör du göra: Koppla varje fält till ett <label for>-element eller ange aria-label / aria-labelledby. Enbart en placeholder räcker inte.
Hanterbar
Överhoppad rubriknivå
Ordning: 1 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 2 → 2 → 2 → 2 → 3 → 3 → 2 → 2 → 2 → 2 → 3 → 2 → 2 → 2 → 3 → 3 → 3 → 3 → 2 → 2 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 2 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 2 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4. Nivåer bör inte hoppas över (h2 → h4).
h1–h6
Det här bör du göra: Tilldela rubriknivåerna utan luckor.
Robust
1 dubbletta id-attribut
t.ex. svg-zplus. Bryter label-for- och aria-kopplingar.
[id]
Det här bör du göra: Tilldela unika id.
Redan korrekt löst
- Textalternativ: inga automatiskt igenkännbara problem
- Hopplänk till innehållet finns
- <main>-landmärke finns
- Kontrast: inga entydiga överträdelser hittades i CSS:en
Nästa steg
- 2 formulärfält utan igenkännbar märkning. Koppla varje fält till ett <label for>-element eller ange aria-label / aria-labelledby. Enbart en placeholder räcker inte.
- Överhoppad rubriknivå. Tilldela rubriknivåerna utan luckor.
- 1 dubbletta id-attribut. Tilldela unika id.
Veckovis omskanning, JS-renderad, e-post vid nya hinder — kommer snart.
Skapa en tillgänglighetsredogörelse →
Metod & gränser
Den 2026-09-24 kontrollerades den HTML som www.zeit.de levererar vid första besöket utan inloggning, plus upp till fyra länkade CSS-filer från samma domän. Kontrollerat: färgkontrast (från CSS), textalternativ, formulärmärkning, namn på kontroller, rubrikstruktur, sidtitel och sidspråk, zoomspärr, dubbletta id, positiva tabindex-värden, landmärken.
Inte kontrollerat: allt som skapas via JavaScript, tangentbordshanterbarhet, synligt fokus, fokusordning, skärmläsarutrop, innehåll bakom inloggning, undersidor. Det automatiska testet hittar ungefär 20–35 % av WCAG-överträdelserna — resten kräver en manuell granskning. En ögonblicksbild, inte ett juridiskt utlåtande.
Overlay-widgetar (tillgänglighetsknappar som ändrar kontrast eller typsnitt) gör inte en webbplats konform — de funna hindren måste åtgärdas i källkoden. Varför overlays inte hjälper