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

JavaScript で設定された aria-label が存在するか確認してください。

• <input name="suchbegriff" id="search-input-field" placeholder="Seite durchsuchen ...">

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

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

必要: 4.5:1（通常）または 3:1（大きいテキスト）。「想定されるページ背景」の場合、実際の背景を確実に判別できませんでした — 疑わしい場合はブラウザーで確認してください。検出されたもの（一部）: `.text-shade-base`: #989694 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 2.95:1 · `.debug.svelte-1x5iokp`: red auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 4.00:1 · `.text-effi-primary-base`: #e64415 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 4.04:1 · `.text-shade-dark`: #807e7c auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 4.04:1 · `.text-elf-primary-base`: #3c8771 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 4.29:1

.text-shade-base, .debug.svelte-1x5iokp, .text-effi-primary-base, .text-shade-dark, .text-elf-primary-base

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

HTML 内で名前のないボタンが 21 件

テキストも aria-label もないボタンは、名前が JavaScript で設定されない限り、スクリーンリーダーにとって無音です。

• <button class="bg-white flex items-center justify-around bg-white d>
• <button class="bg-white flex items-center justify-around bg-white d>
• <button>
• <button class="flex items-center justify-center my-auto rounded-cir>

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

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

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

• <a target="_self" class="block svelte-1x5iokp">
• <a target="_self" class="flex flex-col text-black dark:text-shade-ligh
• <a target="_self" class="text-black dark:text-shade-lightest block">

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

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

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

body

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