ウェブヘルパー 点検項目詳細説明(一部抜粋)
点検番号(1.1.1) 「画像の代わりとなるテキストが用意されていません。」
1.アクセシビリティ上の問題点
画像の代わりとなるテキストが用意されていないため、画像が表示できない場合に、画像が表現している内容が伝わらない可能性があります。
具体的には、以下のような環境が想定されます。
・読み上げツールを使用している場合。
・点字ディスプレイなど、内容を点字で表現する装置を使用している場合。
・テキストしか表示できないブラウザを使用している場合。
・一般的なブラウザで、画像を表示させない設定にしている場合。
この問題は[優先度1]です。以下の修正方法に従って、必ず修正するようにしてください。
2.問題点の修正方法
画像には、表示することができない場合でも内容が伝わるように、内容を説明するテキストを準備して下さい。
これは<img>タグの属性として、alt="~"の形式で画像の内容説明をする代替テキストを記述することで実現されます。
例えば以下の例では、家族の写真を画像として掲載している場合を想定しており、代替テキストとして「私の家族」というテキストを記述しています。
<img src="family.jpg" alt="私の家族">
ホームページの読み上げツールなどでは、このテキストが読み上げられます。
また一般的なブラウザで画像を表示させない設定にしている場合は、このテキストが表示されます。
なお画像の代わりとなるテキストは、なるべく簡潔で分かりやすい表現が望まれます。
ウェブヘルパーでは、全角で75文字を超えるテキストがaltに記述されていた場合、点検結果として×を表示します。
もし長い説明が必要な場合には、<img>タグの属性として、longdesc="~"の形式で、説明文へのURLを指定するようにしてください。
またテキストファイルは、画像が持っている役割や機能を伝えるものにしてください。
画像のファイル名やファイルサイズをaltに記述することは、音声で読み上げられた場合に、画像の役割や機能が伝わらないことが予想されるので、使用しないようにしてください。
なお画像に意味がない場合(スペーサに用いる場合など)は、alt=""のように半角のスペースを記述して下さい。
点検番号(7.1.1) 「画面の明滅する機能が使用されています。」
1.アクセシビリティ上の問題点
光過敏性てんかんのある人は、画面の明滅や、明暗の急激な切り替わりをきっかけに発作を起こす場合があります。
※現在のブラウザでは、利用者側で画面の明滅を止めるなどの調整ができないため、制作者側での配慮が必要となります。
この問題は[優先度1]です。以下の修正方法に従って、必ず修正するようにしてください。
2.問題点の修正方法
画面の明滅は、てんかんの発作を引き起こす原因になるため、ブラウザの設定などにより、画面の明滅を止めることができるようになるまでは、明滅(フリッカー)の機能は使用しないでください。
特に以下のものは使用してはいけません。
・1秒間に4~59回(Hz)の点滅
・ストロボ光のような、暗いものから明るいものへの急な切り替わり
点検番号(1.1.10) 「スクリプトの代わりとなるテキストが用意されていません。」
1.アクセシビリティ上の問題点
スクリプトの代わりとなるテキストが用意されていないため、古いブラウザなどスクリプトに対応していない場合に、内容が伝わらない可能性があります。
例えば、1分毎に画像が変わるスクリプトを使用している場合、スクリプトに対応していないブラウザではその画像の内容が全く伝わりません。
スクリプトで表現される内容が伝わらない例:
・スクリプトに対応していない読み上げツールを使用している場合。
・スクリプトに対応していない点字ディスプレイなどを使用している場合。
・古いブラウザでスクリプトに対応していない場合。
・一般的なブラウザで、スクリプトを機能させない設定にしている場合。
この問題は[優先度1]です。以下の修正方法に従って、必ず修正するようにしてください。
2.問題点の修正方法
スクリプトを用いる場合は、スクリプトを使用できない場合を考慮して、 <noscript>~</noscript>間に、スクリプトで表現している内容を説明するテキストを記述するか、代わりとなる役割を果たすファイルを用意し、そこへのリンクを設けてください。
<noscript>の記述例:
<script type="text/javascript">
<!・・
document.write("現在時刻:");
document.write(Date());//・・>
</script>
<noscript>
<p>このページでは、JavaScriptを使って時刻を表示しています。<br>
JavaScriptをご使用いただけない環境の方は、<a href="no_script.html">通常のページ</a>をご覧下さい。</p>
</noscript>
点検番号(12.1.1) 「各フレームにタイトルが用意されていません。」
1.アクセシビリティ上の問題点
各フレームにタイトルが用意されていないため、フレームを視覚的に確認できない場合などに、フレームの特定や操作が難しくなる可能性があります。
フレームを使用すると、1つのページを異なる複数の区域によって編成することができますが、これを視覚的に確認できない場合、各フレームの内容を同時に把握することができません。
フレームを視覚的に確認できない例:
・読み上げツールを使用している場合。
・点字ディスプレイなど、内容を点字で表現する装置を使用している場合。
※フレームを用いる際には、視覚的にフレームを確認できない場合でも各フレームの内容や相互関係を理解できるように、配慮する必要があります。
この問題は[優先度1]です。以下の修正方法に従って、必ず修正するようにしてください。
2.問題点の修正方法
フレームを用いる際には、音声で読み上げられた場合などでも内容が伝わるように、各フレームにその内容を示すタイトルをつけてください。
<frame>タグの中に「title="~"」の形式でタイトルを記述してください。
※上記内容は総務省のウェブヘルパーの詳細説明を一部抜粋したものです。