LEARN BY EXAMPLE

3.2.6 一貫したヘルプ レベル A

ページを移っても、覚えた順序でヘルプを見つけられるようにする。

概要

連絡先、問い合わせフォーム、よくある質問、チャットボットなど、対象となるヘルプを同じウェブページ一式の複数のページで繰り返す場合は、ほかの内容に対して相対的に同じ順序で配置します。ただし、利用者が表示やレイアウトの変更を始めた場合は除きます。

次のページでも、本文の後にヘルプを見つける

スマートフォンやPCで講座サイトを読み、申し込みに関する疑問を調べる場面です。本文と運営情報に対する「よくある質問」の順序を比べます。

利用者が困る例 ヘルプが本文の前後で移動する

本文の後を探しても、同じヘルプが見つからない。
「申込方法」では本文より前へ移り、ページを探し直す必要があります。

改善した例 両方とも本文の後、運営情報の前

ページA:講座案内

講座サイト

写真入門と文章の書き方の講座をご案内します。

ページB:申込方法

講座サイト

希望する講座を選んで、申込フォームに入力します。内容を確認してから送信してください。

どちらのページも、本文 → よくある質問 → 運営情報

よくある質問

スマートフォンからも申し込めますか。

はい。スマートフォンでも、希望する講座を選んで申込フォームに入力できます。

覚えた順序で、疑問を調べる説明へ進める。
本文の長さが違っても、ヘルプの前後関係を保っています。

図:二つのページに繰り返すヘルプの相対順序を比較。問題側は静止図です。改善側の「よくある質問」リンクでは、図内の同じ説明へ移れます。ヘルプを新たに設置する義務を示す図ではありません。

達成できないと起こる問題の例

認知や学習に障害のある人が、スマートフォンで講座サイトを開き、申し込み方を調べています。「講座案内」では、本文の後、運営情報の前に「よくある質問」へのリンクがありました。

「申込方法」へ移り、スマートフォンからも申し込めるのか確かめようとします。しかし、このページでは同じ「よくある質問」が本文より前にあります。覚えた順序でページの末尾を探しても見つからず、本文を読み返す負担が増え、申し込みを続けるのが難しくなります。

達成するための改善例

同じサイトの「よくある質問」へのリンクを、どちらのページでも本文の後、運営情報の前に置きます。HTMLの構造に沿って順に読む場合も、この前後関係を保ちます。

利用者は、次のページでも本文の後を探せばよいと分かり、申し込みに関する疑問を調べられます。使いやすくする工夫として、見た目の配置もそろえます。

図の改善側では、二つのページの「よくある質問」から、同じ説明へ移れます。本文の長さが違っても、本文と運営情報に対するリンクの順序を保つ例です。

確認のポイント

  • 同じページ一式の複数のページで、対象となるヘルプを繰り返し提供していますか。
  • ヘルプの前後に共通して出る内容を比べ、順番に読んだときの前後関係は保たれていますか。
  • 別ページへのリンクでヘルプを提供する場合、そのリンクの相対的な順序も保っていますか。
  • 画面幅、ズーム、向きが同じ表示同士を比べていますか。
  • ページ移動による変化と、利用者が表示やレイアウトを変えるために行った操作を区別していますか。

条件と補足

対象となる四つのヘルプ

次のいずれかを、同じページ一式の複数のページで繰り返す場合が対象です。四つすべてを用意するという意味ではなく、列挙した順序も優先順位を表しません。

種類 例
人間への連絡先 電話番号、メールアドレス、対応時間
人間への連絡メカニズム 問い合わせフォーム、担当者と話すチャット
自己解決のためのオプション よくある質問、操作方法やサポートのページ
完全に自動化された連絡メカニズム チャットボット

ページに直接情報を置く方法でも、その情報がある別ページへ直接リンクする方法でも提供できます。共通の目的を持ち、同じ制作者・グループ・組織が作るページの集まりが「ウェブページ一式」です。

ヘルプ自体の設置を求める基準ではない

この基準は、ヘルプを新たに設置したり、すべてのページに必ず置いたりすることを求めていません。あるページにヘルプがないことだけで、この基準の失敗にはなりません。提供しているヘルプを複数のページで繰り返すときに、その順序を確認します。

担当者が24時間対応するという要件もありません。利用できる時間を伝えることは、公式解説が挙げる使いやすさの工夫です。フォーム内の入力説明など、その場面に応じたヘルプは、3.3.5「ヘルプ」で扱います。

比べるのは同じ表示条件での相対順序

基準が扱うのは、HTMLの構造に沿って順に読んだときの、ほかの内容とヘルプとの前後関係です。ページの本文が長くなってリンクの座標が変わるだけで、失敗とはしません。読む順序が同じで、見た目の位置だけが異なる場合も、この基準だけでは失敗になりませんが、見つけやすさは別に確かめます。

利用者が画面のズームや向き、表示領域の広さを変えた結果、別のレイアウトになる場合があります。このような利用者起点の変更は例外として扱い、同じ画面幅・ズーム・向きで表示したページ同士の相対順序を比べます。

別ページへの移動だけを、利用者が始めたレイアウト変更とは扱いません。ログインやログアウトも、それにより別のページ一式に移る場合を除き、通常はこの例外の根拠になりません。

参照資料

テクニックは達成する方法の例です。出典の最終確認: 2026-11-09。講座サイトと質問の内容は、この教材のために作った架空の例です。