達成基準 3.2.5 の失敗例 - 利用者が要求していないウィンドウを開く

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

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

適用 (対象)

全般

これは達成基準 3.2.5: 要求による変化 (失敗) に関する達成方法である。

解説

利用者が期待しないときに、新しいウィンドウが開くことによる失敗例。新しいウィンドウは、利用者が閲覧又は操作している場所からフォーカスを奪ってしまう。利用者がユーザインタフェースを操作したことで、オプションダイアログのように新しいウィンドウが開くことがわかっている場合は問題にならないが、予期せずポップアップウィンドウが開いてしまう場合がには問題となる。

事例

例 1

ウェブページをナビゲートしているとき、新しいウィンドウが既存のユーザエージェントのウィンドウの前面に現れ、フォーカスが新しいウィンドウに移動する。

例 2

利用者がリンクをクリックすると、新しいウィンドウが現れる。元のリンクには新しいウィンドウを開くことを予告するテキストがない。

例 3

利用者がウェブページのボディをクリックすると新しいウィンドウが現れる。クリックしたエリアに機能があるということは全く示されていない。

例 4

ウェブページ内の装飾されてないテキストを利用者がクリックすると、新しいウィンドウが開く。ウェブページにはそのエリアに機能があるという視覚的な表示は何もない。

検証

手順

  1. ウェブページを表示させる。
  2. 新しい (追加の) ウィンドウが開くかどうかを確認する。
  3. ウェブページ上のリンク及びボタンのような、アクションのある要素を探し出す。
  4. 各要素を操作する。
  5. 要素を操作すると新しいウィンドウが開く。
  6. 新しいウィンドウを開く要素にウィンドウを開くことを示す関連づけられたテキストがあるかどうかを確認する。そのテキストはリンクの中に表示されている、又は HTML の title 属性といった非表示の関連づけで利用できる。
訳注

title 属性に依存するような用法は、 HTML 仕様の The title attribute にも記載されているように、推奨されない。

期待される結果

  • #2 の結果が真である場合、この失敗例の条件は適用され、そのコンテンツは達成基準の失敗となる。
  • #5 の結果が真でありかつ #6 の結果が偽である場合、この失敗例の条件は適用され、そのコンテンツは達成基準の失敗となる。