ウェブアクセシビリティ向上への道 - だれもが使えるサイトを目指して -
No.06ウェブアクセシビリティの重要要素をチェックする

[ 月刊『広報』　平成18年1月号掲載 ]

執筆担当
大久保 翌
（おおくぼ あきら）

今号ではホームページのアクセシビリティを確認する方法をご紹介します。簡易なチェックツールを使う方法です。

チェックツールとは？

アクセシビリティのチェック方法は、実はいろいろあります。担当者が自分で確認する、利用者の意見を聞く、専門家に診断を依頼する。どれも長所と短所があり、本来はそれぞれの特徴を踏まえて取り入れるのが望ましい対応です。今回は、担当者が自分で簡便に確認するために、チェックツールを用いる方法をご紹介しましょう。

アクセシビリティが注目されるようになり、多彩なチェックツールが登場していますが、大きく分けて2種類あります。

一つは、アクセシビリティの個別の問題点について、担当者の確認を支援するツール。もう一つは、JIS規格などの数多くの基準に沿って多くの項目を機械的にチェックするツールです。前者は担当者が理解を深めながらきちんと確認するのに適し、後者はページ内の問題点をなんとなく概観したり、ケアレスミスを洗い出したりするのに有効です。

情報伝達度チェッカー

今回題材にする「情報伝達度チェッカー」 （注1） は前者にあたります。アクセシビリティの重要項目について、担当者が手軽にきちんと確認できるという特徴があります。

それでは、情報伝達度チェッカーのチェック項目のなかから、最も重要と思われる「画像の代替」「リンクの内容」の確認方法をご紹介しましょう。ぜひ、ご自分の担当されているページの確認をしてみてください。

画像を置く際に必要な配慮ができているか？

アクセシビリティの基本中の基本といえる画像の代替テキストについて確認をしてみましょう。情報伝達度チェッカーでは、「alt属性チェック」という項目がそれに該当します。チェックを実行すると「alt属性チェック」欄に、画像と代替テキスト（alt属性）の内容が左右に対になって配置されます。

【図1：情報伝達度チェッカーの「alt属性チェック」】

このチェックでは、左側の画像の伝えている内容が、右側の代替テキストによって伝わるかを確認します。左側の画像が見えていない場合を想像して考えてみてください。たとえば、メニューの画像だった場合に、右側の代替テキストによって何のメニューかを理解できるでしょうか？　仮に代替テキストが用意されていても「メニュー画像」とか「ボタン画像」という内容では、何のメニューか理解できないのでアクセシビリティに問題があるということになります。

ちなみに、箇条書きの先頭に置く画像のように“情報としては意味がない画像”もあります。このような画像の場合は、右側に「alt空欄」となっていれば問題ありません。

リンクの内容は分かりやすいか？

リンクを移動することはホームページ利用に欠かせない行為のため、その分かりやすさは大変重要です。情報伝達度チェッカーでは「リンク文章のチェック」という項目で確認します。チェックを実行すると、「リンク文章のチェック」欄にページ内のリンク部分が羅列されます。

【図2：情報伝達度チェッカーの「リンク文章のチェック」】

一つ一つのリンクを読んで、それだけで移動先のページの内容を想像できるかどうかを確認します。たとえば、「こちら」とか「クリック」という内容では、移動先を想像できないのでアクセシビリティに問題があるということになります。英語が乱用されているような場合も、分かりにくさの原因になる可能性があります。

情報伝達度チェッカーには、このほかにもチェック項目があります。また、多くの有用なツールがほかにもたくさんあります （注2） ので試してみてください。
　 なお、いずれのチェックツールも、あくまでも確認補助ツールですので、チェックツールの確認だけで良し悪しを完全に判断できるものではないという点にはご注意ください。冒頭でご説明したとおり、別の観点からの確認を組み合わせるのが最善です。