Tarkistettu 3.9.2026 · https://web.dev/?hl=de
1 kriittinen este · lisäksi 3 tarkistettavaa.
Miten pistemäärä muodostuu? (100 aloituspistettä)
| 6 linkkiä ilman tunnistettavaa nimeä HTML:ssä | -18 |
| Virheellinen lang-attribuutti: ”de-x-mtfrom-en” | -7 |
| Ei <h1>-otsikkoa toimitetussa HTML:ssä | -7 |
| 2 kaksoiskappaletta id-attribuuteista | -7 |
| Tulos | 61 / 100 |
Hallittava
6 linkkiä ilman tunnistettavaa nimeä HTML:ssä
Tyhjät linkit tai vain kuvake/kuva ilman alt-tekstiä. JavaScriptillä asetettua aria-labelia ei tunnisteta tässä.
<a href="https://web.dev/explore/ai?hl=de"><a href="https://web.dev/explore/how-to-optimize-inp?utm_source=web.de<a href="https://web.dev/identity?hl=de"><a href="https://web.dev/learn/html?hl=de">
Näin sinun kannattaa toimia: Lisää näkyvä linkkiteksti, tai käytä kuvakelinkeissä aria-labelia tai alt-tekstillistä kuvaa.
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).
Ymmärrettävä
Virheellinen lang-attribuutti: ”de-x-mtfrom-en”
Arvo ei vastaa mitään kelvollista kielikoodia (BCP 47).
<html>
Näin sinun kannattaa toimia: Korjaa kelvolliseksi koodiksi, esim. lang="fi" tai lang="fi-FI".
Toimintavarma
2 kaksoiskappaletta id-attribuuteista
esim. inp-optimieren, zahlungen-und-identitat. 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
Seuraavat askeleet
- 6 linkkiä ilman tunnistettavaa nimeä HTML:ssä. Lisää näkyvä linkkiteksti, tai käytä kuvakelinkeissä aria-labelia tai alt-tekstillistä kuvaa.
- Virheellinen lang-attribuutti: ”de-x-mtfrom-en”. Korjaa kelvolliseksi koodiksi, esim. lang="fi" tai lang="fi-FI".
- Ei <h1>-otsikkoa toimitetussa HTML:ssä. Lisää merkityksellinen <h1> ensimmäiseksi otsikoksi (mielellään jo palvelinpuolella).
- 2 kaksoiskappaletta id-attribuuteista. Anna yksilölliset id:t.
Viikoittainen uusintaskannaus, JS-renderöity, sähköposti uusista esteistä — tulossa pian.
Menetelmä & rajat
3.9.2026 tarkistettiin se HTML, jonka web.dev 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.