Preverjeno 24. 9. 2026 · https://www.heise.de/
5 kritična oviran · poleg tega 2 za preverjanje.
Od zadnjega skeniranja: brez sprememb.
Kako nastane ocena? (100 začetnih točk)
| 39 od 523 slik brez atributa alt | -18 |
| 4 polj obrazca brez prepoznavne oznake | -18 |
| 16 povezav brez prepoznavnega imena v HTML | -18 |
| 6 gumbov brez imena v HTML | -18 |
| 5 praviln CSS z morda premajhnim kontrastom besedila | -18 |
| Ni naslova <h1> v dostavljenem HTML | -7 |
| 6 podvojenih atributov id | -7 |
| Rezultat | 0 / 100 |
Zaznavnost
39 od 523 slik brez atributa alt
Slike, ki se naložijo prek JavaScripta, tu niso zajete.
<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">
To bi moral storiti: Vsakemu <img> dodaj alt: kratek opis pri slikah, ki nosijo pomen, alt="" pri izključno okrasnih.
4 polj obrazca brez prepoznavne oznake
Preveri, ali obstaja aria-label, nastavljen prek 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">
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: `.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
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
16 povezav brez prepoznavnega imena v HTML
Prazne povezave ali samo ikona/slika brez alt. aria-label, nastavljen prek JavaScripta, tu ni prepoznan.
<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
To bi moral storiti: Dodaj vidno besedilo povezave ali pri povezavah z ikono uporabi aria-label oz. sliko z alt.
6 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="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">
To bi moral storiti: Dodaj besedilo gumba ali nastavi aria-label.
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).
Robustnost
6 podvojenih atributov id
npr. heisetopnavi_search, HEI_M_Incontent-2-label, HEI_M_Incontent-2, circle. Pokvari povezave label-for in aria.
[id]
To bi moral storiti: Dodeli enolične id-je.
Naslednji koraki
- 39 od 523 slik brez atributa alt. Vsakemu <img> dodaj alt: kratek opis pri slikah, ki nosijo pomen, alt="" pri izključno okrasnih.
- 4 polj obrazca brez prepoznavne oznake. Poveži vsako polje z elementom <label for> ali nastavi aria-label / aria-labelledby. Sam placeholder ni dovolj.
- 16 povezav brez prepoznavnega imena v HTML. Dodaj vidno besedilo povezave ali pri povezavah z ikono uporabi aria-label oz. sliko z alt.
- 6 gumbov brez imena v HTML. Dodaj besedilo gumba ali nastavi aria-label.
- 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 24. 9. 2026 je bil preverjen HTML, ki ga www.heise.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