Patikrinta 2026-08-31 · https://www.heise.de/
4 kritinė kliūtisn · papildomai 3 tikrintinų.
Kaip susidaro įvertis? (100 pradinių balų)
| {n} iš {total} paveikslėlių be alt atributo | -18 |
| {n} formos laukų be atpažįstamos etiketės | -18 |
| {n} nuorodų be atpažįstamo pavadinimo HTML | -18 |
| {n} mygtukų be pavadinimo HTML | -18 |
| Pateiktame HTML nėra <h1> antraštės | -7 |
| {n} pasikartojančių id atributų | -7 |
| {n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu | -7 |
| Rezultatas | 7 / 100 |
Suvokiamumas
{n} iš {total} paveikslėlių be alt atributo
Per JavaScript įkelti paveikslėliai čia neįtraukti.
img
Štai ką turėtum daryti: Kiekvienam <img> suteik alt: trumpas aprašymas prasmę turintiems paveikslėliams, alt="" grynai dekoratyviems.
{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-ho-text, .text-yellow-50, .text-heisegrau-50, .text-green-50, .text-red-50
Š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} 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.
{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.
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).
Tvirtumas
{n} pasikartojančių id atributų
pvz., {examples}. Sugadina label-for ir aria susiejimus.
[id]
Štai ką turėtum daryti: Priskirk unikalius id.
Tolesni žingsniai
- {n} iš {total} paveikslėlių be alt atributo. Kiekvienam <img> suteik alt: trumpas aprašymas prasmę turintiems paveikslėliams, alt="" grynai dekoratyviems.
- {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.
- {n} mygtukų be pavadinimo HTML. Pridėk mygtuko tekstą arba nustatyk aria-label.
- Pateiktame HTML nėra <h1> antraštės. Įterpk prasmingą <h1> kaip pirmąją antraštę (jei įmanoma, jau serverio pusėje).
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.heise.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