ウェブヘルパー Ver1.0
利用マニュアル 2003.5.19 版

第２章 アクセシビリティ点検を行う

31

ウェブヘルパー Ver1.0
利用マニュアル 2003.5.19 版

ウェブヘルパー Ver1.0 には、以下の５つの機能があります。

ウェブヘルパー Ver1.0 のメイン機能①【アクセシビリティ点検】機能

HTML のアクセシビリティの点検を行うための、一番基本的な機能です。
点検対象となる HTML を１つ指定することで、指定した HTML がどれくらいアクセシビリティを考慮して作られているかを点検し、その結果を表示します。

目的別簡易チェック機能②【フォルダ一括簡易チェック】機能③【文章構造チェック】機能
アクセシビリティ点検機能のような網羅的な点検はできませんが、ある特定の点検項目に関してのみ点検する場合に使うと便利な機能です。
フォルダ内の複数のファイルを一度に点検できる【フォルダ一括簡易チェック】機能と、見出し要素（タグ）について点検する【文書構造チェック】機能があります。

目的別簡易編集機能④【タイトルエディタ】機能⑤【ＡＬＴエディタ】機能
アクセシビリティ確保の観点から、HTML ファイルの編集に使うと便利な機能です。
複数のファイルのタイトルが適切に付けられているかを確認しながら必要に応じて修正できる【タイトルエディタ】機能と、一つのファイル内の画像（IMG 要素）に付けられている ALT 属性を確認しながら必要に応じて修正できる【ALT エディタ】機能があります。

以下では、それぞれの機能の利用方法について順番に説明します。
まず最初に、一番基本的な機能である【アクセシビリティ点検】機能を使って、HTMLコンテンツのアクセシビリティを点検してみましょう。

32

ウェブヘルパー Ver1.0
利用マニュアル 2003.5.19 版

６【アクセシビリティ点検】全体の手順

ウェブヘルパー Ver1.0 を使った HTML コンテンツの「アクセシビリティ点検」は、以下のような手順で行います。１つのファイル（１ページ）毎にこの手順を繰り返します。

①

点検対象のファイル（URL かファイル名）を指定します。

②

点検の条件（点検レベルや点検項目）を設定します。

③

テーブル要素の利用目的を分類するためにテーブル確認を行います。
テーブル要素（table タグ）を使っている目的（データ表かレイアウトか）によって点検方法が異なりますので、最初に分類が必要となります。

④

点検を開始します。

⑤

自動点検の点検結果が表示されます。

⑥

手動点検で？マークを判定します。
自動点検だけでは判断しきれない項目が？項目として残ります。ウェブヘルパーからの問い合わせに回答しながら？マークを自ら判定してください。

⑦

点検結果を確認し、問題点を把握します。
以上で点検は完了です。もし×が出てしまったら、どこの部分が、なぜ問題点と指摘されたのかを確認してください。

⑧

点検処理の次の手順に進みます。
次に、1）エディタを使って×の部分を修正する、2）点検結果のレポートを出力する、3）次候補 URL（リンク指定先）の点検、などに進んでください。

33

ウェブヘルパー Ver1.0
利用マニュアル 2003.5.19 版

７

アクセシビリティ点検を開始するまで①

点検対象のファイル（URL かファイル名）を指定します。

アクセシビリティを点検したい
HTML ファイルを指定します。
ウェブヘルパー Ver1.0 では、インターネット上の HTML コンテンツのほか、自分のパソコンのハードディスク内などローカルネットワーク環境でアクセスできる HTML
ファイルも点検することができるようになりました。
点検対象を指定する枠内に、URL（ http://www.jwas.gr.jp/index.html 等 ） か 、 も し く は フ ァ イ ル 名 （ C:/WINDOWS/MyDocuments/index.html など）を入力してください。ファイル名を指定する場合には、【参照】
ボタンを使ってファイルを探し出すだすこともできます。

重要！
※ フレームを使っている場合は、フレームセットを定義した HTML ページとは別に、各フレームを構成する全てのページを個別に点検してください。

注意！
※ ウェブヘルパー Ver1.0 は、HTML と compact-HTML に対応しています。
※ XML は、一部の点検項目を除くと点検することは可能です。
※ 携帯電話用は i-mode 向けのみで、ez-web や J-sky など向けコンテンツには対応していません。
※ URL が https から始まるページの点検は行えない場合があります。
※ cgi で動的に生成されるページを点検することはできません。

