Pārbaudīts 31.08.2026. · https://www.heise.de/
4 kritiska barjeran · papildus 3 pārbaudāmas.
Kā rodas vērtējums? (100 sākuma punkti)
| {n} no {total} attēliem bez alt atribūta | -18 |
| {n} veidlapas lauki bez atpazīstama apzīmējuma | -18 |
| {n} saites bez atpazīstama nosaukuma HTML | -18 |
| {n} pogas bez nosaukuma HTML | -18 |
| Piegādātajā HTML nav <h1> virsraksta | -7 |
| {n} dublēti id atribūti | -7 |
| {n} CSS noteikum{nPlural} ar, iespējams, pārāk mazu teksta kontrastu | -7 |
| Rezultāts | 7 / 100 |
Uztverams
{n} no {total} attēliem bez alt atribūta
Attēli, kas ielādēti ar JavaScript, šeit nav ietverti.
img
Tev vajadzētu darīt šo: Piešķir katram <img> alt: īss apraksts jēgu nesošiem attēliem, alt="" tīri dekoratīviem.
{n} veidlapas lauki bez atpazīstama apzīmējuma
Pārbaudi, vai pastāv ar JavaScript iestatīts aria-label.
input, select, textarea
Tev vajadzētu darīt šo: Savieno katru lauku ar elementu <label for> vai iestati aria-label / aria-labelledby. Tikai placeholder nepietiek.
{n} CSS noteikum{nPlural} ar, iespējams, pārāk mazu teksta kontrastu
Nepieciešams: 4,5:1 (parasts) attiecīgi 3:1 (liels teksts). „Pieņemta lapas fona” gadījumā faktisko fonu nevarēja droši noteikt — šaubu gadījumā pārbaudi pārlūkā. Atrasts cita starpā: {examples}
.text-ho-text, .text-yellow-50, .text-heisegrau-50, .text-green-50, .text-red-50
Tev vajadzētu darīt šo: Padari teksta krāsu tumšāku vai fonu gaišāku, līdz sasniegta attiecīgā minimālā vērtība. Nekad neizmanto krāsu kā vienīgo atšķirīgo pazīmi.
Lietojams
{n} saites bez atpazīstama nosaukuma HTML
Tukšas saites vai tikai ikona/attēls bez alt. Ar JavaScript iestatīts aria-label šeit netiek atpazīts.
a
Tev vajadzētu darīt šo: Pievieno redzamu saites tekstu vai ikonu saitēm izmanto aria-label, attiecīgi attēlu ar alt.
{n} pogas bez nosaukuma HTML
Pogas bez teksta un bez aria-label ekrāna lasītājiem ir mēmas — ja vien nosaukums netiek iestatīts ar JavaScript.
button
Tev vajadzētu darīt šo: Pievieno pogas tekstu vai iestati aria-label.
Piegādātajā HTML nav <h1> virsraksta
Katrai lapai jāsākas ar tieši vienu h1. Lapās, kas veidotas ar JavaScript, h1 var rasties tikai pārlūkā — tad pārbaudi renderētajā DOM.
body
Tev vajadzētu darīt šo: Ievieto jēgpilnu <h1> kā pirmo virsrakstu (vēlams jau servera pusē).
Robusts
{n} dublēti id atribūti
piem., {examples}. Sabojā label-for un aria piesaistes.
[id]
Tev vajadzētu darīt šo: Piešķir unikālus id.
Nākamie soļi
- {n} no {total} attēliem bez alt atribūta. Piešķir katram <img> alt: īss apraksts jēgu nesošiem attēliem, alt="" tīri dekoratīviem.
- {n} veidlapas lauki bez atpazīstama apzīmējuma. Savieno katru lauku ar elementu <label for> vai iestati aria-label / aria-labelledby. Tikai placeholder nepietiek.
- {n} saites bez atpazīstama nosaukuma HTML. Pievieno redzamu saites tekstu vai ikonu saitēm izmanto aria-label, attiecīgi attēlu ar alt.
- {n} pogas bez nosaukuma HTML. Pievieno pogas tekstu vai iestati aria-label.
- Piegādātajā HTML nav <h1> virsraksta. Ievieto jēgpilnu <h1> kā pirmo virsrakstu (vēlams jau servera pusē).
Iknedēļas atkārtota skenēšana, ar JS renderēšanu, e-pasts par jaunām barjerām — drīzumā.
Izveidot piekļūstamības paziņojumu →
Metode & robežas
31.08.2026. tika pārbaudīts HTML, ko www.heise.de piegādā pirmajā izsaukumā bez pieteikšanās, kā arī līdz četriem tā paša domēna saistītiem CSS failiem. Pārbaudīts: krāsu kontrasts (no CSS), teksta alternatīvas, veidlapu apzīmējumi, vadības elementu nosaukumi, virsrakstu struktūra, lapas virsraksts un valoda, tālummaiņas bloķēšana, dublēti id, pozitīvas tabindex vērtības, orientieri.
Nav pārbaudīts: viss, kas rodas ar JavaScript, lietojamība ar tastatūru, redzams fokuss, fokusa secība, ekrāna lasītāja paziņojums, saturs aiz pieteikšanās, apakšlapas. Automātiskais tests atrod aptuveni 20–35 % no WCAG pārkāpumiem — pārējais prasa manuālu pārbaudi. Momentuzņēmums, nevis juridisks spriedums.
Overlay logrīki (piekļūstamības pogas, kas maina kontrastu vai fontu) nepadara vietni atbilstošu — atrastie šķēršļi jānovērš pirmkodā. Kāpēc overlay risinājumi nepalīdz