ブロックスキップ:
達成基準 2.4.1 を理解する
この達成基準の意図
この達成基準の意図は、コンテンツを通して順を追ってナビゲートする人に対して、ウェブページの主たるコンテンツへより直接的なアクセスをできるようにすることである。ウェブページ及びウェブアプリケーションには、他のページ又は画面でも現れるコンテンツがしばしばある。コンテンツの中で繰り返されているブロックの例には、ナビゲーションリンク、見出しのグラフィック、及び広告のフレームなどを含むが、これに限定されるものではない。個々の単語、フレーズ、又は単独のリンクなどの小さな繰り返されるセクションは、この達成基準が意図するブロックとはみなされない。
これは、目の見える利用者が画面の中央 (通常はメインコンテンツが現れるところ) に注目して繰り返される要素を無視したり、マウスクリック 1 回でリンクを選択したりすることによって、選択したい要素より前にあるリンクもしくはフォームコントロール全てに出会わずに済ませる能力があることとは、対照的なものである。
この達成基準の意図は、コンテンツ制作者にユーザエージェントが提供している機能と重複する手段を提供するように求めることではない。ほとんどのウェブブラウザは、利用者がフォーカスをページの先頭に移動するためのキーボードショートカットを提供しているので、ナビゲーションリンク一式をウェブページの下部で提供している場合は、「スキップ」リンクの提供は不要かもしれない。
注記: この達成基準は、複数のページ上で繰り返されているコンテンツのブロックを扱っているが、単独のページにおいて、達成基準 1.3.1 にあるように、構造をマークアップすることも強く推奨する。
この達成基準では、「ウェブページ一式において」という用語は使用していないものの、ひとつのまとまりに属するページの考え方が示唆される。相互になんらかの関係がない二つのページにおいて、コンテンツの重複を避けることが期待されるということはないだろう。なぜなら、これらは「共通の目的を共有し、同じコンテンツ制作者、グループ、又は組織により制作されたウェブページの集合」(ウェブページ一式の定義) ではないからである。
注記: たとえひとつのまとまりに属さないウェブページであっても、ウェブページがページ内で繰り返されるテキストのブロックを持つ場合、そのブロックをスキップするための手段を提供することは (必須ではないが) 有用かもしれない。
達成基準 2.4.1 の具体的なメリット:
この達成基準を満たしていない場合、何らかの障害のある利用者がウェブページのメインコンテンツへ素早くかつ容易に到達するのが困難になることがある。
同じサイト上でいくつかのページを訪れるスクリーンリーダーの利用者は、メインコンテンツが読み上げられる前に、ページごとのすべての見出しのグラフィック及び多数のナビゲーションリンクを聞かざるを得ない状態を回避できる。
キーボード又はキーボードインタフェースのみを使用している人が、より少ないキーストロークでコンテンツに到達できる。そうでなければ、メインコンテンツ領域にあるリンクに到達する前に多数のキーストロークが必要になってしまうかもしれない。これは長い時間がかかってしまう恐れがあり、利用者にとって深刻な肉体的苦痛を引き起こすことがある。
画面拡大ソフトを使用している人は、新しいページに入るたびに、コンテンツが始まる場所を見つけるために、同じ見出し又はその他の情報のブロックの中を探す必要がない。
リンクがリストとしてグループ化されていると、認知障害のある人にも、スクリーンリーダーを使用している人にも役立つことがある。
達成基準 2.4.1 の事例
報道機関のホームページには、ページの中央にメインの記事があり、周囲を広告、検索、その他のサービス向けの多数のブロック及びサイドバーに囲まれている。ページの先頭に、そのメインの記事へジャンプするリンクがある。このリンクを使用しない場合、キーボードの利用者は、メインの記事へ到達するまでに約 40 のリンクを Tab キーで処理する必要がある。スクリーンリーダーの利用者は、200 単語を聞く必要がある。そして、画面拡大ソフトの利用者は、メインの記事の場所を探し回らなければならなくなる。
達成基準 2.4.1 の達成方法及び失敗例 - ブロックスキップ
この節にある番号付きの各項目は、WCAG ワーキンググループがこの達成基準を満たすのに十分であると判断する達成方法、又は複数の達成方法の組み合わせを表している。しかしながら、必ずしもこれらの達成方法を用いる必要はない。その他の達成方法についての詳細は、WCAG 達成基準の達成方法を理解するの「その他の達成方法」を参照のこと。
十分な達成方法
次の達成方法の中から一つを用いて、繰り返されるブロックをスキップするリンクを作成する:
次の達成方法の中から一つを用いて、スキップ可能な方法で繰り返されるブロックをグループ化する:
2.4.1 でさらに対応が望まれる達成方法 (参考)
適合のために必須ではないが、コンテンツをよりアクセシブルにするために、次の追加の達成方法を検討することが望ましい。ただし、すべての状況において、すべての達成方法が使用可能、又は効果的であるとは限らない。
重要なリンク及びフォーム制御へのキーボードアクセスを提供する（リンク追加予定）
ページナビゲーションに拡張したスキップリンクを提供する（リンク追加予定）
アクセスキーを提供する（リンク追加予定）
ユーザエージェント及び支援技術による構造化されたナビゲーションを与えるアクセシビリティ サポート技術を使う（リンク追加予定）
達成基準 2.4.1 のよくある失敗例
以下に挙げるものは、WCAG ワーキンググループが達成基準 2.4.1 の失敗例とみなした、よくある間違いである。
(今のところ、文書化された失敗例はない)
重要な用語
- ウェブページ (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 ページなのかもしれない。
- メカニズム (mechanism)
結果を得るためのプロセス又は手法。