Kontrollitud 31.8.2026 · https://www.heise.de/
4 kriitiline takistusn · lisaks 3 kontrollimiseks.
Kuidas skoor kujuneb? (100 alguspunkti)
| {n} pilti {total}-st ilma alt-atribuudita | -18 |
| {n} vormivälja ilma tuvastatava märgistuseta | -18 |
| {n} linki ilma tuvastatava nimeta HTMLis | -18 |
| {n} nuppu ilma nimeta HTMLis | -18 |
| Serveeritavas HTMLis puudub <h1>-pealkiri | -7 |
| {n} topelt-id-atribuuti | -7 |
| {n} CSS-reegl{nPlural} võib-olla liiga väikese tekstikontrastiga | -7 |
| Tulemus | 7 / 100 |
Tajutav
{n} pilti {total}-st ilma alt-atribuudita
JavaScripti kaudu laaditud pilte siin ei arvestata.
img
Seda peaksid tegema: Anna igale <img>-le alt: lühike kirjeldus sisukate piltide puhul, alt="" puhtalt dekoratiivsete puhul.
{n} vormivälja ilma tuvastatava märgistuseta
Kontrolli, kas leidub JavaScripti kaudu määratud aria-label.
input, select, textarea
Seda peaksid tegema: Seo iga väli elemendiga <label for> või määra aria-label / aria-labelledby. Ainult placeholder ei piisa.
{n} CSS-reegl{nPlural} võib-olla liiga väikese tekstikontrastiga
Nõutav: 4,5:1 (tavaline) või 3:1 (suur tekst). „Eeldatava lehetausta” puhul ei õnnestunud tegelikku tausta kindlalt määrata — kahtluse korral kontrolli brauseris. Leitud muu hulgas: {examples}
.text-ho-text, .text-yellow-50, .text-heisegrau-50, .text-green-50, .text-red-50
Seda peaksid tegema: Tumeda tekstivärvi või heleda tausta poole, kuni vastav miinimumväärtus on saavutatud. Ära kunagi kasuta värvi ainsa eristustunnusena.
Kasutatav
{n} linki ilma tuvastatava nimeta HTMLis
Tühjad lingid või ainult ikoon/pilt ilma altita. JavaScripti kaudu määratud aria-labelit siin ei tuvastata.
a
Seda peaksid tegema: Lisa nähtav lingitekst või kasuta ikoonlinkide puhul aria-labelit või alt-iga pilti.
{n} nuppu ilma nimeta HTMLis
Ilma teksti ja aria-labelita nupud on ekraanilugeritele tummad — kui nime ei määrata JavaScripti kaudu.
button
Seda peaksid tegema: Lisa nupu tekst või määra aria-label.
Serveeritavas HTMLis puudub <h1>-pealkiri
Iga leht peaks algama täpselt ühe h1-ga. JavaScriptiga ehitatud lehtedel võib h1 tekkida alles brauseris — siis kontrolli renderdatud DOMis.
body
Seda peaksid tegema: Lisa sisukas <h1> esimeseks pealkirjaks (võimalusel juba serveripoolel).
Töökindel
{n} topelt-id-atribuuti
nt {examples}. Lõhub label-for- ja aria-seosed.
[id]
Seda peaksid tegema: Anna kordumatud idd.
Järgmised sammud
- {n} pilti {total}-st ilma alt-atribuudita. Anna igale <img>-le alt: lühike kirjeldus sisukate piltide puhul, alt="" puhtalt dekoratiivsete puhul.
- {n} vormivälja ilma tuvastatava märgistuseta. Seo iga väli elemendiga <label for> või määra aria-label / aria-labelledby. Ainult placeholder ei piisa.
- {n} linki ilma tuvastatava nimeta HTMLis. Lisa nähtav lingitekst või kasuta ikoonlinkide puhul aria-labelit või alt-iga pilti.
- {n} nuppu ilma nimeta HTMLis. Lisa nupu tekst või määra aria-label.
- Serveeritavas HTMLis puudub <h1>-pealkiri. Lisa sisukas <h1> esimeseks pealkirjaks (võimalusel juba serveripoolel).
Iganädalane uuesti skannimine, JS-renderdusega, e-kiri uute takistuste korral — tuleb peagi.
Loo juurdepääsetavuse avaldus →
Meetod & piirid
31.8.2026 kontrolliti HTMLi, mille www.heise.de esimesel kutsel ilma sisselogimiseta serveerib, ning kuni neli sama domeeni lingitud CSS-faili. Kontrollitud: värvikontrast (CSSist), tekstialternatiivid, vormide märgistus, juhtelementide nimed, pealkirjade struktuur, lehe pealkiri ja keel, suumilukk, topelt-idd, positiivsed tabindex-väärtused, orientiirid.
Kontrollimata: kõik, mis tekib JavaScripti kaudu, klaviatuurikasutatavus, nähtav fookus, fookuse järjekord, ekraanilugeja teade, sisselogimise taga olev sisu, alamlehed. Automaatne test leiab umbes 20–35 % WCAGi rikkumistest — ülejäänu vajab käsitsi kontrolli. Hetkeülevaade, mitte õiguslik otsus.
Overlay-vidinad (ligipääsetavusnupud, mis muudavad kontrasti või fonti) ei muuda saiti nõuetele vastavaks — leitud takistused tuleb parandada lähtekoodis. Miks overlay’d ei aita