WCAG 2.0 実装方法集

メインコンテンツへスキップ

-

F55: 達成基準 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();">リンクの文言</a> 

参考リソース

この実装方法に関するリソースは、今のところない。

(今のところ、なし。)

検証

チェックポイント

  1. キーボードを使用して、すべてのインタラクティブな要素にキーボードでアクセスできる。

  2. それぞれの要素がフォーカスされたとき、利用者がフォーカスを移動するまでそこに残っている。

判定基準

日本語訳における注記:

この文書の正式版は、W3Cサイトで公開されている英語の文書であり、この日本語訳には誤訳が含まれていることもありえます。なお、文中にある「日本語訳における注記」は、W3Cの原文にはないものであり、日本語訳監修者が追記したものです。