{total} 件中 {n} 件の画像に alt 属性がありません

JavaScript で後から読み込まれる画像はここには含まれません。

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

対応すべきこと: 各 <img> に alt を付与してください: 意味のある画像には短い説明、純粋に装飾的なものには alt=""。

{n} 件のフォームフィールドに認識可能なラベルがありません

JavaScript で設定された 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">

対応すべきこと: 各フィールドを <label for> 要素と関連付けるか、aria-label / aria-labelledby を設定してください。placeholder だけでは不十分です。

テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}

必要: 4.5:1（通常）または 3:1（大きいテキスト）。「想定されるページ背景」の場合、実際の背景を確実に判別できませんでした — 疑わしい場合はブラウザーで確認してください。検出されたもの（一部）: {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

対応すべきこと: テキストの色を暗くするか背景を明るくして、それぞれの最小値に達するようにしてください。色を唯一の識別手段として使用しないでください。

HTML 内で認識可能な名前のないリンクが {n} 件

空のリンク、または alt のないアイコン／画像のみ。JavaScript で設定された aria-label はここでは認識されません。

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

対応すべきこと: 可視のリンクテキストを追加するか、アイコンリンクには aria-label または alt 付きの画像を使用してください。

HTML 内で名前のないボタンが {n} 件

テキストも aria-label もないボタンは、名前が 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">

対応すべきこと: ボタンのテキストを追加するか、aria-label を設定してください。

配信された HTML に <h1> 見出しがありません

各ページは、ちょうど 1 つの h1 で始めるべきです。JavaScript で構築されるページでは h1 がブラウザーでのみ生成されることがあります — その場合はレンダリング後の DOM を確認してください。

body

対応すべきこと: 意味のある <h1> を最初の見出しとして挿入してください（できればサーバー側で）。

重複した id 属性が {n} 件

例: {examples}。label-for および aria の関連付けを壊します。

[id]

対応すべきこと: 一意の id を割り当ててください。