Patikrinta 2026-08-31 · https://www.heise.de/
5 kritinė kliūtisn · papildomai 2 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 |
| {n} CSS taisykl{nPlural} su galbūt per mažu teksto kontrastu | -18 |
| Pateiktame HTML nėra <h1> antraštės | -7 |
| {n} pasikartojančių id atributų | -7 |
| Rezultatas | 0 / 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}
.a-android-native-app-prompt__close-banner, .a-android-native-app-prompt__load-app, a-topic .topic-label
Š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.
- {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.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