资 源 简 介
jQueryプラグイン focusBlockSkip
フォーカスしたときにブロックを表示させ、フォーカスが外れたときにブロックを非表示にするjQueryプラグインです。
Why need this Plugin
WCAG 2.0の達成基準の中で 2.4.1 ブロック・スキップ\_の達成基準の項目があります。Techniques for WCAG 2.0での実装方法では各ページの先頭に追加にしなければなりません。
サイトのデザインによれば、ブロック・スキップを非表示にしている場合が多いのではないかと思っているのですが、ブロック・スキップは「見えている」ことが大事です。
そこで、デザインと要件の両方を満たすため、フォーカスした場合のみ、ブロックスキップを表示させ、フォーカスが外れた場合にブロックスキップを非表示にします。
本プラグインは、デザインと達成基準の療法を満たすために開発を目的としました。
設置方法
本プラグインは、jQuery 1.4.2で動作検証をしていますので、 jQuery 1.4.2が必要です。公式サイトから入手してください。入手したら、head要素の範囲以内にjQueryを設置してください。
jQuery download - http://jquery.com/
動作確認
Firefox 3.6.10
Google Chrome 6.0.472.63
Safari 5.0.2
Opera 10.61