Tarkistettu 3.9.2026 · https://t3n.de/
Ei kriittisiä esteitä tarkistetussa HTML:ssä · 4 kohtae tarkistettavaksi.
Miten pistemäärä muodostuu? (100 aloituspistettä)
| Ei <h1>-otsikkoa toimitetussa HTML:ssä | -7 |
| Ohitettu otsikkotaso | -7 |
| 2 kaksoiskappaletta id-attribuuteista | -7 |
| 1 CSS-sääntö, joissa tekstikontrasti on mahdollisesti liian pieni | -7 |
| Tulos | 72 / 100 |
Havaittava
1 CSS-sääntö, joissa tekstikontrasti on mahdollisesti liian pieni
Vaaditaan: 4,5:1 (normaali) tai 3:1 (suuri teksti). Kun kyseessä on ”oletettu sivun tausta”, todellista taustaa ei voitu määrittää varmasti — tarkista epäselvissä tapauksissa selaimessa. Löydetty mm.: `.deetqq`: #fff auf #f9423a = 3.58:1
.deetqq
Näin sinun kannattaa toimia: Tummenna tekstin väriä tai vaalenna taustaa, kunnes kyseinen vähimmäisarvo saavutetaan. Älä koskaan käytä väriä ainoana erottavana tekijänä.
Hallittava
Ei <h1>-otsikkoa toimitetussa HTML:ssä
Jokaisen sivun tulisi alkaa täsmälleen yhdellä h1:llä. JavaScriptillä rakennettavilla sivuilla h1 voi syntyä vasta selaimessa — tarkista silloin renderöidystä DOM:ista.
body
Näin sinun kannattaa toimia: Lisää merkityksellinen <h1> ensimmäiseksi otsikoksi (mielellään jo palvelinpuolella).
Ohitettu otsikkotaso
Järjestys: 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 4 → 4 → 3 → 2 → 2 → 2 → 3 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 3 → 3 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2 → 2. Tasoja ei tulisi ohittaa (h2 → h4).
h1–h6
Näin sinun kannattaa toimia: Anna otsikkotasot aukottomasti.
Toimintavarma
2 kaksoiskappaletta id-attribuuteista
esim. prefix__a, dspx_scroller. 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
Seuraavat askeleet
- Ei <h1>-otsikkoa toimitetussa HTML:ssä. Lisää merkityksellinen <h1> ensimmäiseksi otsikoksi (mielellään jo palvelinpuolella).
- Ohitettu otsikkotaso. Anna otsikkotasot aukottomasti.
- 2 kaksoiskappaletta id-attribuuteista. Anna yksilölliset id:t.
- 1 CSS-sääntö, joissa tekstikontrasti on mahdollisesti liian pieni. Tummenna tekstin väriä tai vaalenna taustaa, kunnes kyseinen vähimmäisarvo saavutetaan. Älä koskaan käytä väriä ainoana erottavana tekijänä.
Viikoittainen uusintaskannaus, JS-renderöity, sähköposti uusista esteistä — tulossa pian.
Menetelmä & rajat
3.9.2026 tarkistettiin se HTML, jonka t3n.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.