Tarkistettu 24.9.2026 · https://www.zeit.de/index
Ei kriittisiä esteitä tarkistetussa HTML:ssä · 3 kohtae tarkistettavaksi.
Miten pistemäärä muodostuu? (100 aloituspistettä)
| 2 lomakekenttää ilman tunnistettavaa merkintää | -7 |
| Ohitettu otsikkotaso | -7 |
| 1 kaksoiskappaletta id-attribuuteista | -7 |
| Tulos | 79 / 100 |
Havaittava
2 lomakekenttää ilman tunnistettavaa merkintää
Tarkista, onko olemassa JavaScriptillä asetettu aria-label.
<input type="text" name="name" placeholder="z. B. Theodor Eicke"><input id=":R0:" placeholder="z. B. Leipzig, Hamburg, …">
Näin sinun kannattaa toimia: Yhdistä jokainen kenttä <label for> -elementtiin tai aseta aria-label / aria-labelledby. Pelkkä placeholder ei riitä.
Hallittava
Ohitettu otsikkotaso
Järjestys: 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. Tasoja ei tulisi ohittaa (h2 → h4).
h1–h6
Näin sinun kannattaa toimia: Anna otsikkotasot aukottomasti.
Toimintavarma
1 kaksoiskappaletta id-attribuuteista
esim. svg-zplus. Rikkoo label-for- ja aria-liitokset.
[id]
Näin sinun kannattaa toimia: Anna yksilölliset id:t.
Jo ratkaistu oikein
- Tekstivastineet: ei automaattisesti tunnistettavia ongelmia
- Ohituslinkki sisältöön on olemassa
- <main>-maamerkki on olemassa
- Kontrasti: CSS:stä ei löytynyt yksiselitteisiä rikkomuksia
Seuraavat askeleet
- 2 lomakekenttää ilman tunnistettavaa merkintää. Yhdistä jokainen kenttä <label for> -elementtiin tai aseta aria-label / aria-labelledby. Pelkkä placeholder ei riitä.
- Ohitettu otsikkotaso. Anna otsikkotasot aukottomasti.
- 1 kaksoiskappaletta id-attribuuteista. Anna yksilölliset id:t.
Viikoittainen uusintaskannaus, JS-renderöity, sähköposti uusista esteistä — tulossa pian.
Menetelmä & rajat
24.9.2026 tarkistettiin se HTML, jonka www.zeit.de toimittaa ensimmäisellä käynnillä ilman kirjautumista, sekä enintään neljä saman verkkotunnuksen linkitettyä CSS-tiedostoa. Tarkistettu: värikontrasti (CSS:stä), tekstivastineet, lomakekentän merkinnät, hallintaelementtien nimet, otsikkorakenne, sivun otsikko ja kieli, zoomauksen lukitus, kaksois-id:t, positiiviset tabindex-arvot, maamerkit.
Ei tarkistettu: kaikki, mikä syntyy JavaScriptillä, näppäimistökäytettävyys, näkyvä kohdistus, kohdistusjärjestys, ruudunlukijan kuulutus, kirjautumisen takana oleva sisältö, alasivut. Automaattinen testi löytää suunnilleen 20–35 % WCAG-rikkomuksista — loput edellyttävät käsin tehtävää arviointia. Tilannekuva, ei oikeudellinen ratkaisu.
Overlay-widgetit (saavutettavuuspainikkeet, jotka vaihtavat kontrastia tai fonttia) eivät tee sivustosta vaatimustenmukaista — löydetyt esteet on korjattava lähdekoodissa. Miksi overlayt eivät auta