Accessibility
Guidelines

2.4.10 各セクションに見出しをつける

文章をトピックやテーマごとにセクションで分け、それぞれに適切な見出しをつける。すると、ユーザーはセクションの見出しから内容を推測し、目的のコンテンツへ素早く移動できるようになる。

また、支援技術などを利用すると、見出しから見出しへジャンプできるようになる。

テスト・チェック方法

見出し要素の <h1>~<h6>タグを適切に使用しているか。

それぞれのセクションに適切な見出しがあるかどうかは、次のタイミングで確認する

  • 企画時、デザイナー・エンジニアによるレビュー
  • コードレビュー

実装方法

悪い実装

CSSなどで視覚的に見出しと判断できるような装飾を行っていたとしても、プログラム上からは解釈が出来ないためこの方法は不十分である。

<div>見出し1</div>
<section>
  <div>本文タイトル</div>
  <div>ここから本文...</div>
</section>
<section>
  <div>本文タイトル</div>
  <div>ここから本文...</div>
</section>

参考文献