Kontrollitud 24.9.2026 · https://www.heise.de/
5 kriitiline takistusn · lisaks 2 kontrollimiseks.
Alates viimasest skannimisest: muutusteta.
Kuidas skoor kujuneb? (100 alguspunkti)
| 40 pilti 519-st ilma alt-atribuudita | -18 |
| 4 vormivälja ilma tuvastatava märgistuseta | -18 |
| 16 linki ilma tuvastatava nimeta HTMLis | -18 |
| 6 nuppu ilma nimeta HTMLis | -18 |
| 5 CSS-reegln võib-olla liiga väikese tekstikontrastiga | -18 |
| Serveeritavas HTMLis puudub <h1>-pealkiri | -7 |
| 6 topelt-id-atribuuti | -7 |
| Tulemus | 0 / 100 |
Tajutav
40 pilti 519-st ilma alt-atribuudita
JavaScripti kaudu laaditud pilte siin ei arvestata.
<img src="data:image/svg+xml;base64,PD94bWwgdmVyc2" width="3377" height="1898"><img src="data:image/svg+xml;base64,PD94bWwgdmVyc2" width="1920" height="1079"><img src="data:image/svg+xml;base64,PD94bWwgdmVyc2" width="3200" height="1798"><img src="data:image/svg+xml;base64,PD94bWwgdmVyc2" width="300" height="250">
Seda peaksid tegema: Anna igale <img>-le alt: lühike kirjeldus sisukate piltide puhul, alt="" puhtalt dekoratiivsete puhul.
4 vormivälja ilma tuvastatava märgistuseta
Kontrolli, kas leidub JavaScripti kaudu määratud aria-label.
<input type="text" name="q" placeholder="Suchen"><input type="text" name="q" placeholder="Suchen"><select name="in"><input type="text" name="fs" placeholder="Im Preisvergleich suchen">
Seda peaksid tegema: Seo iga väli elemendiga <label for> või määra aria-label / aria-labelledby. Ainult placeholder ei piisa.
5 CSS-reegln 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: `.dark a-gift-link dialog`: #e0e0e0 auf #fff (Vorfahren-Hintergrund) = 1.32:1 · `.a-android-native-app-prompt__close-banner`: #323232 auf rgba(0,0,0,0) = 1.64:1 · `a-opt-in[is-active] .opt-in__footnote`: #959595 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 3.00:1 · `.a-android-native-app-prompt__load-app`: #fff auf #27a209 = 3.36:1 · `a-topic .topic-label`: #fff auf #ed3725 = 4.06:1
.dark a-gift-link dialog, .a-android-native-app-prompt__close-banner, a-opt-in[is-active] .opt-in__footnote, .a-android-native-app-prompt__load-app, a-topic .topic-label
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
16 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-click-performance><a name="topnavi.ho.magazine-nav.ct" class="hover:bg-brand dark:hover:<a name="topnavi.ho.magazine-nav.ix" class="hover:bg-brand-alternative<a name="topnavi.ho.magazine-nav.foto" class="hover:bg-brand dark:hove
Seda peaksid tegema: Lisa nähtav lingitekst või kasuta ikoonlinkide puhul aria-labelit või alt-iga pilti.
6 nuppu ilma nimeta HTMLis
Ilma teksti ja aria-labelita nupud on ekraanilugeritele tummad — kui nime ei määrata JavaScripti kaudu.
<button class="scroll-left text-ho-text"><button class="scroll-right text-ho-text"><button class="scroll-left text-ho-text"><button class="scroll-right text-ho-text">
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
6 topelt-id-atribuuti
nt heisetopnavi_search, HEI_M_Incontent-2-label, HEI_M_Incontent-2, circle. Lõhub label-for- ja aria-seosed.
[id]
Seda peaksid tegema: Anna kordumatud idd.
Järgmised sammud
- 40 pilti 519-st ilma alt-atribuudita. Anna igale <img>-le alt: lühike kirjeldus sisukate piltide puhul, alt="" puhtalt dekoratiivsete puhul.
- 4 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.
- 16 linki ilma tuvastatava nimeta HTMLis. Lisa nähtav lingitekst või kasuta ikoonlinkide puhul aria-labelit või alt-iga pilti.
- 6 nuppu ilma nimeta HTMLis. Lisa nupu tekst või määra aria-label.
- 5 CSS-reegln võib-olla liiga väikese tekstikontrastiga. Tumeda tekstivärvi või heleda tausta poole, kuni vastav miinimumväärtus on saavutatud. Ära kunagi kasuta värvi ainsa eristustunnusena.
Iganädalane uuesti skannimine, JS-renderdusega, e-kiri uute takistuste korral — tuleb peagi.
Loo juurdepääsetavuse avaldus →
Meetod & piirid
24.9.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