{n} af {total} billeder uden alt-attribut

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

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

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

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

{n} CSS-regel{nPlural} 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.: {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

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.

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

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

{n} dublerede id-attributter

f.eks. {examples}. Bryder label-for- og aria-tilknytninger.

[id]

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