Patikrinta 2026-09-24 · https://www.spiegel.de/
1 kritinė kliūtis · papildomai 4 tikrintinų.
Nuo paskutinio skenavimo: be pakeitimų.
Kaip susidaro įvertis? (100 pradinių balų)
| 21 mygtukų be pavadinimo HTML | -18 |
| 1 formos laukų be atpažįstamos etiketės | -7 |
| 3 nuorodų be atpažįstamo pavadinimo HTML | -7 |
| Pateiktame HTML nėra <h1> antraštės | -7 |
| 5 CSS taisykln su galbūt per mažu teksto kontrastu | -7 |
| Rezultatas | 54 / 100 |
Suvokiamumas
1 formos laukų be atpažįstamos etiketės
Patikrink, ar yra per JavaScript nustatytas aria-label.
<input name="suchbegriff" id="search-input-field" placeholder="Seite durchsuchen ...">
Štai ką turėtum daryti: Susiek kiekvieną lauką su elementu <label for> arba nustatyk aria-label / aria-labelledby. Vien placeholder nepakanka.
5 CSS taisykln su galbūt per mažu teksto kontrastu
Reikia: 4,5:1 (normalus) arba 3:1 (didelis tekstas). Esant „numanomam puslapio fonui”, tikrojo fono nepavyko patikimai nustatyti — abejojant patikrink naršyklėje. Rasta be kita ko: `.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
Štai ką turėtum daryti: Patamsink teksto spalvą arba pašviesink foną, kol pasiekiama atitinkama minimali reikšmė. Niekada nenaudok spalvos kaip vienintelio skiriamojo požymio.
Valdomumas
21 mygtukų be pavadinimo HTML
Mygtukai be teksto ir be aria-label ekrano skaityklėms yra nebylūs — nebent pavadinimas nustatomas per JavaScript.
<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>
Štai ką turėtum daryti: Pridėk mygtuko tekstą arba nustatyk aria-label.
3 nuorodų be atpažįstamo pavadinimo HTML
Tuščios nuorodos arba tik piktograma/paveikslėlis be alt. Per JavaScript nustatytas aria-label čia neatpažįstamas.
<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">
Štai ką turėtum daryti: Pridėk matomą nuorodos tekstą arba piktogramų nuorodoms naudok aria-label ar paveikslėlį su alt.
Pateiktame HTML nėra <h1> antraštės
Kiekvienas puslapis turėtų prasidėti tiksliai vienu h1. Per JavaScript sudarytuose puslapiuose h1 gali atsirasti tik naršyklėje — tuomet patikrink atvaizduotame DOM.
body
Štai ką turėtum daryti: Įterpk prasmingą <h1> kaip pirmąją antraštę (jei įmanoma, jau serverio pusėje).
Jau teisingai išspręsta
- Teksto alternatyvos: automatiškai atpažįstamų problemų nėra
- Nuoroda peršokti prie turinio yra
- Orientyras <main> yra
Tolesni žingsniai
- 21 mygtukų be pavadinimo HTML. Pridėk mygtuko tekstą arba nustatyk aria-label.
- 1 formos laukų be atpažįstamos etiketės. Susiek kiekvieną lauką su elementu <label for> arba nustatyk aria-label / aria-labelledby. Vien placeholder nepakanka.
- 3 nuorodų be atpažįstamo pavadinimo HTML. Pridėk matomą nuorodos tekstą arba piktogramų nuorodoms naudok aria-label ar paveikslėlį su alt.
- Pateiktame HTML nėra <h1> antraštės. Įterpk prasmingą <h1> kaip pirmąją antraštę (jei įmanoma, jau serverio pusėje).
- 5 CSS taisykln su galbūt per mažu teksto kontrastu. Patamsink teksto spalvą arba pašviesink foną, kol pasiekiama atitinkama minimali reikšmė. Niekada nenaudok spalvos kaip vienintelio skiriamojo požymio.
Savaitinis pakartotinis skenavimas, su JS atvaizdavimu, el. laiškas apie naujas kliūtis — netrukus.
Sukurti prieinamumo deklaraciją →
Metodas & ribos
2026-09-24 buvo patikrintas HTML, kurį www.spiegel.de pateikia per pirmąjį iškvietimą be prisijungimo, taip pat iki keturių to paties domeno susietų CSS failų. Patikrinta: spalvų kontrastas (iš CSS), teksto alternatyvos, formų etiketės, valdymo elementų pavadinimai, antraščių struktūra, puslapio antraštė ir kalba, mastelio blokavimas, pasikartojantys id, teigiamos tabindex reikšmės, orientyrai.
Nepatikrinta: viskas, kas atsiranda per JavaScript, valdomumas klaviatūra, matomas fokusas, fokuso tvarka, ekrano skaityklės pranešimas, turinys už prisijungimo, papildomi puslapiai. Automatinis testas randa maždaug 20–35 % WCAG pažeidimų — likusiam reikia rankinės patikros. Momentinė nuotrauka, ne teisinis sprendimas.
Overlay valdikliai (prieinamumo mygtukai, keičiantys kontrastą ar šriftą) nepadaro svetainės atitinkančios reikalavimų — rastas kliūtis reikia pašalinti šaltinio kode. Kodėl overlay sprendimai nepadeda