{n} pilti {total}-st ilma alt-atribuudita

JavaScripti kaudu laaditud pilte siin ei arvestata.

• <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">

Seda peaksid tegema: Anna igale <img>-le alt: lühike kirjeldus sisukate piltide puhul, alt="" puhtalt dekoratiivsete puhul.

{n} vormivälja ilma tuvastatava märgistuseta

Kontrolli, kas leidub JavaScripti kaudu määratud aria-label.

• <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">

Seda peaksid tegema: Seo iga väli elemendiga <label for> või määra aria-label / aria-labelledby. Ainult placeholder ei piisa.

{n} CSS-reegl{nPlural} võib-olla liiga väikese tekstikontrastiga

Nõutav: 4,5:1 (tavaline) või 3:1 (suur tekst). „Eeldatava lehetausta” puhul ei õnnestunud tegelikku tausta kindlalt määrata — kahtluse korral kontrolli brauseris. Leitud muu hulgas: {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

Seda peaksid tegema: Tumeda tekstivärvi või heleda tausta poole, kuni vastav miinimumväärtus on saavutatud. Ära kunagi kasuta värvi ainsa eristustunnusena.

{n} linki ilma tuvastatava nimeta HTMLis

Tühjad lingid või ainult ikoon/pilt ilma altita. JavaScripti kaudu määratud aria-labelit siin ei tuvastata.

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

Seda peaksid tegema: Lisa nähtav lingitekst või kasuta ikoonlinkide puhul aria-labelit või alt-iga pilti.

{n} nuppu ilma nimeta HTMLis

Ilma teksti ja aria-labelita nupud on ekraanilugeritele tummad — kui nime ei määrata JavaScripti kaudu.

• <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">

Seda peaksid tegema: Lisa nupu tekst või määra aria-label.

Serveeritavas HTMLis puudub <h1>-pealkiri

Iga leht peaks algama täpselt ühe h1-ga. JavaScriptiga ehitatud lehtedel võib h1 tekkida alles brauseris — siis kontrolli renderdatud DOMis.

body

Seda peaksid tegema: Lisa sisukas <h1> esimeseks pealkirjaks (võimalusel juba serveripoolel).

{n} topelt-id-atribuuti

nt {examples}. Lõhub label-for- ja aria-seosed.

[id]

Seda peaksid tegema: Anna kordumatud idd.