Kontrollitud 24.9.2026 · https://www.spiegel.de/
1 kriitiline takistus · lisaks 4 kontrollimiseks.
Alates viimasest skannimisest: muutusteta.
Kuidas skoor kujuneb? (100 alguspunkti)
| 21 nuppu ilma nimeta HTMLis | -18 |
| 1 vormivälja ilma tuvastatava märgistuseta | -7 |
| 3 linki ilma tuvastatava nimeta HTMLis | -7 |
| Serveeritavas HTMLis puudub <h1>-pealkiri | -7 |
| 5 CSS-reegln võib-olla liiga väikese tekstikontrastiga | -7 |
| Tulemus | 54 / 100 |
Tajutav
1 vormivälja ilma tuvastatava märgistuseta
Kontrolli, kas leidub JavaScripti kaudu määratud aria-label.
<input name="suchbegriff" id="search-input-field" placeholder="Seite durchsuchen ...">
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: `.text-shade-base`: #989694 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 2.95:1 · `.debug.svelte-1x5iokp`: red auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 4.00:1 · `.text-effi-primary-base`: #e64415 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 4.04:1 · `.text-shade-dark`: #807e7c auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 4.04:1 · `.text-elf-primary-base`: #3c8771 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 4.29:1
.text-shade-base, .debug.svelte-1x5iokp, .text-effi-primary-base, .text-shade-dark, .text-elf-primary-base
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
21 nuppu ilma nimeta HTMLis
Ilma teksti ja aria-labelita nupud on ekraanilugeritele tummad — kui nime ei määrata JavaScripti kaudu.
<button class="bg-white flex items-center justify-around bg-white d><button class="bg-white flex items-center justify-around bg-white d><button><button class="flex items-center justify-center my-auto rounded-cir>
Seda peaksid tegema: Lisa nupu tekst või määra aria-label.
3 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 target="_self" class="block svelte-1x5iokp"><a target="_self" class="flex flex-col text-black dark:text-shade-ligh<a target="_self" class="text-black dark:text-shade-lightest block">
Seda peaksid tegema: Lisa nähtav lingitekst või kasuta ikoonlinkide puhul aria-labelit või alt-iga pilti.
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).
Juba õigesti lahendatud
- Tekstialternatiivid: automaatselt tuvastatavaid probleeme pole
- Sisu juurde hüppamise link on olemas
- Orientiir <main> on olemas
Järgmised sammud
- 21 nuppu ilma nimeta HTMLis. Lisa nupu tekst või määra aria-label.
- 1 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.
- 3 linki ilma tuvastatava nimeta HTMLis. Lisa nähtav lingitekst või kasuta ikoonlinkide puhul aria-labelit või alt-iga pilti.
- Serveeritavas HTMLis puudub <h1>-pealkiri. Lisa sisukas <h1> esimeseks pealkirjaks (võimalusel juba serveripoolel).
- 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.spiegel.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