Provjereno 24. 09. 2026. · https://www.heise.de/
5 kritična preprekan · dodatno 2 za provjeru.
Od posljednjeg skeniranja: bez promjene.
Kako nastaje rezultat? (100 početnih bodova)
| 40 od 519 slika bez atributa alt | -18 |
| 4 polja obrasca bez prepoznatljive oznake | -18 |
| 16 poveznica bez prepoznatljivog naziva u HTML-u | -18 |
| 6 gumba bez naziva u HTML-u | -18 |
| 5 CSS-praviln s možda premalim kontrastom teksta | -18 |
| Nema naslova <h1> u isporučenom HTML-u | -7 |
| 6 dvostrukih atributa id | -7 |
| Rezultat | 0 / 100 |
Uočljivost
40 od 519 slika bez atributa alt
Slike koje se učitavaju putem JavaScripta ovdje nisu obuhvaćene.
<img src="data:image/svg+xml;base64,PD94bWwgdmVyc2" width="3377" height="1898"><img src="data:image/svg+xml;base64,PD94bWwgdmVyc2" width="1920" height="1079"><img src="data:image/svg+xml;base64,PD94bWwgdmVyc2" width="3200" height="1798"><img src="data:image/svg+xml;base64,PD94bWwgdmVyc2" width="300" height="250">
Ovo bi trebao učiniti: Svakom <img> dodaj alt: kratak opis kod slika koje nose značenje, alt="" kod čisto ukrasnih.
4 polja obrasca bez prepoznatljive oznake
Provjeri postoji li aria-label postavljen putem JavaScripta.
<input type="text" name="q" placeholder="Suchen"><input type="text" name="q" placeholder="Suchen"><select name="in"><input type="text" name="fs" placeholder="Im Preisvergleich suchen">
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: `.dark a-gift-link dialog`: #e0e0e0 auf #fff (Vorfahren-Hintergrund) = 1.32:1 · `.a-android-native-app-prompt__close-banner`: #323232 auf rgba(0,0,0,0) = 1.64:1 · `a-opt-in[is-active] .opt-in__footnote`: #959595 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 3.00:1 · `.a-android-native-app-prompt__load-app`: #fff auf #27a209 = 3.36:1 · `a-topic .topic-label`: #fff auf #ed3725 = 4.06:1
.dark a-gift-link dialog, .a-android-native-app-prompt__close-banner, a-opt-in[is-active] .opt-in__footnote, .a-android-native-app-prompt__load-app, a-topic .topic-label
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
16 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-click-performance><a name="topnavi.ho.magazine-nav.ct" class="hover:bg-brand dark:hover:<a name="topnavi.ho.magazine-nav.ix" class="hover:bg-brand-alternative<a name="topnavi.ho.magazine-nav.foto" class="hover:bg-brand dark:hove
Ovo bi trebao učiniti: Dodaj vidljiv tekst poveznice ili kod poveznica s ikonom upotrijebi aria-label odnosno sliku s alt.
6 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="scroll-left text-ho-text"><button class="scroll-right text-ho-text"><button class="scroll-left text-ho-text"><button class="scroll-right text-ho-text">
Ovo bi trebao učiniti: Dodaj tekst gumba ili postavi aria-label.
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).
Robusnost
6 dvostrukih atributa id
npr. heisetopnavi_search, HEI_M_Incontent-2-label, HEI_M_Incontent-2, circle. Kvari povezivanja label-for i aria.
[id]
Ovo bi trebao učiniti: Dodijeli jedinstvene id-ove.
Sljedeći koraci
- 40 od 519 slika bez atributa alt. Svakom <img> dodaj alt: kratak opis kod slika koje nose značenje, alt="" kod čisto ukrasnih.
- 4 polja obrasca bez prepoznatljive oznake. Poveži svako polje s elementom <label for> ili postavi aria-label / aria-labelledby. Samo placeholder nije dovoljan.
- 16 poveznica bez prepoznatljivog naziva u HTML-u. Dodaj vidljiv tekst poveznice ili kod poveznica s ikonom upotrijebi aria-label odnosno sliku s alt.
- 6 gumba bez naziva u HTML-u. Dodaj tekst gumba ili postavi aria-label.
- 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 24. 09. 2026. provjeren je HTML koji www.heise.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.
Overlay widgeti (gumbi pristupačnosti koji mijenjaju kontrast ili font) ne čine stranicu usklađenom — pronađene prepreke treba ukloniti u izvornom kodu. Zašto overlayji ne pomažu