富士通

使い方

WebInspector 5.1の使い方

WebInspectorは、ウェブサイトのアクセシビリティを診断します。主に、高齢者や視覚に障害のある方にとって重要な問題を指摘します。ここではWebInspectorの使い方をステップ形式でご紹介します。



Step1

WebInspectorをパソコンにダウンロードし、インストールしてください。

WebInspectorのダウンロード 


Step2

Windowsでご使用の場合
インストール先の「Fujitsu WebInspector」フォルダ内にある、WebInspector.exeをクリックします。

Macintoshでご使用の場合
インストール先の「Fujitsu WebInspector」フォルダ内にある、WebInspectorをクリックします。


Step3

環境設定

チェックを開始する前に、WebInspectorの環境を設定します。

1. 〔環境設定〕をクリックします。


2. 〔HTMLブラウザを使用する〕にチェックが入っていることを確認します。

3. 〔ブラウザのパス〕に「explorer.exe」と表示されていることを確認します。

4. プロキシサーバを使っている場合は、〔プロキシを使用する〕にチェックを入れ、プロキシサーバのアドレスとポートを設定します。

5. 〔チェック結果に表示する項目〕にチェックを入れ、〔OK〕をクリックします。



Step4

チェック方法

1. チェック対象を選択します。

2. 〔ファイル/フォルダ〕から指定する場合、〔参照〕をクリックし、チェック対象の任意のファイルを選択します。また、そのフォルダの階層にあるサブフォルダも含めて、チェックするかどうかを指定できます。

3. 〔URL〕から指定する場合、直接URLを入力します。

4. 〔チェックに使用する指針〕から、チェックする指針を選択します。「JIS X 8341-3 高齢者・障害者等配慮設計指針」 「富士通ウェブ・アクセシビリティ指針第2.01版」の2つの指針が利用できます。

5. 〔チェック開始〕をクリックします。チェックが完了すると「チェック結果を開きます」のメッセージが表示されます。


6. 〔OK〕をクリックするとブラウザが起動し、チェック結果が表示されます。



Step5

チェック結果

チェックしたファイル名と問題点の詳細が表示されます。

画面で確認をクリックすると、チェック対象のウェブページが別のウィンドウに表示され、チェック箇所を赤線の点滅で知らせてくれます。ウェブページで確認することができないチェック箇所の場合は「‐(ハイフン)」が表示され、該当するHTMLソースの行の内容のみが表示されます。