WCAG 2.4.10: セクション見出し
ページ内の各セクションに内容を説明する見出しを付け、利用者が構造を把握しながら移動できるようにします。
意図的な失敗例: セクション見出しがない
長い内容を見出しなしで並べています。
申請条件、必要書類、手数料、受取方法を一続きの長文で説明しています。必要な箇所へ移動しにくい状態です。
確認観点
- 長いページ、フォーム、記事、管理画面などを意味のあるまとまりに分ける
- 各まとまりに内容を説明する見出しを付ける
- 見出しレベルを文書構造に沿って設定し、装飾目的だけで見出しを使わない
- 同じ見出しが続く場合は、区別できる文言に調整する
人の判断が必要な例
- 見出し一覧だけでページ構成と各セクションの内容が分かるか確認する
- 視覚的には見出しに見えるテキストが、HTML上でも見出しとして扱われているか確認する
- 短いページなど、セクション見出しを追加するとかえって冗長になるケースか確認する
補助ツール候補
- heading-order
- heading-map
生成メモ
manual-judgment-catalog.ja.json の内容から生成しています。