ページの主要コンテンツに見出しが付与されている
概要
この基準では、ウェブページの主要なコンテンツの先頭に見出しを適切に設定していることを確認してください。これは、情報の構造を明確にし、ユーザーがコンテンツを理解しやすくすることを目的としています。見出しは、ページの構造を示し、コンテンツの概要を提供する役割を果たします。
メリット
- 視覚障害のあるユーザー: スクリーンリーダーを使ってページの見出しを素早くナビゲートし、コンテンツの概要を把握できます。
- 認知障害のあるユーザー: コンテンツが整理されていて理解しやすく、重要な情報に素早くアクセスできます。
- すべてのユーザー: 見出しを通じて情報が整理されているため、内容を迅速にスキャンし、興味のある部分を見つけやすくなります。特に、主要コンテンツの先頭に見出しがあることで、ユーザーは一目でそのセクションが何についてのものであるかを理解できます。
達成方法
- 主要コンテンツの先頭に見出しを追加:
- 主要なセクションの開始部分に必ず見出しを配置します。
- 階層的な見出しの使用:
<h1>、<h2>、<h3>などの見出し要素を使用して、ページの構造を階層的に表現します。<h1>はページの主題を示し、以下の見出しはサブセクションを示すべきです。
テスト方法
- 見出しの視覚的確認:
- ページを視覚的に確認し、見出しの階層構造が論理的であるか、各セクションの内容を適切に表しているかを評価します。
- HTML構造の検証:
- ウェブページのHTMLコードを確認し、見出し要素 (
<h1>,<h2>,<h3>, ...) が適切に使われているか、そして階層が正しく構築されているかを検証します。
- ウェブページのHTMLコードを確認し、見出し要素 (