39 no 523 attēliem bez alt atribūta

Attēli, kas ielādēti ar JavaScript, šeit nav ietverti.

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

Tev vajadzētu darīt šo: Piešķir katram <img> alt: īss apraksts jēgu nesošiem attēliem, alt="" tīri dekoratīviem.

4 veidlapas lauki bez atpazīstama apzīmējuma

Pārbaudi, vai pastāv ar JavaScript iestatīts 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">

Tev vajadzētu darīt šo: Savieno katru lauku ar elementu <label for> vai iestati aria-label / aria-labelledby. Tikai placeholder nepietiek.

5 CSS noteikumn ar, iespējams, pārāk mazu teksta kontrastu

Nepieciešams: 4,5:1 (parasts) attiecīgi 3:1 (liels teksts). „Pieņemta lapas fona” gadījumā faktisko fonu nevarēja droši noteikt — šaubu gadījumā pārbaudi pārlūkā. Atrasts cita starpā: `.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

Tev vajadzētu darīt šo: Padari teksta krāsu tumšāku vai fonu gaišāku, līdz sasniegta attiecīgā minimālā vērtība. Nekad neizmanto krāsu kā vienīgo atšķirīgo pazīmi.

16 saites bez atpazīstama nosaukuma HTML

Tukšas saites vai tikai ikona/attēls bez alt. Ar JavaScript iestatīts aria-label šeit netiek atpazīts.

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

Tev vajadzētu darīt šo: Pievieno redzamu saites tekstu vai ikonu saitēm izmanto aria-label, attiecīgi attēlu ar alt.

6 pogas bez nosaukuma HTML

Pogas bez teksta un bez aria-label ekrāna lasītājiem ir mēmas — ja vien nosaukums netiek iestatīts ar JavaScript.

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

Tev vajadzētu darīt šo: Pievieno pogas tekstu vai iestati aria-label.

Piegādātajā HTML nav <h1> virsraksta

Katrai lapai jāsākas ar tieši vienu h1. Lapās, kas veidotas ar JavaScript, h1 var rasties tikai pārlūkā — tad pārbaudi renderētajā DOM.

body

Tev vajadzētu darīt šo: Ievieto jēgpilnu <h1> kā pirmo virsrakstu (vēlams jau servera pusē).

6 dublēti id atribūti

piem., heisetopnavi_search, HEI_M_Incontent-2-label, HEI_M_Incontent-2, circle. Sabojā label-for un aria piesaistes.

[id]

Tev vajadzētu darīt šo: Piešķir unikālus id.