521 件中 36 件の画像に alt 属性がありません

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

• <img src="data:image/svg+xml;base64,PD94bWwgdmVyc2" width="3983" height="2238">
• <img src="data:image/svg+xml;base64,PD94bWwgdmVyc2" width="3200" height="1798">
• <img src="data:image/svg+xml;base64,PD94bWwgdmVyc2" width="300" height="250">
• <img src="data:image/svg+xml;base64,PD94bWwgdmVyc2" width="1672" height="940">

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

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

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 ルールが 5 件n

必要: 4.5:1（通常）または 3:1（大きいテキスト）。「想定されるページ背景」の場合、実際の背景を確実に判別できませんでした — 疑わしい場合はブラウザーで確認してください。検出されたもの（一部）: `.dark a-gift-link dialog`: #e0e0e0 auf #fff (Vorfahren-Hintergrund) = 1.32:1 · `a-color-scheme .a-color-scheme__icon--moon`: #959595 auf #c7c7c7 (Vorfahren-Hintergrund) = 1.77: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-color-scheme .a-color-scheme__icon--moon, a-opt-in[is-active] .opt-in__footnote, .a-android-native-app-prompt__load-app, a-topic .topic-label

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

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

空のリンク、または 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 内で名前のないボタンが 6 件

テキストも 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 属性が 6 件

例: heisetopnavi_search, HEI_M_Incontent-2-label, HEI_M_Incontent-2, circle。label-for および aria の関連付けを壊します。

[id]

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