Provjereno 01. 09. 2026. · https://www.spiegel.de/
1 kritična prepreka · dodatno 4 za provjeru.
Kako nastaje rezultat? (100 početnih bodova)
| 21 gumba bez naziva u HTML-u | -18 |
| 1 polja obrasca bez prepoznatljive oznake | -7 |
| 3 poveznica bez prepoznatljivog naziva u HTML-u | -7 |
| Nema naslova <h1> u isporučenom HTML-u | -7 |
| 5 CSS-praviln s možda premalim kontrastom teksta | -7 |
| Rezultat | 54 / 100 |
Uočljivost
1 polja obrasca bez prepoznatljive oznake
Provjeri postoji li aria-label postavljen putem JavaScripta.
<input name="suchbegriff" id="search-input-field" placeholder="Seite durchsuchen ...">
Ovo bi trebao učiniti: Poveži svako polje s elementom <label for> ili postavi aria-label / aria-labelledby. Samo placeholder nije dovoljan.
5 CSS-praviln s možda premalim kontrastom teksta
Potrebno: 4,5:1 (normalno) odnosno 3:1 (velik tekst). Kod „pretpostavljene pozadine stranice” stvarnu pozadinu nije bilo moguće pouzdano odrediti — u slučaju dvojbe provjeri u pregledniku. Pronađeno među ostalim: `.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
Ovo bi trebao učiniti: Zatamni boju teksta ili posvijetli pozadinu dok se ne postigne odgovarajuća minimalna vrijednost. Boju nikad ne upotrebljavaj kao jedino obilježje razlikovanja.
Operabilnost
21 gumba bez naziva u HTML-u
Gumbi bez teksta i bez aria-label nijemi su za čitače zaslona — osim ako se naziv ne postavlja putem 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>
Ovo bi trebao učiniti: Dodaj tekst gumba ili postavi aria-label.
3 poveznica bez prepoznatljivog naziva u HTML-u
Prazne poveznice ili samo ikona/slika bez alt. aria-label postavljen putem JavaScripta ovdje se ne prepoznaje.
<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">
Ovo bi trebao učiniti: Dodaj vidljiv tekst poveznice ili kod poveznica s ikonom upotrijebi aria-label odnosno sliku s alt.
Nema naslova <h1> u isporučenom HTML-u
Svaka stranica trebala bi započeti s točno jednim h1. Kod stranica izgrađenih putem JavaScripta h1 može nastati tek u pregledniku — tada provjeri u renderiranom DOM-u.
body
Ovo bi trebao učiniti: Umetni smislen <h1> kao prvi naslov (po mogućnosti već na strani poslužitelja).
Već ispravno riješeno
- Tekstualne alternative: nema automatski prepoznatljivih problema
- Poveznica za preskakanje na sadržaj postoji
- Orijentir <main> postoji
Sljedeći koraci
- 21 gumba bez naziva u HTML-u. Dodaj tekst gumba ili postavi aria-label.
- 1 polja obrasca bez prepoznatljive oznake. Poveži svako polje s elementom <label for> ili postavi aria-label / aria-labelledby. Samo placeholder nije dovoljan.
- 3 poveznica bez prepoznatljivog naziva u HTML-u. Dodaj vidljiv tekst poveznice ili kod poveznica s ikonom upotrijebi aria-label odnosno sliku s alt.
- Nema naslova <h1> u isporučenom HTML-u. Umetni smislen <h1> kao prvi naslov (po mogućnosti već na strani poslužitelja).
- 5 CSS-praviln s možda premalim kontrastom teksta. Zatamni boju teksta ili posvijetli pozadinu dok se ne postigne odgovarajuća minimalna vrijednost. Boju nikad ne upotrebljavaj kao jedino obilježje razlikovanja.
Tjedno ponovno skeniranje, s JS-renderiranjem, e-pošta kod novih prepreka — uskoro.
Izradi izjavu o pristupačnosti →
Metoda & granice
Dana 01. 09. 2026. provjeren je HTML koji www.spiegel.de isporučuje pri prvom pozivu bez prijave, uz do četiri povezane CSS-datoteke iste domene. Provjereno: kontrast boja (iz CSS-a), tekstualne alternative, oznake obrazaca, nazivi upravljačkih elemenata, struktura naslova, naslov i jezik stranice, blokada zumiranja, dvostruki id-ovi, pozitivne vrijednosti tabindex, orijentiri.
Nije provjereno: sve što nastaje putem JavaScripta, upotrebljivost tipkovnicom, vidljiv fokus, redoslijed fokusa, izgovor čitača zaslona, sadržaj iza prijave, podstranice. Automatski test pronalazi otprilike 20–35 % kršenja WCAG-a — ostatak zahtijeva ručnu provjeru. Snimka stanja, ne pravna odluka.