Preverjeno 1. 9. 2026 · https://www.spiegel.de/
1 kritična ovira · poleg tega 4 za preverjanje.
Kako nastane ocena? (100 začetnih točk)
| 21 gumbov brez imena v HTML | -18 |
| 1 polj obrazca brez prepoznavne oznake | -7 |
| 3 povezav brez prepoznavnega imena v HTML | -7 |
| Ni naslova <h1> v dostavljenem HTML | -7 |
| 5 praviln CSS z morda premajhnim kontrastom besedila | -7 |
| Rezultat | 54 / 100 |
Zaznavnost
1 polj obrazca brez prepoznavne oznake
Preveri, ali obstaja aria-label, nastavljen prek JavaScripta.
<input name="suchbegriff" id="search-input-field" placeholder="Seite durchsuchen ...">
To bi moral storiti: Poveži vsako polje z elementom <label for> ali nastavi aria-label / aria-labelledby. Sam placeholder ni dovolj.
5 praviln CSS z morda premajhnim kontrastom besedila
Potrebno: 4,5:1 (normalno) oz. 3:1 (veliko besedilo). Pri „predvideni ozadje strani” dejanskega ozadja ni bilo mogoče zanesljivo določiti — v dvomu preveri v brskalniku. Najdeno med drugim: `.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
To bi moral storiti: Potemni barvo besedila ali posvetli ozadje, dokler ni dosežena ustrezna najmanjša vrednost. Barve nikoli ne uporabljaj kot edino razlikovalno značilnost.
Operabilnost
21 gumbov brez imena v HTML
Gumbi brez besedila in brez aria-label so za bralnike zaslona nemi — razen če je ime nastavljeno prek JavaScripta.
<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>
To bi moral storiti: Dodaj besedilo gumba ali nastavi aria-label.
3 povezav brez prepoznavnega imena v HTML
Prazne povezave ali samo ikona/slika brez alt. aria-label, nastavljen prek JavaScripta, tu ni prepoznan.
<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">
To bi moral storiti: Dodaj vidno besedilo povezave ali pri povezavah z ikono uporabi aria-label oz. sliko z alt.
Ni naslova <h1> v dostavljenem HTML
Vsaka stran bi se morala začeti s točno enim h1. Pri straneh, zgrajenih prek JavaScripta, lahko h1 nastane šele v brskalniku — takrat preveri v upodobljenem DOM.
body
To bi moral storiti: Vstavi smiseln <h1> kot prvi naslov (po možnosti že na strani strežnika).
Že pravilno rešeno
- Besedilne alternative: ni samodejno prepoznavnih težav
- Povezava za preskok na vsebino obstaja
- Mejnik <main> obstaja
Naslednji koraki
- 21 gumbov brez imena v HTML. Dodaj besedilo gumba ali nastavi aria-label.
- 1 polj obrazca brez prepoznavne oznake. Poveži vsako polje z elementom <label for> ali nastavi aria-label / aria-labelledby. Sam placeholder ni dovolj.
- 3 povezav brez prepoznavnega imena v HTML. Dodaj vidno besedilo povezave ali pri povezavah z ikono uporabi aria-label oz. sliko z alt.
- Ni naslova <h1> v dostavljenem HTML. Vstavi smiseln <h1> kot prvi naslov (po možnosti že na strani strežnika).
- 5 praviln CSS z morda premajhnim kontrastom besedila. Potemni barvo besedila ali posvetli ozadje, dokler ni dosežena ustrezna najmanjša vrednost. Barve nikoli ne uporabljaj kot edino razlikovalno značilnost.
Tedensko ponovno skeniranje, z upodabljanjem JS, e-pošta ob novih ovirah — pride kmalu.
Ustvari izjavo o dostopnosti →
Metoda & meje
Dne 1. 9. 2026 je bil preverjen HTML, ki ga www.spiegel.de dostavi ob prvem klicu brez prijave, ter do štiri povezane datoteke CSS iste domene. Preverjeno: barvni kontrast (iz CSS), besedilne alternative, oznake obrazcev, imena upravljalnih elementov, struktura naslovov, naslov in jezik strani, zaklep povečave, podvojeni id-ji, pozitivne vrednosti tabindex, mejniki.
Ni preverjeno: vse, kar nastane prek JavaScripta, uporabnost s tipkovnico, viden fokus, vrstni red fokusa, napoved bralnika zaslona, vsebina za prijavo, podstrani. Samodejni preizkus najde približno 20–35 % kršitev WCAG — preostalo zahteva ročno preverjanje. Trenutni posnetek, ne pravna odločitev.