34

ウェブヘルパー Ver1.0
利用マニュアル 2003.5.19 版

点検対象のファイルを指定したら、次にそのファイルの HTML 形式を選択してください。
HTML か compact-HTML（i-mode 向けコンテンツの場合）を選ぶことができます。
通常のホームページを点検する場合には、HTML を選んでください。

②

点検の条件（点検レベルや点検項目）を設定します。

点検の条件として、点検レベルを選ぶか、点検項目を個別に指定します。
点検レベルは、シングルＡからトリプルＡ（AAA）までの３段階に分かれています。この点検レベルは、ウェブヘルパーが点検の仕組みの拠りどころにしている WCAG1.0 の優先度に準じています。目標とする点検レベルを３段階の中から選んでください。

【参考】WCAG1.0 の点検レベルと優先度について
WCAG1.0 では、14 個のガイドラインごとに複数のチェックポイントが挙げられており、合計 65 個のチェックポイントがあります。それぞれのチェックポイントは、アクセシビリティに与える影響に基づく「優先度」が指定してあり、［優先度１］から［優先度３］までの３種類があります。
優先度

重要性WCAG1.0 での位置づけ

優先度１

高い

優先度２

やや高い

コンテンツ制作者が満たすべき優先度

優先度３

やや低い

コンテンツ制作者が満たすべき事を望まれる優先度

コンテンツ制作者が満たさねばならない優先度

そのうえで WCAG1.0 では、それぞれの優先度を満たしているコンテンツに対して、３段階の「適合度」を規定しています。
適合度Ａ（A）

WCAG1.0 での位置づけ
優先度１のすべてのチェックポイントに適合

ダブルＡ（AA）

優先度１と２のすべてのチェックポイントに適合

トリプルＡ（AAA）

優先度１〜３のすべてのチェックポイントに適合

35

ウェブヘルパー Ver1.0
利用マニュアル 2003.5.19 版

点検レベルを選択する以外に、個別に点検項目を指定して点検することもできます。例
えば、「全ての画像（img 要素）に代替テキスト（ALT 属性）が指定されているかだけを確認したい」といった場合に便利です。
点検レベルが選択されている場合、【個別指定】ボタンは使えない状態になっていますが、個別指定の○をチェックすると【個別指定】ボタンを押すことができるようになり、それをクリックすると点検項目を選択する次のページに移動します。

ここでは、点検したい項目を個別にチェックします。一つだけでなく、複数の点検項目を選ぶことができます。
上に並んだ【テーブル】【画像】【マルチメディア】【文書構造】をそれぞれ選択（クリック）することで、それぞれのテーマに関連した点検項目をまとめて選択することができます。複数のテーマを併せて選択することも可能です。
【全選択】をクリックすると、全ての点検項目が選択されます（トリプルＡの点検と同じ）。【全削除】をクリックすると、既に選択した点検項目がクリアされます。
設定が終わりましたら、最下段にある【設定終了】をクリックしてください。もし何も選択せず、前の画面に戻りたい場合は、【キャンセル】をクリックしてください。

36

ウェブヘルパー Ver1.0
利用マニュアル 2003.5.19 版③

テーブル要素の利用目的を分類するためにテーブル確認を行います。

テーブル関連の点検をおこなう場合（点検レベル A、ダブル A、トリプル A、および個別指定でテーブル関連の点検項目が選択されている場合）には、点検を開始する前に、テーブル要素（table タグ）を使っている目的が「データ表」か「レイアウト」かによって点検方法が異なるため、分類しておく必要があります。
「点検対象」「HTML 形式」「点検レベル」の３項目の入力と選択が済んだら、【テーブル確認開始】ボタンをクリックしてください。

注意！

※ 点検レベルを個別指定して、テーブル関連の点検項目を選択しなかった場合は、【テーブル確認開始】ボタンは選択できません。点検開始に進んでください。

テーブルの点検が終了すると、テーブル要素（table タグ）が使われていた場合、テーブル要素ごとに一覧が左側の枠内にリストで表示されます。もしテーブル要素が使われていなければ、何も表示されません。

左枠内にテーブル確認用の一覧が表示された場合、表示されているテーブル番号を選択すると、右側には該当テーブルの HTML ソースが表示されます。また HTML ソースを見ただけではどのテーブルか分からない場合は、【ブラウザで表示】ボタンをクリックするとブラウザが起動し、該当箇所のテーブルに？マークが付いて表示されます。

