Suomi
a11yglass · Verkkosivustojen saavutettavuustarkistus

Tarkistettu 24.9.2026 · https://www.chefkoch.de/

D
55 / 100
2 kriittistä · 1 tarkistettavaa

2 kriittinen esten · lisäksi 1 tarkistettavaa.

Edellisestä skannauksesta: ei muutosta.

Miten pistemäärä muodostuu? (100 aloituspistettä)
Ei kelvollista lang-attribuuttia <html>-elementissä-18
1 CSS-sääntö, joissa tekstikontrasti on mahdollisesti liian pieni-18
Ohitettu otsikkotaso-7
11 <h1>-otsikkoa-2
Tulos55 / 100
✕Kontrasti (1)✓Tekstivastineet✓Merkinnät?Rakenne (2)✕Kieli (1)✓Zoomaus✓Toimintavarmuus

Havaittava

KriittinenWCAG 1.4.3 Kontrasti (minimi)

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.: `.w-user-menu__context-menu-badge[data-v-aeb5c564]`: #fff auf #ff565d = 3.12:1

.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

TarkistettavaWCAG 1.3.1 Informaatio ja suhteet

Ohitettu otsikkotaso

Järjestys: 1 → 1 → 1 → 1 → 1 → 1 → 1 → 1 → 1 → 1 → 1 → 2 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 2 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 2 → 2 → 3 → 3 → 3 → 3 → 3 → 2 → 4 → 4 → 4 → 4 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3. Tasoja ei tulisi ohittaa (h2 → h4).

h1–h6

Näin sinun kannattaa toimia: Anna otsikkotasot aukottomasti.

HuomautusWCAG 1.3.1 Informaatio ja suhteet

11 <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ä

KriittinenWCAG 3.1.1 Sivun kieli

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

Seuraavat askeleet

  1. Ei kelvollista lang-attribuuttia <html>-elementissä. Aseta kieli, esim. <html lang="fi">.
  2. 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ä.
  3. Ohitettu otsikkotaso. Anna otsikkotasot aukottomasti.
  4. 11 <h1>-otsikkoa. Vähennä yhteen h1:een, laske loput h2:ksi.
Valvotaanko tätä sivua automaattisesti?

Viikoittainen uusintaskannaus, JS-renderöity, sähköposti uusista esteistä — tulossa pian.

Luo saavutettavuusseloste →

Menetelmä & rajat

24.9.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.

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

Tarkista toinen sivusto