誰でも見やすいサイト作成のために - アクセシビリティ向上させるツール群

      [2004/02/18]

    富士通は、視覚障害者・色弱者のアクセシビリティ向上を狙ったソフトウェアツール群「Fujitsu Accessibility Assistance(富士通・アクセシビリティ・アシスタンス)」の提供を開始する。18日から同社Webサイトで公開、無償でダウンロード提供する。

    今回のツール群は、Webデザイナーやプレゼンテーション資料を作成するオフィスワーカーなどを対象に配布されるもので、以下の3ツールが提供される。

    1. 文字や動画像の色合いが色弱者にどのように見えているかシミュレーションする「ColorDoctor 1.0」
    2. 背景色と文字色の最適な組み合わせをリアルタイムに選択できる「ColorSelector 3.0」
    3. Webサイトの作り方が視覚障害者・色弱者であっても読みやすいか診断する「WebInspector 3.0」

    同社では従来からWebアクセシビリティの向上に力を入れており、2002年には指針を策定・公表、その診断ツールである「WebInspector2.0」を翌年7月に公開していた。

    ColorDoctor 1.0は、色のアクセシビリティをチェックするソフトで、Webブラウザやディスプレイ上の表示内容を、グレースケール・色覚障害(赤/緑/青)の見え方に変換する。Flashなどの動画も変換できる。さらにWebサイトだけでなく、PCのディスプレイ上に表示されたものであればすべてのカラーを変換、チェックすることができる。WebサイトであればURLを指定してサイトを表示、[画像を変換]ボタンをクリックするだけでいい。表示される画面をリアルタイムに変換することも可能だ。Windows XPのみで動作する。

    ColorDoctor 1.0。「×」印は、文字色と背景色の組み合わせが、一部の視覚障害者・色弱者に読みにくくなるもの。右では白内障の場合、文字色と背景色の組み合わせが見えにくいことを示している


    ColorSelector 3.0。左側が元のWebサイト、右側がグレースケールに変換したもの

    ColorSelector 3.0は、背景色と文字色を選択、その組み合わせが見やすいかどうかを判定してくれるソフト。Webサイト以外でもプレゼンテーション資料、グラフィックデザイン、ムービータイトルなど、2色を組み合わせたコンテンツを作成する場合のチェックに役立つ。カラーパレット上で色を選択し、たとえば文字色を決定すると、自動的にそれに適さない背景色に「×」マークが表示されるので、チェックは非常に簡単だ。同社では、携帯電話などの画面デザインでも活用しているそうだ。Windows 98/Me/NT4.0/2000/XP、またはMac OS X 10.2.3以降で動作する。

    WebInspector 3.0は、「富士通ウェブ・アクセシビリティ指針」に基づいて、Webサイトが誰にとっても読みやすいかどうかを診断する。HTMLだけでなく、新たにCSSの診断にも対応。大量のHTMLファイルも一気に診断することができるほか、音声ブラウザで読み上げにくい、日付や時刻の書き方なども検出してくれる。URL、またはファイル・フォルダを指定するだけでチェックが行える。対応OSはColorSelectorと同様だ。

    WebInspector 3.0。左はURL、またはファイル・フォルダの選択画面。右は診断結果。結果はHTMLで出力される

    関連記事

    関連サイト

    新着記事

    特設サイトの情報

      人気記事

      一覧

        イチオシ記事

        新着記事

        特別企画

        マイナビニュースマガジン