Preverjeno 31. 8. 2026 · https://www.heise.de/
4 kritična oviran · poleg tega 3 za preverjanje.
Kako nastane ocena? (100 začetnih točk)
| {n} od {total} slik brez atributa alt | -18 |
| {n} polj obrazca brez prepoznavne oznake | -18 |
| {n} povezav brez prepoznavnega imena v HTML | -18 |
| {n} gumbov brez imena v HTML | -18 |
| Ni naslova <h1> v dostavljenem HTML | -7 |
| {n} podvojenih atributov id | -7 |
| {n} pravil{nPlural} CSS z morda premajhnim kontrastom besedila | -7 |
| Rezultat | 7 / 100 |
Zaznavnost
{n} od {total} slik brez atributa alt
Slike, ki se naložijo prek JavaScripta, tu niso zajete.
img
To bi moral storiti: Vsakemu <img> dodaj alt: kratek opis pri slikah, ki nosijo pomen, alt="" pri izključno okrasnih.
{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}
.text-ho-text, .text-yellow-50, .text-heisegrau-50, .text-green-50, .text-red-50
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} 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.
{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.
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
{n} podvojenih atributov id
npr. {examples}. Pokvari povezave label-for in aria.
[id]
To bi moral storiti: Dodeli enolične id-je.
Naslednji koraki
- {n} od {total} slik brez atributa alt. Vsakemu <img> dodaj alt: kratek opis pri slikah, ki nosijo pomen, alt="" pri izključno okrasnih.
- {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.
- {n} gumbov brez imena v HTML. Dodaj besedilo gumba ali nastavi aria-label.
- Ni naslova <h1> v dostavljenem HTML. Vstavi smiseln <h1> kot prvi naslov (po možnosti že na strani strežnika).
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.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