Pārbaudīts 31.08.2026. · https://www.spiegel.de/
1 kritiska barjera · papildus 4 pārbaudāmas.
Kā rodas vērtējums? (100 sākuma punkti)
| {n} pogas bez nosaukuma HTML | -18 |
| {n} veidlapas lauki bez atpazīstama apzīmējuma | -7 |
| {n} saites bez atpazīstama nosaukuma HTML | -7 |
| Piegādātajā HTML nav <h1> virsraksta | -7 |
| {n} CSS noteikum{nPlural} ar, iespējams, pārāk mazu teksta kontrastu | -7 |
| Rezultāts | 54 / 100 |
Uztverams
{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}
body .richtext--inverted p, .richtextsystem.richtextsystem--inverted a, .text-shade-lighter, .text-shade-light, .text-shade-base
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} 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.
{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.
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ē).
Jau atrisināts pareizi
- Textalternativen: keine automatisch erkennbaren Probleme
- Pārlēkšanas saite uz saturu ir pieejama
- Orientieris <main> ir pieejams
Nākamie soļi
- {n} pogas bez nosaukuma HTML. Pievieno pogas tekstu vai iestati aria-label.
- {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.
- Piegādātajā HTML nav <h1> virsraksta. Ievieto jēgpilnu <h1> kā pirmo virsrakstu (vēlams jau servera pusē).
- {n} CSS noteikum{nPlural} ar, iespējams, pārāk mazu teksta kontrastu. 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.
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.spiegel.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