ページタイトル:
達成基準 2.4.2 を理解する
この達成基準の意図
この達成基準の意図は、各ウェブページにその内容を示すページタイトルを付けることによって、利用者がコンテンツを見つけやすく、自分の現在位置を確認しやすくすることである。タイトルは、ページのコンテンツを読んだり解釈したりすることを利用者に要求することなしに、現在位置を特定する。タイトルがサイトマップ又は検索結果のリストに表示されたときに、利用者は自分の求めているコンテンツをより素早く確認できるようになる。ユーザエージェントは、利用者がそのページを確認できるように、ページのタイトルを容易に見つけられるようにする。例えば、ユーザエージェントは、そのページタイトルをウィンドウのタイトルバーに表示するか、又はそのページを表示しているタブの名前として表示する。
ページが文書又はウェブアプリケーションの場合、文書又はウェブアプリケーションの名称はページの目的を説明するのに十分だろう。ここで注意すべきなのは、文書又はウェブアプリケーションの名称を使用することを求められていないことである。他の要素によってページの目的又は主題が説明される場合もあるだろう。
達成基準 2.4.4 及び 2.4.9 はリンクの目的を取り扱い、その多くはウェブページへのリンクである。ここでも、リンクされた文書又はウェブアプリケーションの名称がリンクの目的を説明するのに十分だろう。リンクとタイトルが一致する、又は非常に類似したものであることはよい習慣であり、「クリックされた」リンクと利用者が到達するウェブページとの間に連続性を与える。
達成基準 2.4.2 の具体的なメリット:
この達成基準は、そのウェブページにある情報が自分のニーズに関係があるかどうかを、すべての利用者が素早くかつ容易に確認できるようにする。
視覚障害のある利用者が、複数のページが開いているとき、コンテンツを区別できるようになる。
認知の障害、短期記憶障害、及び読字障害のある利用者も、そのページタイトルでコンテンツを確認できるようになる。
この達成基準は、重度の運動障害があり、ウェブページ間を行き来するとき操作モードを音声に依存する利用者にも役立つ。
達成基準 2.4.2 の事例
HTML のウェブページ
HTML で制作したウェブページの内容を示したタイトルが、ユーザエージェントのタイトルバーに表示されるように、title 要素でマークアップされている。
文書
訳注: 以下、英文原文例をそのまま日本語にした。英文では 2005 年の WCAG ドラフト (英語) が参考にされた模様。
WCAG 2.0 解説書のページタイトルが、「ウェブコンテンツ アクセシビリティ ガイドライン 2.0」となっている。
主要なページのページタイトルが、「ガイドライン X を理解する」や「達成基準 X を理解する」となっている。
ドキュメントのページタイトルが、「WCAG 2.0 ガイドライン」となっている。
附録 A のページタイトルが、「用語集」となっている。
附録 B のページタイトルが、「謝辞」となっている。
附録 C のページタイトルが、「参考文献」となっている。
ウェブアプリケーション
あるインターネット銀行のアプリケーションは、利用者が自分の銀行口座をチェックしたり、過去の明細を確認したり、振込をしたりすることができる。そのウェブアプリケーションは、例えば、「ジョン スミスさんの口座: XYZ 銀行」、「口座番号 1234-5678 の取引明細 － 2005 年 12 月: XYZ 銀行」のように、ウェブページごとにページタイトルを動的に生成している。
関連リソース
リソースは、情報提供のみを目的としており、推奨を意味するものではない。
Writing Better Web Page Titles How to write titles for Web pages that will enhance search engine effectiveness.
Guidelines for Accessible and Usable Web Sites: Observing Users Who Work With Screen Readers. Theofanos, M.F., and Redish, J. (2003). Interactions, Volume X, Issue 6, November-December 2003, pages 38-51, http://dl.acm.org/citation.cfm?doid=947226.947227
達成基準 2.4.2 の達成方法及び失敗例 - ページタイトル
この節にある番号付きの各項目は、WCAG ワーキンググループがこの達成基準を満たすのに十分であると判断する達成方法、又は複数の達成方法の組み合わせを表している。しかしながら、必ずしもこれらの達成方法を用いる必要はない。その他の達成方法についての詳細は、WCAG 達成基準の達成方法を理解するの「その他の達成方法」を参照のこと。
十分な達成方法
G88: ウェブページに説明的なタイトルを提供する、かつ、後述のテクニックの一つを使ってウェブページにタイトルを結びつける:
2.4.2 でさらに対応が望まれる達成方法 (参考)
適合のために必須ではないが、コンテンツをよりアクセシブルにするために、次の追加の達成方法を検討することが望ましい。ただし、すべての状況において、すべての達成方法が使用可能、又は効果的であるとは限らない。
ウェブページの主題を特定する（リンク追加予定）
フレームを特定するため意味のある名前を提供する（リンク追加予定）
ウェブページに一意なタイトルを使う（リンク追加予定）
説明的な内容を説明したトップレベルページの見出しを提供する（リンク追加予定）
達成基準 2.4.2 のよくある失敗例
以下に挙げるものは、WCAG ワーキンググループが達成基準 2.4.2 の失敗例とみなした、よくある間違いである。
重要な用語
- ウェブページ (Web page)
単一の URI から HTTP で得た埋め込まれていないリソースに加え、 レンダリングに使われる、又はユーザエージェントがこのリソースと一緒にレンダリングすることを意図しているその他のあらゆるリソースを合わせたもの。
注記 1: どのような「その他のリソース」も主たるリソースと一緒にレンダリングされるであろうが、これらのリソースが同時にレンダリングされるとは限らない。
注記 2: このガイドラインの適合範囲に含まれる対象となるウェブページとみなされるためには、リソースが「埋め込まれていない」リソースでなければならない。
事例 1: すべての埋め込まれている画像とメディアを含んだウェブリソース。
事例 2: Asynchronous JavaScript and XML (AJAX) を用いたウェブメールのプログラム。そのプログラム全体は http://example.com/mail に存在しているが、受信箱、アドレス帳、カレンダーがある。リンクまたはボタンがあり、それを押すと受信箱、アドレス帳やカレンダーを表示するが、ページの URI は全体を通して変わらない。
事例 3: カスタマイズ可能なポータルサイトで、利用者が様々なコンテンツモジュールのセットから表示させるコンテンツを選択できるようなもの。
事例 4: ブラウザで "http://shopping.example.com/" へ行くと、映画のようなインタラクティブなショッピング環境になる。そこでは、視覚的に店内を移動して、店内の棚から商品をドラッグして、目の前にある視覚的な買物カゴに商品を入れる。商品をクリックすると、同時に仕様書が浮き上がるように表示される。これは 1 ページだけのウェブサイトかもしれないし、 ウェブサイトの中のほんの 1 ページなのかもしれない。