37

ウェブヘルパー Ver1.0
利用マニュアル 2003.5.19 版

左側の枠内に表示されたテーブル要素の全リストを順番に選択しながら、そのテーブル要素の利用目的が「レイアウト用」か「データ表」かを指定してください。

重要！
※ 最初は、全てレイアウト用に指定されます。
※ もし、データ表が一つも使われていない場合（全部がレイアウト用の場合）は、そのまま何も設定せず、先に進むことができます。データ表がある場合には、必ずどれがデータ表かを探し出して、それをデータ表に指定し直してください。

【参考】テーブル確認の省略方法について
データ表を使っているコンテンツを点検する場合には、このテーブル確認の作業がとてもたいへんになります。そこで、テーブル要素のサマリー属性に以下のような工夫をしていただくことで、この確認作業を簡便にすますことができます。

1）テーブルをデータ表として指定する場合
テーブル要素（table タグ）のサマリー属性（summary）に、「データ」（全角カタカナ）か「data」（大文字・小文字どちらでも可）の文字列を入れるようにしてください。そうすると、ウェブヘルパー Ver1.0 はその表がデータ表だと判断します。
例：<table summary="アクセス回数のデータ表です">

2）テーブルをレイアウト用として指定する場合テーブル要素のサマリー属性に、「レイアウト」（全角カタカナ）か「layout」（大文字・小文字どちらでも可）の文字列を入れるようにしてください。そうすると、ウェブヘルパー Ver1.0 はその表がレイアウト用だと判断します。
例：<table summary="この表はレイアウトを整える表です">※ただし、サマリー属性にデータ表だと判断する文字列（「データ」「data」）とレイアウト用だと判断する文字列（「レイアウト」「layout」）が混在している場合は、自動的に判断できず確認の問い合せが発生します。

38

ウェブヘルパー Ver1.0
利用マニュアル 2003.5.19 版④

点検を開始します。

以上で、点検の準備が完了です。
最下段に表示された【点検開始】ボタンをクリックしてください。ウェブヘルパー Ver1.0が指定された HTML コンテンツのアクセシビリティを点検します。

点検開始！

39

ウェブヘルパー Ver1.0
利用マニュアル 2003.5.19 版

８⑤

アクセシビリティ点検結果を確認する

自動点検の点検結果が表示されます。

点検開始を実行すると、ウェブヘルパー Ver1.0 は自動的に HTML のソースを解析し、WCAG1.0 に沿ってアクセシビリティを点検した後、その結果をレポートします。
重要！
※ ウェブヘルパーは、全てのアクセシビリティ点検を自動的に行うことはできません。
最初の点検結果は自動点検のみの結果です。必ず手動点検が必要です。

×マークは、自動点検で発見された問題点を指摘しています。
？マークは、自動点検では疑わしいとしか判断できず、別途手動点検が必要な箇所を指摘しています。
同じ点検項目でも複数個の問題箇所が見つかった場合には、「○項目・△箇所の問題点」といった形でレポートされます。

自動点検結果の総評

WCAG1.0 に沿った優先度別の点検結果レポー
ト一覧※ 2.1.1 等 の 数 字 は 、WCAG1.0 のチェックポイントに相当※項目の後ろの括弧数
字は問題箇所の総数

40

ウェブヘルパー Ver1.0
利用マニュアル 2003.5.19 版⑥

手動点検で？マークを判定します。

自動点検結果のレポートで？マークが表示された項目全てについて、ウェブヘルパー
Ver1.0 の問い合わせに回答しながら、手動点検を実施します。

？マークが付いた項目をダブルクリックすると（選択して Enter キーを押す）、「？項目確認画面」が表示されます。
？ マークの付いた項目をダブルクリック（選択して Enter キー）
してください「内容の説明」をよく読み、問題には繋がらないか、あるいは問題に繋がる可能性があるかどうかをご自身で判定して、当てはまる選択肢にチェックを入れてください。
ウェブヘルパー Ver1.0 の自動点検では、疑わしいと判定された箇所に？マークが付きますので、問題無しか問題ありという二者択一の答えだけでなく、そもそも点検対象外という場合もあり得ます。その場合は「対象外」を選択してください。

41

