WCAG 2.0 実装方法集

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

-

F50: 達成基準 2.2.2 の不適合事例 - 点滅させるスクリプトを用いていて、その点滅を5秒以内に停止させるメカニズムがない

適用(対象)

スクリプトで制御されたコンテンツの点滅をサポートするウェブコンテンツ技術

これは、次の達成基準に関連する不適合事例である:

解説

スクリプトを用いてコンテンツの表示、非表示を定期的に切り換えることで、コンテンツを点滅させることができる。スクリプトが5秒以内に点滅を止めるためのメカニズムを含まない場合は不適合となる。点滅を停止させるための実装方法をどのように修正するかについての情報はSCR22: スクリプトを用いて、点滅を制御し、5秒以内に停止させる (Scripting) を参照。

事例

不適合事例 1

以下の例では点滅するコンテンツのためにスクリプトが使用されているが、点滅は5秒後に止まるのではなく、無期限に点滅し続ける。

コード例:


...
<script type="text/javascript">
<!--
// 点滅「on」状態
function show()
{
	if (document.getElementById)
	document.getElementById("blink1").style.visibility = "visible";
	settime-out("hide()", 450);
}
// 点滅「off」状態
function hide()
{
	if (document.getElementById)
	document.getElementById("blink1").style.visibility = "hidden";
	settime-out("show()", 450);
}
// 開始
show();
//-->
</script>
...
<span id="blink1">このコンテンツは点滅します。</span>

検証

チェックポイント

点滅しているそれぞれのインスタンスに対して:

  1. 点滅が5秒以内で止まる。

判定基準

1.を満たしていない場合、コンテンツは達成基準を満たしていないことになる。

日本語訳における注記:

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