Tarkistettu 31.8.2026 · https://www.chefkoch.de/
2 kriittinen esten · lisäksi 1 tarkistettavaa.
Miten pistemäärä muodostuu? (100 aloituspistettä)
| Ei kelvollista lang-attribuuttia <html>-elementissä | -18 |
| {n} CSS-sääntö{nPlural}, joissa tekstikontrasti on mahdollisesti liian pieni | -18 |
| Ohitettu otsikkotaso | -7 |
| {n} <h1>-otsikkoa | -2 |
| Tulos | 55 / 100 |
Havaittava
{n} CSS-sääntö{nPlural}, 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.: {examples}
.w-user-menu__context-menu-badge[data-v-aeb5c564]
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
Ohitettu otsikkotaso
Järjestys: {seq}. Tasoja ei tulisi ohittaa (h2 → h4).
h1–h6
Näin sinun kannattaa toimia: Anna otsikkotasot aukottomasti.
{n} <h1>-otsikkoa
Useat h1:t vaikeuttavat navigointia otsikkolistan avulla.
h1
Näin sinun kannattaa toimia: Vähennä yhteen h1:een, laske loput h2:ksi.
Ymmärrettävä
Ei kelvollista lang-attribuuttia <html>-elementissä
Ruudunlukijat eivät voi määrittää ääntämystä.
<html>
Näin sinun kannattaa toimia: Aseta kieli, esim. <html lang="fi">.
Jo ratkaistu oikein
- Textalternativen: keine automatisch erkennbaren Probleme
- <main>-maamerkki on olemassa
Seuraavat askeleet
- Ei kelvollista lang-attribuuttia <html>-elementissä. Aseta kieli, esim. <html lang="fi">.
- {n} CSS-sääntö{nPlural}, 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ä.
- Ohitettu otsikkotaso. Anna otsikkotasot aukottomasti.
- {n} <h1>-otsikkoa. Vähennä yhteen h1:een, laske loput h2:ksi.
Viikoittainen uusintaskannaus, JS-renderöity, sähköposti uusista esteistä — tulossa pian.
Menetelmä & rajat
31.8.2026 tarkistettiin se HTML, jonka www.chefkoch.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.