Pārbaudīts 24.09.2026. · https://www.spiegel.de/
1 kritiska barjera · papildus 4 pārbaudāmas.
Kopš pēdējās skenēšanas: nav izmaiņu.
Kā rodas vērtējums? (100 sākuma punkti)
| 21 pogas bez nosaukuma HTML | -18 |
| 1 veidlapas lauki bez atpazīstama apzīmējuma | -7 |
| 3 saites bez atpazīstama nosaukuma HTML | -7 |
| Piegādātajā HTML nav <h1> virsraksta | -7 |
| 5 CSS noteikumn ar, iespējams, pārāk mazu teksta kontrastu | -7 |
| Rezultāts | 54 / 100 |
Uztverams
1 veidlapas lauki bez atpazīstama apzīmējuma
Pārbaudi, vai pastāv ar JavaScript iestatīts aria-label.
<input name="suchbegriff" id="search-input-field" placeholder="Seite durchsuchen ...">
Tev vajadzētu darīt šo: Savieno katru lauku ar elementu <label for> vai iestati aria-label / aria-labelledby. Tikai placeholder nepietiek.
5 CSS noteikumn 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ā: `.text-shade-base`: #989694 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 2.95:1 · `.debug.svelte-1x5iokp`: red auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 4.00:1 · `.text-effi-primary-base`: #e64415 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 4.04:1 · `.text-shade-dark`: #807e7c auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 4.04:1 · `.text-elf-primary-base`: #3c8771 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 4.29:1
.text-shade-base, .debug.svelte-1x5iokp, .text-effi-primary-base, .text-shade-dark, .text-elf-primary-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
21 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 class="bg-white flex items-center justify-around bg-white d><button class="bg-white flex items-center justify-around bg-white d><button><button class="flex items-center justify-center my-auto rounded-cir>
Tev vajadzētu darīt šo: Pievieno pogas tekstu vai iestati aria-label.
3 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 target="_self" class="block svelte-1x5iokp"><a target="_self" class="flex flex-col text-black dark:text-shade-ligh<a target="_self" class="text-black dark:text-shade-lightest block">
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
- Teksta alternatīvas: nav automātiski atpazīstamu problēmu
- Pārlēkšanas saite uz saturu ir pieejama
- Orientieris <main> ir pieejams
Nākamie soļi
- 21 pogas bez nosaukuma HTML. Pievieno pogas tekstu vai iestati aria-label.
- 1 veidlapas lauki bez atpazīstama apzīmējuma. Savieno katru lauku ar elementu <label for> vai iestati aria-label / aria-labelledby. Tikai placeholder nepietiek.
- 3 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ē).
- 5 CSS noteikumn 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
24.09.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