WCAG 2.4.6: 見出しやラベルが内容を説明しているか確認する
見出しやフォームラベルが、対応する内容や操作の目的を分かりやすく簡潔に説明しているか確認します。
意図的な失敗例: 見出しとラベルが説明不足
見出しやラベルが抽象的すぎます。
詳細
確認観点
- 見出し一覧を確認し、各見出しが続くセクションの内容を具体的に表しているか確認する
- h1〜h6をページ構造に沿って使い、見た目の大きさだけを目的に見出しレベルを選んでいないか確認する
- フォームのラベルやlegendが入力欄・グループの目的を説明しているか確認する
- CMSやコンポーネントで出力された最終HTMLでも、見出しとラベルが意図どおりになっているか確認する
- 「リスト」「詳細」など汎用的な見出しだけでなく、何の内容か推測できる見出しにする
人の判断が必要な例
- 「詳細」「入力してください」「項目」だけなど、対象や目的が分かりにくい見出し・ラベルがないか確認する
- 同じ画面内で同じラベルが複数ある場合、利用者が区別できる文脈や補足があるか確認する
- 見出しやラベルが長すぎず、読み上げても目的が自然に理解できるか確認する
補助ツール候補
- heading-order
- form-structure
生成メモ
- 支援技術を用いた実検証が必要