小見出しのない長いページ

衣料品ショップのヘルプセンターに、「返品と返金」というページがあります。CMSのテキストブロックに一度に書かれたもので、タイトルの下に12の段落が並び、それぞれが一つのことを説明しています。最初の2つは返品の期限、次の3つは返品できる商品、さらに3つは返送の方法、その次の2つは返金、最後の2つは交換と破損した商品についてです。文章はよく書けていて、上から順に読めば分かりやすいページです。

けれども、このページを上から順に読む人はあまりいません。たいていは「返金にはどれくらいかかるか」のような一つの疑問を持って来て、その答えが書かれた部分を探します。目で見る人には、同じような灰色の文章のかたまりが12個見えるだけで、どこから返金の話になるのかを示すものがありません。スクリーンリーダー利用者が見出し一覧を開くか、Hキーで見出しを順に移動すると、出てくるのは「返品と返金 見出しレベル1」の1つだけです。返金にかかる日数は9番目の段落にあり、たどり着くには最初から聞いていくしかありません。

達成基準2.4.10 セクション見出し（レベルAAA）は、セクション見出しを使ってコンテンツを整理することを求めています。その解説書（Understanding）は、ページがセクションに分かれているなら、それぞれに導入となる見出しが必要だと述べています。区切り線や囲みなどの見た目は見出しを補うことはできても、それだけではセクションを示すのに十分ではない、とも書かれています。WCAGの定義では、セクションとは、一つまたは関連する複数の話題を扱う、まとまった文章の一部で、一つの段落だけのこともあります。この返品ページには、返品の期限から破損した商品まで6つのセクションがありますが、どれも見出しで始まっていません。達成方法G141のテストは、まさにこの点を確かめます。セクションに分かれたページを調べ、各セクションに見出しがあるかを確認するものです。

HTMLには、見出しを求める仕組みがありません。h1 が1つと p が12のページは正しいHTMLで、ブラウザーはそのまま表示し、CMSのテキストブロックも入力されたとおりに保存します。本文にどんな話題があるかを知っているのは書いた人だけなので、見出しは書いた人が加えなければ入りません。

これは、ページの構成と食い違う見出しとは別の問題です。そちらは、見出しが見た目では描かれているのにマークアップされておらず、1.3.1を満たしていません。こちらは、マークアップすべき見出しがそもそもありません。

ページを最初から通して読む人は、何も見落としません。影響を受けるのは、長いページの一部だけを探す人です。ヘルプ、ポリシー、規約、ガイドといったページは、よくそのように読まれますが、このページには探す手がかりが何もありません。

10グループ中3グループに影響

• 全盲 （影響あり）
• 弱視 （影響あり）
• 色覚 （影響なし）
• ろう （影響なし）
• 難聴 （影響なし）
• 発話 （影響なし）
• 手の操作 （影響なし）
• 筋力・可動域 （影響なし）
• 認知 （影響あり）
• 光過敏 （影響なし）

• 視覚を使わない 長いページで情報を探すとき、スクリーンリーダー利用者の多くはまず見出しで移動します。このページの見出し一覧にはタイトルしかないため、返金にかかる日数を知るには、最初から8つの段落を聞き続けるしかありません。
• 言語・認知・学習の能力が限られる 拾い読みできる見出しがないため、長い文章を読むのが難しい人も、一つの答えを探すために全文を読むことになります。どこで話題が終わったかも、ページ上に手がかりがないまま覚えておく必要があります。
• 視覚が限られる 大きく拡大すると、一度に見えるのは数行だけです。目を引く見出しがないため、スクロールしても似たような段落が続くだけで、どこから返金の話になるのか分かりません。

ページ上の要素はどれも正しいため、スキャンでは何も報告されません。タイトルが h1 なので axe の page-has-heading-one は合格し、heading-order も比べる見出しが1つしかありません。EaseWebの診断では、メインの内容に6つ以上の段落、または12以上のフォームの欄が、間に見出しを挟まずに続くページを、ew:section-headings-manual-check として確認に回します。段落は合わせて1,000文字以上あるときが対象で、漢字やかなのような全角文字は2文字と数えます。ラジオボタンやチェックボックスは、1グループを1つの欄と数えます。ただし、本文が話題に分かれているかどうかは判断できません。手紙や短い物語は、何ページ続いても見出しが要らないことがあります。どこで話題が始まり、それぞれをどう呼ぶかは、本文を読む人にしか決められません。ツールに見出しを加えてもらったときは、その見出しを読み、各見出しがセクションの実際の内容を表していること、一つの話題を二つに分けたり、段落ごとに見出しを付けたりしていないことを確かめてください。