解説書 達成基準 2.4.10:セクション見出し (レベル AAA)

要約

目標

コンテンツがどのようなセクションによって構成されているかを、利用者が理解している。

何をすればよいか

コンテンツがセクションによって構成されている場合は、セクション見出しを付ける。

なぜそれが重要か

特に認知障害又は視覚障害のある人々が、ページ上の自分の位置を確認することができる。

意図

この達成基準の意図は、ページがセクションで構成されている場合に、ウェブページのセクションに見出しを提供することである。例えば、長い文書は多くの場合、様々な章に分けられ、章にはサブトピックなどがある。そのようなセクションが存在する場合、それらのセクションを紹介する見出しが必要である。これは、コンテンツの構造を明確に示し、コンテンツ内のナビゲーションを手助けし、そしてコンテンツの理解を助けるメンタルな「取っ掛かり」を提供する。提示を改善するために、ページのその他の要素 (例: 横罫線、囲み罫線) が見出しを補完することもあるが、視覚的提示は文章のセクションを特定するには十分ではない。

この達成基準は、すべての種類のコンテンツに適用できるわけではなく、見出しを挿入することが常に可能であるとも限らないため、レベル AAA に含まれている。例えば、既存の文書をウェブで公開する場合、元の文書に含まれていない見出しは挿入できない。又は、長い手紙には様々なトピックを扱うことが多いが、手紙に見出しを付けるのはとても奇妙なことだろう。しかし、もし文書が見出しの付いたセクションに分割できるならば、理解とナビゲーションの両方が容易になる。

利点

• 全盲の利用者が、ウェブページのあるセクションからいつ別のセクションへ移動したのかが分かるようになり、各セクションの目的が分かるようになる。
• 何らかの学習障害のある人が、ページ全体のコンテンツの構造をより容易に理解するために、見出しを使うことができる。
• キーボードでコンテンツをナビゲートしている利用者が、フォーカスを見出しから見出しへとジャンプできるようになり、関心のあるコンテンツを素早く見つけることができるようになる。
• 一部のコンテンツを更新したページでは、見出しを使うことによって、更新したコンテンツへ素早く到達できるようになる。

事例

• メニューに様々なコース料理の様々なセクションがある。各セクションには、前菜、サラダ、スープ、メイン料理、デザートという見出しがある。
• あるウェブアプリケーションは、関連する設定のグループに分けられた設定ページがある。各セクションには、設定の区分を説明する見出しがある。

関連リソース

リソースは、情報提供のみを目的としており、推奨を意味するものではない。

• WebAIM: Semantic Structure
• Heading Tags

テクニック

この節にある番号付きの各項目は、WCAG ワーキンググループがこの達成基準を満たすのに十分であると判断するテクニック、又は複数のテクニックの組み合わせを表している。しかしながら、必ずしもこれらのテクニックを用いる必要はない。その他のテクニックについての詳細は、WCAG 達成基準のテクニックを理解するの「その他のテクニック」を参照のこと。