適用 (対象)
新しいウィンドウを開くウェブページ
これは、次の達成基準に関する達成方法である:
- 達成基準 3.2.1: フォーカス時 (参考)
- 達成基準 3.2.5: 要求による変化 (参考)
解説
この達成方法の目的は、ウェブコンテンツ内で新しいウィンドウ又はタブを開く、リンクもしくはボタンの使用を限定することである。一般的に、新しいウィンドウやタブを開かないほうがよい。なぜなら、特に視覚的なコンテンツを知覚するのに困難を伴う利用者をはじめ、利用者にとっては混乱の原因となりうるからである。しかし、アクセシビリティの観点から、新しいウィンドウやタブを開くことが望ましい状況というのもある。例えば、次の二つのような場合である:
- ヘルプの説明文のような文脈依存の情報を含むページ、又はカレンダーベースのデートピッカー (日付選択) のようなフォーム入力代替手段を開く際に、それらが同じウィンドウ又はタブで開かれてしまうと、フォームを入力して送信するようなマルチステップのワークフローを著しく中断させることになる。
- 利用者がセキュアなサイトにログインしていて、そのサイト外にあるページへのリンクをたどっていくとログインした状態が打ち切られてしまう。この場合、外部へのリンクを別のウィンドウで開くことによって、利用者は元のウィンドウでログインした状態を保ちながら関連するリソースにアクセスすることができるようになる。
リンク先のウェブページが新しいウィンドウで開かれる際には、利用者に事前に知らせることが推奨される。
事例
例 1: オンラインフォーム
各入力項目に対するコンテキストに応じたヘルプをフォーム上で提供するには文字量が多すぎるため、別のウェブページで提供しているオンラインフォームがある。すでに入力済みのフォームデータが失われないように、コンテキストに応じたヘルプへのリンクは新しいウィンドウ又はタブを開くようになっている。
例 2: セキュアなウェブサイト
セキュアなウェブサイト内のあるウェブページにセキュアなセッション外にあるウェブページへのリンクがある。そのリンクを同じウィンドウで開くとセキュアなセッションが無効になってしまうため、新しいウィンドウ又はタブで開くようになっている。
例 3: デートピッカー (日付選択)
オンラインフォームに日付のフィールドがあり、利用者は日付を入力するか、別ページのカレンダーを用いたデートピッカーから日付を選択することができるようになっている。すでに入力済みのフォームデータが失われないように、カレンダーを用いたデートピッカーへのリンクは新しいウィンドウ又はタブを開くようになっている。
参考リソース
参考リソースは、あくまでも情報提供のみが目的であり、推薦などを意味するものではない。