WCAG 2.0 達成方法集

Skip to Content (Press Enter)

-

F4: 達成基準 2.2.2 の失敗例 - 5 秒未満で停止させるメカニズムを提供せずに、text-decoration:blink を使用している

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

これらの達成方法 (参考) の使用法及び、それらが WCAG 2.0 達成基準 (規定) とどのように関係するかに関する重要な情報については、WCAG 達成基準の達成方法を理解するを参照のこと。適用 (対象) セクションは、その達成方法の範囲について説明しており、特定の技術に関する達成方法があるからといって、WCAG 2.0 を満たすコンテンツを作成する際に、常にその技術が使用可能であるわけではない。

適用 (対象)

カスケーディングスタイルシート (CSS)

これは、次の達成基準に関連する失敗例である:

ユーザエージェント及び支援技術によるサポート

F4 に関するユーザエージェントサポートノートを参照のこと。

解説

CSS では、text-decoration プロパティに blink という値を定義している。これを用いると、このプロパティを持つ要素のあらゆるテキストが、あらかじめ設定された間隔で点滅する。これは、利用者が中断することはできず、またユーザエージェントの環境設定によって無効にすることもできない。つまり、ウェブページが表示されている限り、点滅は続くことになる。そのため、点滅が 3 秒より長く続く可能性があることから、text-decoration:blink を用いているコンテンツは達成基準を満たしていないことになる。

事例

失敗例 1

製品リストのページで、セール価格に注意を引くため、その要素を text-decoration:blink でスタイル指定している。利用者が点滅をコントロールできないため、このウェブページは達成基準を満たしていない。

コード例:

<p>良品<span style="text-decoration:blink">セール!たったの44,995ドル!</span></p>

参考リソース

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

検証

手順

  1. インラインでのスタイル指定、ドキュメント内のスタイルシート及びドキュメント外部のスタイルシートに、"blink" の値を持つ text-decoration プロパティがある。

  2. プロパティを用いている場合、このプロパティが定義されているセレクタによって特定される ID、クラス又は要素がドキュメント内で用いられている。

期待される結果