WCAG 2.4.6: 見出し及びラベル
見出し(h1〜h6)やフォームのラベル(<label>)が、対応するコンテンツの主題や入力項目の目的を、分かりやすく簡潔に説明している状態にします。
意図的な失敗例: 見出しとラベルが説明不足
見出しやラベルが抽象的すぎます。
詳細
確認観点
- 見出しテキストが、そのセクションに書かれている内容を的確に要約しているか確認する
- 入力欄のラベルが、何をどう入力すべきか(氏名、生年月日、利用目的など)を明確に伝えているか確認する
- 「無題」「項目1」などの曖昧な表現を排し、利用者が迷わない具体的な文言にする
人の判断が必要な例
- 見出し一覧だけを拾い読みして、ページ全体の構成や欲しい情報がどこにあるか把握できるか確認する
補助ツール候補
- heading-order
- heading-map
- form-structure
生成メモ
- 支援技術を用いた実検証が必要