必要なときにのみリンク先を新しいウィンドウ及びタブで開く

達成方法に関する重要な情報

達成方法に関する重要な情報

この達成方法 (参考) の使用法と、この達成方法が WCAG 2.1 達成基準 (規定) とどのように関係するのかに関する重要な情報については、WCAG 達成基準の達成方法を理解するを参照のこと。適用 (対象) のセクションは、その達成方法の範囲について説明しており、特定の技術に関する達成方法の存在は、その技術があらゆる状況で WCAG 2.1 を満たすコンテンツを作成するために使用できることを意味するものではない。

適用 (対象)

新しいウィンドウを開くウェブページ

これは、次の達成基準に関する達成方法である:

解説

この達成方法の目的は、ウェブコンテンツ内で新しいウィンドウ又はタブを開く、リンクもしくはボタンの使用を限定することである。一般的に、新しいウィンドウやタブを開かないほうがよい。なぜなら、特に視覚的なコンテンツを知覚するのに困難を伴う利用者をはじめ、利用者にとっては混乱の原因となりうるからである。しかし、アクセシビリティの観点から、新しいウィンドウやタブを開くことが望ましい状況というのもある。例えば、次の二つのような場合である:

  1. ヘルプの説明文のような文脈依存の情報を含むページ、又はカレンダーベースのデートピッカー (日付選択) のようなフォーム入力代替手段を開く際に、それらが同じウィンドウ又はタブで開かれてしまうと、フォームを入力して送信するようなマルチステップのワークフローを著しく中断させることになる。
  2. 利用者がセキュアなサイトにログインしていて、そのサイト外にあるページへのリンクをたどっていくとログインした状態が打ち切られてしまう。この場合、外部へのリンクを別のウィンドウで開くことによって、利用者は元のウィンドウでログインした状態を保ちながら関連するリソースにアクセスすることができるようになる。

リンク先のウェブページが新しいウィンドウで開かれる際には、利用者に事前に知らせることが推奨される。

事例

例 1: オンラインフォーム

各入力項目に対するコンテキストに応じたヘルプをフォーム上で提供するには文字量が多すぎるため、別のウェブページで提供しているオンラインフォームがある。すでに入力済みのフォームデータが失われないように、コンテキストに応じたヘルプへのリンクは新しいウィンドウ又はタブを開くようになっている。

例 2: セキュアなウェブサイト

セキュアなウェブサイト内のあるウェブページにセキュアなセッション外にあるウェブページへのリンクがある。そのリンクを同じウィンドウで開くとセキュアなセッションが無効になってしまうため、新しいウィンドウ又はタブで開くようになっている。

例 3: デートピッカー (日付選択)

オンラインフォームに日付のフィールドがあり、利用者は日付を入力するか、別ページのカレンダーを用いたデートピッカーから日付を選択することができるようになっている。すでに入力済みのフォームデータが失われないように、カレンダーを用いたデートピッカーへのリンクは新しいウィンドウ又はタブを開くようになっている。

参考リソース

参考リソースは、あくまでも情報提供のみが目的であり、推薦などを意味するものではない。

Beware of opening links in a new window

Top-10 New Mistakes of Web Design