適用 (対象)
スクリプトをサポートしているすべてのコンテンツに適用
ユーザエージェント及び支援技術のサポートの注記
- 記載なし。
これは、次の達成基準に関する達成方法である:
- 達成基準 2.1.1: キーボード (失敗)
- 達成基準 2.4.7: フォーカスの可視化 (失敗)
- 達成基準 3.2.1: フォーカス時 (失敗)
解説
通常はキーボードでアクセスした場合フォーカスを受け取るコンテンツが、スクリプトによってフォーカスを失うことがある。これは、デザイナーがシステムのフォーカスインジケータを見えなくしようとするときに時々起きる。しかしながら、システムのフォーカスインジケータは、キーボード利用者のアクセシビリティにおける重要な一部分である。また、これを実行することによってフォーカスが完全に取り除かれると、コンテンツにはマウスのようなポインティングデバイスでしかアクセスできなくなる。
事例
例 1
<input type="submit" onFocus="this.blur();">
例 2
<a onFocus="this.blur()" href="Page.html"><img src="myImage.gif"></a>
例 3
<a href="link.html" onfocus="if(this.blur)this.blur();">Link Phrase</a>
検証
手順
- キーボードを使用して、すべてのインタラクティブな要素にキーボードでアクセスできることを確認する。
- それぞれの要素がフォーカスされたとき、利用者がフォーカスを移動するまでフォーカスがそこに残っていることを確認する。
期待される結果
- #2 の結果が偽である場合、この失敗例の条件は適用され、コンテンツは達成基準の失敗となる。