まほろば

<<前の記事　次の記事>>

アクセシビリティチェック「WebInspector（ウェブインスペクター）」

投稿者：マーチン　 2011年7月21日　
カテゴリ：障碍者全般

　WebInspector（ウェブインスペクター）は、ウェブサイトのアクセシビリティを診断するソフトウェアで、富士通(株)より無料で提供されています。主に、高齢者や視覚に障害のある方にとって重要な問題を指摘します。 （2006年5月18日 Version 5.0 公開）

●インストール方法

(1)【富士通】WebInspector のダウンロード を開き、
(2)ダウンロードしたファイル（ WebInspector511win.exe） を実行する。
(3)”展開先の設定”で、[変更]ボタンをクリックして、「C:￥Program Files」に変更し、[次へ] をクリックする。
(4)”ファイルの展開の完了” で、[完了] をクリックする。
(5)「C:￥Program Files￥WebInspector.exe」を実行する。

●実行例

◆チェック結果
この場合、htmlファイルとCSSファイルの２つがチェックされ、問題数が表示された。

◆問題点概要
チェックしたファイル毎に、優先度で”必須”と”推奨”に分けられ、さらに、”必ず、何らかの修正が必要な問題”と”場合によっては、問題ではない項目”に分類されて、件数が表示されます。

◆詳細(ソースごとにまとめて表示）

●問題点の例

  • ＜noscript＞がありません。＜noscript＞を指定してください。
  • (CSS)で文字のサイズが固定になっています。
  • (CSS)で行間を固定しないでください。
  • (CSS)で指定した行間が足りません。110%以上にしてください。
  • onclick属性を使用しています。キーボードだけで操作できることを確認してください。
  • 弱視者(白内障者)の基準で、背景色と文字色のコントラストが足りません。
  • 色覚特性(第一色覚-赤)の基準で、背景色と文字色のコントラストが足りません。
  • ステータスバーに情報を表示しないでください。
  • ＜a＞のtarget属性に_blankを指定しています。

◆関連記事
【まほろば】アクセシビリティチェックサイト「HAREL（ハレル）」

◆関連サイト
【INTERNET Watch】富士通、Webアクセシビリティを診断・修正できる「WebInspector Pro」

<<前の記事　次の記事>>

↑