Patikrinta 2026-08-31 · https://www.spiegel.de/
1 kritinė kliūtis · papildomai 4 tikrintinų.
Kaip susidaro įvertis? (100 pradinių balų)
| {n} mygtukų be pavadinimo HTML | -18 |
| {n} formos laukų be atpažįstamos etiketės | -7 |
| {n} nuorodų be atpažįstamo pavadinimo HTML | -7 |
| Pateiktame HTML nėra <h1> antraštės | -7 |
| {n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu | -7 |
| Rezultatas | 54 / 100 |
Suvokiamumas
{n} formos laukų be atpažįstamos etiketės
Patikrink, ar yra per JavaScript nustatytas aria-label.
input, select, textarea
Štai ką turėtum daryti: Susiek kiekvieną lauką su elementu <label for> arba nustatyk aria-label / aria-labelledby. Vien placeholder nepakanka.
{n} CSS taisykl{nPlural} 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: {examples}
.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
{n} mygtukų be pavadinimo HTML
Mygtukai be teksto ir be aria-label ekrano skaityklėms yra nebylūs — nebent pavadinimas nustatomas per JavaScript.
button
Štai ką turėtum daryti: Pridėk mygtuko tekstą arba nustatyk aria-label.
{n} 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
Š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
- Textalternativen: keine automatisch erkennbaren Probleme
- Nuoroda peršokti prie turinio yra
- Orientyras <main> yra
Tolesni žingsniai
- {n} mygtukų be pavadinimo HTML. Pridėk mygtuko tekstą arba nustatyk aria-label.
- {n} formos laukų be atpažįstamos etiketės. Susiek kiekvieną lauką su elementu <label for> arba nustatyk aria-label / aria-labelledby. Vien placeholder nepakanka.
- {n} 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).
- {n} CSS taisykl{nPlural} 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-08-31 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