2026/9/3 にチェック · https://web.dev/?hl=de
重大な障壁 1 件 · さらに要確認 3 件。
スコアはどのように算出されますか？（開始点 100）
| HTML 内で認識可能な名前のないリンクが 6 件 | -18 |
| lang 属性が無効: 「de-x-mtfrom-en」 | -7 |
| 配信された HTML に <h1> 見出しがありません | -7 |
| 重複した id 属性が 2 件 | -7 |
| 結果 | 61 / 100 |
操作可能
HTML 内で認識可能な名前のないリンクが 6 件
空のリンク、または alt のないアイコン／画像のみ。JavaScript で設定された aria-label はここでは認識されません。
<a href="https://web.dev/explore/ai?hl=de"><a href="https://web.dev/explore/how-to-optimize-inp?utm_source=web.de<a href="https://web.dev/identity?hl=de"><a href="https://web.dev/learn/html?hl=de">
対応すべきこと: 可視のリンクテキストを追加するか、アイコンリンクには aria-label または alt 付きの画像を使用してください。
配信された HTML に <h1> 見出しがありません
各ページは、ちょうど 1 つの h1 で始めるべきです。JavaScript で構築されるページでは h1 がブラウザーでのみ生成されることがあります — その場合はレンダリング後の DOM を確認してください。
body
対応すべきこと: 意味のある <h1> を最初の見出しとして挿入してください（できればサーバー側で）。
理解可能
lang 属性が無効: 「de-x-mtfrom-en」
この値は有効な言語コード（BCP 47）に該当しません。
<html>
対応すべきこと: 有効なコードに修正してください。例: lang="ja" または lang="ja-JP"。
堅牢
重複した id 属性が 2 件
例: inp-optimieren, zahlungen-und-identitat。label-for および aria の関連付けを壊します。
[id]
対応すべきこと: 一意の id を割り当ててください。
すでに正しく対応済み
- テキスト代替: 自動的に認識可能な問題はありません
- コンテンツへのスキップリンクがあります
- <main> ランドマークがあります
次のステップ
- HTML 内で認識可能な名前のないリンクが 6 件. 可視のリンクテキストを追加するか、アイコンリンクには aria-label または alt 付きの画像を使用してください。
- lang 属性が無効: 「de-x-mtfrom-en」. 有効なコードに修正してください。例: lang="ja" または lang="ja-JP"。
- 配信された HTML に <h1> 見出しがありません. 意味のある <h1> を最初の見出しとして挿入してください（できればサーバー側で）。
- 重複した id 属性が 2 件. 一意の id を割り当ててください。
毎週の再スキャン、JS レンダリング、新しい障壁が見つかった際のメール — 近日提供。
方法 & 限界
2026/9/3 に、web.dev がログインなしの初回アクセス時に配信する HTML と、同一ドメインのリンクされた CSS ファイル最大 4 件をチェックしました。チェック対象: 色コントラスト（CSS から）、テキスト代替、フォームのラベル付け、操作要素の名前、見出し構造、ページのタイトルと言語、ズームのロック、重複した id、正の tabindex 値、ランドマーク。
チェック対象外: JavaScript によって生成されるものすべて、キーボード操作性、可視のフォーカス、フォーカス順序、スクリーンリーダーの読み上げ、ログインの背後のコンテンツ、下位ページ。自動テストは WCAG 違反のおよそ 20〜35 % を検出します — 残りは手動チェックが必要です。スナップショットであり、法的判断ではありません。