{n} z {total} obrázků bez atributu alt

Obrázky načítané přes JavaScript zde nejsou zahrnuty.

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

Toto byste měli udělat: Každému <img> dejte alt: krátký popis u obrázků nesoucích význam, alt="" u čistě dekorativních.

{n} polí formuláře bez rozpoznatelného popisku

Zkontrolujte, zda existuje aria-label nastavené přes 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">

Toto byste měli udělat: Propojte každé pole s prvkem <label for> nebo nastavte aria-label / aria-labelledby. Samotný placeholder nestačí.

{n} pravidel{nPlural} CSS s možná příliš nízkým kontrastem textu

Nutné: 4,5:1 (normální) resp. 3:1 (velký text). U „předpokládaného pozadí stránky“ nebylo možné skutečné pozadí bezpečně určit — v případě pochybností zkontrolujte v prohlížeči. Nalezeno mj.: {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

Toto byste měli udělat: Ztmavte barvu textu nebo zesvětlete pozadí, dokud není dosažena příslušná minimální hodnota. Nikdy nepoužívejte barvu jako jediný rozlišovací znak.

{n} odkazů bez rozpoznatelného názvu v HTML

Prázdné odkazy nebo jen ikona/obrázek bez alt. aria-label nastavené přes JavaScript zde není rozpoznáno.

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

Toto byste měli udělat: Doplňte viditelný text odkazu, u odkazů s ikonou použijte aria-label nebo obrázek s alt.

{n} tlačítek bez názvu v HTML

Tlačítka bez textu a bez aria-label jsou pro čtečky obrazovky němá — pokud se název nenastavuje přes 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">

Toto byste měli udělat: Doplňte text tlačítka nebo nastavte aria-label.

V doručeném HTML žádný nadpis <h1>

Každá stránka by měla začínat přesně jedním h1. U stránek sestavovaných přes JavaScript může h1 vzniknout až v prohlížeči — pak zkontrolujte v renderovaném DOM.

body

Toto byste měli udělat: Vložte smysluplný <h1> jako první nadpis (pokud možno už na straně serveru).

{n} duplicitních atributů id

např. {examples}. Rozbíjí vazby label-for a aria.

[id]

Toto byste měli udělat: Přidělujte jedinečná id.