40 af 517 billeder uden alt-attribut

Billeder, der efterindlæses via JavaScript, er ikke medtaget her.

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

Det bør du gøre: Giv hvert <img> et alt: kort beskrivelse ved meningsbærende billeder, alt="" ved rent dekorative.

4 formularfelt(er) uden genkendelig mærkning

Tjek, om der findes et aria-label sat via JavaScript.

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

Det bør du gøre: Forbind hvert felt med et <label for>-element eller angiv aria-label / aria-labelledby. Kun en placeholder er ikke nok.

5 CSS-regeln med muligvis for lav tekstkontrast

Krævet: 4,5:1 (normal) henholdsvis 3:1 (stor tekst). Ved „antaget sidebaggrund” kunne den faktiske baggrund ikke bestemmes sikkert — tjek i browseren i tvivlstilfælde. Fundet bl.a.: `.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

Det bør du gøre: Gør tekstfarven mørkere eller baggrunden lysere, indtil den pågældende mindsteværdi er nået. Brug aldrig farve som eneste kendetegn til at skelne.

16 link(s) uden genkendeligt navn i HTML'en

Tomme links eller kun et ikon/billede uden alt. Et aria-label sat via JavaScript genkendes ikke her.

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

Det bør du gøre: Tilføj synlig linktekst, eller brug aria-label eller et billede med alt ved ikonlinks.

6 knap(per) uden navn i HTML'en

Knapper uden tekst og uden aria-label er stumme for skærmlæsere — medmindre navnet sættes via 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">

Det bør du gøre: Tilføj knaptekst eller angiv aria-label.

Ingen <h1>-overskrift i den leverede HTML

Hver side bør begynde med præcis én h1. På sider, der bygges op via JavaScript, kan h1 først opstå i browseren — tjek da i den renderede DOM.

body

Det bør du gøre: Indsæt en meningsfuld <h1> som første overskrift (helst allerede på serversiden).

6 dublerede id-attributter

f.eks. heisetopnavi_search, HEI_M_Incontent-2-label, HEI_M_Incontent-2, circle. Bryder label-for- og aria-tilknytninger.

[id]

Det bør du gøre: Tildel entydige id'er.