{n} od {total} slik brez atributa alt

Slike, ki se naložijo prek JavaScripta, tu niso zajete.

• <img src="data:image/svg+xml;base64,PD94bWwgdmVyc2" width="3072" height="1726">
• <img src="data:image/svg+xml;base64,PD94bWwgdmVyc2" width="4032" height="2266">
• <img src="data:image/svg+xml;base64,PD94bWwgdmVyc2" width="1672" height="940">
• <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.

{n} 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.

{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}

.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.

{n} 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.

{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 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).

{n} podvojenih atributov id

npr. {examples}. Pokvari povezave label-for in aria.

[id]

To bi moral storiti: Dodeli enolične id-je.