ウェブヘルパー Ver1.0
利用マニュアル 2003.5.19 版

選択肢にチェックしたら【決定】ボタンをクリックしてください。もしここで判定しない場合は、【スキップ】ボタンをクリックしてください。なお、決定した選択肢も後から変更することは可能です。
この手動点検で問題ありと判断した？は、×マークに変わります。反対に問題なしと判断した？は○マークに変わります。
もし先の手動点検の判断を変更したい場合は、再度その点検項目を選択した上で、下段に並んだ実行ボタンの中にある【？項目再設定】ボタンをクリックしてください。

ウェブヘルパーが指摘している問題点の場所が分からない場合には、以下の二つの手段で確認することができます。
確認したい項目を選択した上で、以下のいずれかのボタンをクリックしてください。

a.表示画面上で該当箇所を確認

b.ソースで該当箇所を確認

42

ウェブヘルパー Ver1.0
利用マニュアル 2003.5.19 版⑦

点検結果を確認し、問題点を把握します。

以上の自動点検と手動点検で、ウェブヘルパー Ver1.0 を使ったアクセシビリティ点検はひとまず完了です。
点検結果を確認しながら、問題点を把握しましょう。

（ア）問題点の内容や修正方法についての把握
×マークの付いた項目をダブルクリック（選択して Enter キーを押す）してください。
ブラウザが立ち上がり、その項目に関しての「１アクセシビリティ上の問題点」と「２問題点の修正方法」についての解説を読むことができます。

× マークの付いた項目をダブルクリック（選択して Enter キー）してください43

ウェブヘルパー Ver1.0
利用マニュアル 2003.5.19 版（イ）問題箇所の把握問題点として指摘されている箇所は、手動点検の時と同様に、表示画面上で該当箇所に×マークを表示させて確認するか、ソース上で該当箇所に×マークを表示させて確認することができます。
確認したい項目を選択した上で、以下のいずれかのボタンをクリックしてください。

a.表示画面上で該当箇所を確認

b.ソース上で該当箇所を確認

注意！
※ HTML 全体にわたる問題点や外部 CSS に関する問題点などの場合は、表示画面上やソース上でその位置を特定することができませんので、一番先頭に×マークを並べて表示します。
※ ×マーク内に表示されている数字は、優先度の数字です。
×1 ･･･ 優先度１の問題点
×2 ･･･ 優先度２の問題点
×3 ･･･ 優先度３の問題点

44

ウェブヘルパー Ver1.0
利用マニュアル 2003.5.19 版⑧

点検処理の次の手順に進みます。

点検結果を確認し、問題点が把握できたら、ウェブヘルパー Ver1.0 を使ったアクセシビリティ点検の作業は一段落です。しかし、問題点をそのままにしておいたら点検をした意味がありません。
次に、問題点を修正する作業に取り掛かりましょう。

（ア）修正作業
ウェブヘルパー Ver1.0 の点検結果表示画面の最下段に、【エディタ起動】【点検結果出力】【次候補 URL 一覧】の３つのボタンが並んでいます。

【エディタ起動】を実行すると、環境設定で指定したテキストエディタのプログラムが起動し、点検を実施した HTML ソースを直接修正する作業に移ることができます。
重要！
※ 修正を行ったら、再度ウェブヘルパーを使ってアクセシビリティ点検を実施し、目標のレベルが達成されているかどうかを確認しましょう。

（イ）点検結果の出力【点検結果出力】を実行すると、ウェブヘルパー Ver1.0 を使ったアクセシビリティ点検結果を、レポートとして CSV 形式のファイルに出力することができます。

【点検結果出力】ボタンをクリック（選択してEnter キーを押す）すると、ファイルの保存先を指定するダイアログが表示されるので、「保存先のフォルダ」と「保存するファイル名」を指定して、保存を実行してください。

45

ウェブヘルパー Ver1.0
利用マニュアル 2003.5.19 版

点検結果出力ファイル（CSV 形式）（ウ）次候補ＵＲＬの点検修正が済んで、必要に応じて点検結果レポートの出力を終えたら、次の HTML コンテンツの点検に移りましょう。

【次候補 URL 一覧】ボタンをクリックすると、先に点検した HTML コンテンツの中でリンク先が指定されていた URL やファイル名の一覧が表示されます。その中から次に点検したい HTML コンテンツを選んで、引き続き点検作業を行うことができます。

46