日本IBMはWebサイトのアクセシビリティをチェックするツールaDesignerの無償ダウンロード提供を開始した。aDesignerは、弱視、色覚異常、白内障、全盲など、視覚障害者のアクセシビリティやユーザビリティのチェックに特化したツールだ。Windows 2000/XP上で動作する。

従来のアクセシビリティチェックツールでは、何らかのアクセシビリティ指針への準拠度チェックが中心だったが、aDesignerでは、全盲のユーザーなどが使用する音声ブラウザによるアクセスのしづらさや、弱視、色覚異常、白内障ユーザーの画面の見え方などをシミュレートし、Web制作者が制作しているページのアクセシビリティをビジュアルで確認できるのが特長。もちろん各種指針への準拠度チェックも行える。

aDesignerは音声モードとロービジョンモードの2つに大きく分かれている。

音声モード

音声モードでは、全盲のユーザーが音声ブラウザなどで画面を合成音声で聞き取る際の問題点をシミュレートする。［ファイル］→［開く］でURLかファイル名を指定して、現在Web上にあるページや制作中のページを読み込むと、aDesignerの左側の画面に通常のWebページが表示される。次に［Setting］で音声ブラウザ出力モードかレイアウト保存モードかを選択する。

音声ブラウザ出力モードを選択した場合は、画面右に音声ブラウザでの読み上げ順にテキストが表示される。レイアウト保存モードを選択では「到達時間の視覚化」「アクセシビリティ関連タグを色分け」「テーブル構造を視覚化」を設定できる。

到達時間とは、音声ブラウザでWebページの先頭からその要素の読み上げに到達するまでにかかる時間を指す。音声ブラウザでは、視覚的なブラウザのようにすべての情報を一度に閲覧できないため、この読み上げまでにかかる時間が重要になる。到達時間は各要素の色分けによって視覚化され、到達時間が短い要素は明るく表示、到達時間が長くなるにつれて背景色が濃くなる。許容最大到達時間を超える要素はすべて真っ黒な背景色となる。重要な要素が濃い色や真っ黒で表示されているような場合は、音声ブラウザのユーザーがそのコンテンツにたどりつくのに時間がかかり過ぎることを示し、ページデザインの見直しが必要になる。その是非が視覚的、直感的に分かるのが特長だ。

「アクセシビリティ関連タグを色分け」では、音声ブラウザで聞き取る際に補助的な役割を果たすテーブルヘッダタグや見出しタグなどを色分けして表示できる。「テーブル構造を視覚化」では、テーブル構造の境界を表示する。複雑なテーブル構造の場合、視覚的なブラウザで見える順序と音声ブラウザで聞き取る順序が異なることがあり、その把握などの役に立つ。レイアウト保存モードで［Setting］を実行すると、画面の右側に指定した内容を視覚化したページレイアウトが表示される。

画面下部左には各種のアクセシビリティ指針と照合した結果の問題点の一覧表、画面下部右には準拠度、ナビゲーションのしやすさ、聞き取りやすさのグラフが表示される。対応している指針はWebWCAG(Web Content Accessibility Guidelines)、米国リハビリテーション法508条、日本工業規格(JIS) X8341-3、IBM Web・アクセシビリティ・チェックリスト(IBM独自の指針)の4つで、このうちの1つを選択できる。

ロービジョンモード

ロービジョンモードでは、弱視、色覚異常、水晶体透過率(白内障)の場合に、どのように見えるのかをシミュレートする。［Setting］で視力の程度、色覚異常の種類、水晶体透過率を選択する。実行すると、音声モードの場合と同様に画面右側にシミュレート結果が表示される。

また、画面下部の一覧表には固定フォントの問題(ブラウザの設定では拡大できないようなフォントが使われており、弱視のユーザーに見えにくい)、小さい文字の問題(ブラウザで指定できる範囲でフォントを最大にしても弱視のユーザーには見えにくい)、テキストの色の問題(文字色と背景色が、色覚異常ユーザー、白内障ユーザーにとって区別しづらい)、画像の色の問題(画像の中に、色覚異常ユーザー、白内障ユーザーにとって区別しづらい色が含まれている)が、画面右下には全体的なアクセシビリティのレートと、問題が多い個所のマップが表示される。

従来のアクセシビリティチェックツールが文字による指摘中心だったのに対し、なかなか理解しにくい視覚障害の問題点をビジュアルで確認できる点がデザイナーにとっては便利なツールと言えるだろう。aDesignerは、alphaWorksのサイトからダウンロードできる。