Preverjeno 31. 8. 2026 · https://www.spiegel.de/
1 kritična ovira · poleg tega 4 za preverjanje.
Kako nastane ocena? (100 začetnih točk)
| {n} gumbov brez imena v HTML | -18 |
| {n} polj obrazca brez prepoznavne oznake | -7 |
| {n} povezav brez prepoznavnega imena v HTML | -7 |
| Ni naslova <h1> v dostavljenem HTML | -7 |
| {n} pravil{nPlural} CSS z morda premajhnim kontrastom besedila | -7 |
| Rezultat | 54 / 100 |
Zaznavnost
{n} polj obrazca brez prepoznavne oznake
Preveri, ali obstaja aria-label, nastavljen prek JavaScripta.
input, select, textarea
To bi moral storiti: Poveži vsako polje z elementom <label for> ali nastavi aria-label / aria-labelledby. Sam placeholder ni dovolj.
{n} pravil{nPlural} 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: {examples}
body .richtext--inverted p, .richtextsystem.richtextsystem--inverted a, .text-shade-lighter, .text-shade-light, .text-shade-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
{n} 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
To bi moral storiti: Dodaj besedilo gumba ali nastavi aria-label.
{n} povezav brez prepoznavnega imena v HTML
Prazne povezave ali samo ikona/slika brez alt. aria-label, nastavljen prek JavaScripta, tu ni prepoznan.
a
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
- Textalternativen: keine automatisch erkennbaren Probleme
- Povezava za preskok na vsebino obstaja
- Mejnik <main> obstaja
Naslednji koraki
- {n} gumbov brez imena v HTML. Dodaj besedilo gumba ali nastavi aria-label.
- {n} polj obrazca brez prepoznavne oznake. Poveži vsako polje z elementom <label for> ali nastavi aria-label / aria-labelledby. Sam placeholder ni dovolj.
- {n} 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).
- {n} pravil{nPlural} 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 31. 8. 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.
Overlay gradniki (gumbi za dostopnost, ki spreminjajo kontrast ali pisavo) ne zagotovijo skladnosti spletnega mesta — najdene ovire je treba odpraviti v izvorni kodi. Zakaj overlayi ne pomagajo