ウェブヘルパー Ver2.0/2.0R

活用マニュアル2003.7.14 版

http://www.jwas.gr.jp

目次
第１章 導入 ＿＿ 1
１ はじめに ････････････････････････････････････････････････････････ 2
１．１

ウェブアクセシビリティとは？

････････････････････････････

１．２

障害者・高齢者がウェブを利用するときの問題

１．３

ウェブに関する技術開発と国際的な標準化

2･･････････････

2･･････････････････

6

２ ウェブヘルパーについて ･･････････････････････････････････････････ 9
２．１

点検のしくみ････････････････････････････････････････････

9

２．２

点検項目

････････････････････････････････････････････････

10

２．３

機能構成

････････････････････････････････････････････････

14

２．４

実行環境

････････････････････････････････････････････････

18

２．５

音声読上げによる利用

２．６

その他

････････････････････････････････････

19･･････････････････････････････････････････････････

21

３ ウェブヘルパーをインストールする ････････････････････････････････ 22
３．１

ウェブヘルパーのインストール････････････････････････････

22

３．２

Java 実行環境のインストール･･････････････････････････････

23

４ ウェブヘルパーをアンインストールする ････････････････････････････ 24
５ ウェブヘルパーの起動と環境設定 ･･････････････････････････････････ 25
５．１

ウェブヘルパーの起動････････････････････････････････････

25

５．２

環境設定をする･･････････････････････････････････････････

26

第２章 アクセシビリティ点検を行なう ＿＿ 29
６ みなさんのホームページを点検してみましょう ･･･････････････････････ 30
７ 【アクセシビリティ点検】全体の手順 ･･･････････････････････････････ 31

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

８ アクセシビリティ自動点検を行なうまで ････････････････････････････ 32
９ アクセシビリティ点検結果を確認する ･･････････････････････････････ 39

第３章 その他の機能を使う ＿＿ 45
１０ 【フォルダ一括簡易チェック】機能の利用手順 ･････････････････････ 46
１１ 【文章構造チェック】機能の利用手順 ･････････････････････････････ 53
１２ 【タイトルエディタ】機能の利用手順 ･････････････････････････････ 55
１３ 【ＡＬＴエディタ】機能の利用手順 ･･･････････････････････････････ 58

2

（ご注意）2.0 と 2.0R の違いについて
ウェブヘルパー Ver.2.0R は、スクリーンリーダー（音声読上げソフト）対応を図ったバージョンです。
ウェブヘルパーは Java で開発していますが、Java に対応したスクリーンリーダーが限られるため、より多くのスクリーンリーダーでも読上げられるよう、画面表示に関する部分に変更が加えられています。機能および動作に関しては、2.0 と 2.0R に違いはありませんが、2.0R は読上げに対応した反面、表示の制御にいくつか制約が生じています。
スクリーンリーダーをお使いでない方は、2.0 をご利用ください。

本マニュアルでは、以下ウェブヘルパー Ver2.0 として記述していますが、全ての操作方
法は 2.0R でもまったく同じです。
なお、スクリーンリーダーでウェブヘルパー Ver2.0R をご利用の場合は、19 ページの「２．５

音声読上げによる利用」を必ずお読みください。

＊ Sun、Sun Microsystems、Java およびすべての Java 関連の商標は、米国およびその他の国における米国 Sun Microsystems, Inc.の商標または登録商標です。
＊ Microsoft、Windows およびすべての Windows 関連の商標は、米国 Microsoft Corporationの米国およびその他の国における登録商標です。
＊ Apple、Macintosh は、米国 Apple Computer, Inc.の商標です。
＊ その他、本マニュアルの各ページに記載されている会社名、システム名、製品名などは、
一般に 各社の商標または登録商標です。
＊ なお、各ページ内では（TM)、（R）および（C）マークは省略しています。

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

第１章 導入1

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

１

はじめに

１．１

ウェブアクセシビリティとは？

「ウェブアクセシビリティ」という言葉は、あまり聞き慣れない言葉だと思います。これは、「高齢者や障害者など、心身の機能に制約のある人でもウェブで提供されている情報に問題なくアクセスし利用できること」を意味しています。
高齢者や障害者にとっても、ウェブは重要な情報源になりつつあります。しかし、実際に提供されているウェブページは、高齢者や障害者にとって非常に使いにくい、あるいは使えない作りになっていることが少なくありません。すぐに分かる例として、非常に小さい文字でたくさんの情報を提供しているページがよく見受けられますが、このようなペー
ジは弱視の人や多くの高齢者が判読できない場合があります。このようなウェブページを「アクセシビリティが確保されていないページ」と言います。

１．２

障害者・高齢者がウェブを利用するときの問題

ウェブコンテンツを利用する際、どのようなことが問題になるのかは、利用者の身体条件によって異なります。ここでは、障害者・高齢者がウェブを利用する時、どのような問題が発生するかを身体条件別に整理して説明します。実際には非常に多くの問題が発生しますが、ここでは代表的な問題を選んでご紹介します。

①

全盲の人の場合
全盲の人は、HTML のテキスト情報を音声化してくれる読み上げソフトや、点字ディス

プレイを使ってウェブを利用します。これらの方法では、ウェブページ上の画像や Flash 等に代替テキスト（Alt 文）がない場合に、内容を知ることができません。
テキストで書いた情報であっても、テーブルでレイアウトする際に段組が適切でないと、情報の意味する順序と読み上げの順序とに矛盾が生じてしまい、理解が難しくなります。
また、データ表など二次元の配置のある情報も、一行ずつ上から順番にしか読むことができない読み上げソフトの利用者にとっては、理解しにくい情報になります。
ページ上部やページ左側などにナビゲーションリンクがたくさんあり、読み上げソフト
ではなかなか本文にたどり着けないサイトが多いことも、問題となっています。全盲の利

2

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

用者は、ページ内ではリンク部分だけを読み上げて情報を探す傾向があるため、リンク文の表現が不適切だと必要な情報を探し出すことが困難になります。

[一般的なブラウザでの表示例][テキストブラウザや音声ブラウザでの表現例]②

弱視の人の場合
ひと口に弱視と言っても、見え方や見えやすい条件に多様な個人差があります。視覚でのウェブ利用がある程度可能な場合、画面上の細かい文字の判読は困難なため、画面に顔を近づけたり、パソコンやブラウザ等の設定で文字の大きさや配色を変更して、情報を読みとります。HTML や CSS で文字が固定サイズで指定されていたり、文字情報が画像で提供されていると、ブラウ[拡大ブラウザでの表示例]

ザ等の設定変更で文字を拡大することができず、問題になります。

文字を拡大するとページが縦に長くなり、画面全体のレイアウト構成が把握しづらくなったり、ページの下の方にある情報や機能に気づくのが遅くなってしまいます。
画像等の特定の情報を詳しく確認したい場合等には、拡大レンズや専用の文字拡大ソフトを併用する人もいます。この時も、一度に確認できる範囲がかなり狭くなるため、全体

3

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版のレイアウト等を把握しにくくなります。また、大量の長文を読み流したい時や視覚での利用が困難な場合は、全盲の人と同様に音声読み上げソフトを利用することもあります。
この場合は、全盲の人と同様、読み上げソフトを利用する際の問題が発生します。

③

色覚障害の人の場合
色覚障害とは、ある色とある色の組み合わせが判別できない、または判別しにくいこと

で、日本人の 1 割以上の人が何らかの色覚障害を持っていると言われています。
最も多く見られるのが赤と緑に関係する色で混同が起きる色覚障害です。また、高齢になると白内障などによって水晶体に変化が起こり、黄色と青に関係する色の区別がつきにくくなることがあります。
ウェブページ上でこれらの色の組み合わせが不適切に用いられていると、文字や図の判別ができなかったり、色を使ったナビゲーションが理解できないといった問題が発生します。

④

聴覚障害の人の場合
難聴あるいはまったく耳が聞こえない人の場合、ウェブで提供される音の情報が問題になります。例えば、画面と一緒に BGM や効果音が流れていても気がつかないといった問題です。音声つきのムービーでは、字幕やテキストによる解説がないと、内容が十分把握できません。また、手話を使って会話をしている人の場合、難しい文字表現が分かりにくい
ケースがあります。

⑤

肢体不自由の人の場合
病状や障害の状況によって身体の動かせる機能や程度に個人差があり、キーボードの設定変更や、特殊な入力装置・支援ソフトを利用するなど、様々な状態・利用環境でウェブが利用されています。
細かい手の動きができない人の場合、トラックボール等を使ってウェブを利用するケースがあります。この場合、スクロールが必要な縦長のページや、ページごとにボタンの位
置が統一されていないサイトは、マウスポインタの大きな移動が負担となります。また、リンク箇所が小さかったり、隣同士のリンクが近づきすぎている場合や、マウスを乗せた
時だけ表示されるメニューを選択する場合など、マウスポインタの細かな操作も困難です。
マウスやトラックボールを使うことが困難な場合でも、１つ、または２つ以上のスイッ
チやセンサー等を使って、ウェブや画面上のソフトキーボードを操作することができます。
スイッチ等が１つの場合は、ウェブページのリンクや画面上のソフトキーボードを順にス

4

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

キャンさせ、スイッチ等で選択します。スイッチ等が２つ以上の場合は、１つのスイッチ
でマウスポインタを移動させ、もう１つのスイッチで選択するなど、それぞれのスイッチに機能を割り当てて利用します。
これらの場合、マウス等での操作と異なり、リンクを１クリックで選択することができません。TAB キーでひとつずつリンクを移動して選択するのと同じ状態で、１ページに含まれるリンク数が多いと、目的のリンクに辿りつくまでに大変な労力と時間が必要になります。

⑥

知的障害の人の場合知的障害には様々なタイプ、程度がありますが、全般に文字で提供された情報が十分に理解できないケースが多いと言えます。ウェブで重要な情報を提供する場合、文字だけでなく、その内容をイラストにしたり、音声でも提供できるようにすることが望まれます。

⑦

高齢者の場合加齢に伴い、視覚・聴覚が変化するため、高齢者がウェブを利用する際には視覚障害者・聴覚障害者双方と共通の問題が発生します。
また、個人差はありますが、全体的な傾向としては IT 関係の専門用語や新語は苦手な人が多く、複雑な操作の習得も負担となります。
高齢者に起こりやすい問題としては、たくさんのサイトを調べているうちに現在の位置や履歴を見失ったり、ボタン名が英語になっていると操作を敬遠するという問題があります。また、直前に見ていた画面に戻る操作がページによって異なるため、戸惑う現象も多く見られます。適切な情報の整理、次が想像できるボタン名、わかりやすい操作手順への配慮がなされていないページは、高齢者にとってはバリアの高いページとなります。

5

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

１．３

ウェブに関する技術開発と国際的な標準化

HTML コンテンツのアクセシビリティを確保するための手段や方策については、ウェブに関する技術開発と標準化に取り組んでいる国際的学術団体のＷ３Ｃ（World Wide Web
Consortium）*1 が、「ウェブコンテンツ・アクセシビリティガイドライン１．０」（Web Content
Accessibility Guidelines 1.0*2、以下 WCAG1.0 と略す）を 1999 年 5 月に勧告しています。これは、Ｗ３Ｃの中に設置されたＷＡＩ（Web Accessibility Initiative）*3 というウェブアクセシ
ビリティに関する検討グループによりまとめられたもので、参考にすべき指針として広く知られています。
日本国内でも、郵政省（現総務省）と厚生省（現厚生労働省）が共同で開催した「情報バリアフリー環境の整備の在り方に関する研究会」において、「インターネットにおけるア
クセシブルなウェブコンテンツの作成方法に関する指針」（平成 11 年 5 月）が発表されていますが、これも WCAG1.0 の内容にしたがって策定されたものです。

WCAG1.0 では、以下に示す１４項目のガイドラインと、ガイドラインごとに一般的なコンテンツ制作の過程でどのように適用されるかを解説したいくつかのチェックポイントが提示されています。
ＷＡＩでは、WCAG1.0 の検討に併せて、チェックポイントごとに一般のウェブコンテン
ツのアクセシビリティ確保状況をどの様に評価し、また必要に応じて修正する方法についての検討にも取り組んでおり、その内容はワーキングドラフト*4 として公開されています。
それが「Accessibility Evaluation and Repair Tool」（以下、AERT と略す）*5 です。

*1

http://www.w3.org （英語）
http://www.w3.org/TR/WCAG10/ （英語）
大藤氏による日本語訳が http://www.zspc.com/ に掲載されている。
*3
http://www.w3.org/WAI/ （英語）*4ワーキングドラフト： Ｗ３Ｃの標準化作業の一環として、勧告に向けた技術文書を作成する議論の途上において、暫定的に公開された技術文書のこと。
*5
http://www.w3.org/TR/AERT （英語）*26

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版【ＷＣＡＧ1.0 における１４のガイドライン】
1. 聞くための内容や見るための内容には、同等の役割を果たす代わりのものを提供する
2. 色だけに依存しない
3. 正しくタグ付けし、適切にスタイルシートを使う
4. 自然言語の取り扱い方に関する情報を明確に示す
5. うまく変換されるテーブルを作る
6. 新しい技術を利用したページは、うまく変換されるようにしておく
7. 時間とともに変化する内容については、ユーザーが制御できるようにする
8. ページ中に組み込まれたもののユーザーインターフェイスは、それ自体がアクセシブ
ルなものにする
9. 装置に依存しないように設計する
10. 暫定的な解決策をとる
11. W3C のテクノロジーとガイドラインを使用する
12. 前後関係や位置を表す情報を提供する
13. はっきりとわかるナビゲーションのための仕組を提供する
14. 文書は明瞭で簡潔なものにする（出所）大藤氏による WCAG1.0 の日本語訳（http://www.zspc.com/）より【ＷＣＡＧ1.0 チェックポイントの優先度と適合度について】
WCAG1.0 では、14 個のガイドラインごとに複数のチェックポイントが挙げられており、合計 65 個のチェックポイントがあります。それぞれのチェックポイントは、アクセシビリ
ティに与える影響に基づく「優先度」が指定してあり、［優先度１］から［優先度３］までの３種類があります。

優先度

重要性

WCAG1.0 での位置づけ

優先度１

高い

優先度２

やや高い

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

優先度３

やや低い

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

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

7

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

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

適合度
Ａ（A）

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

ダブルＡ（AA）

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

トリプルＡ（AAA）

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

8

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

２

ウェブヘルパーについて

ウェブヘルパーは、インターネット上のコンテンツが、全ての人にとってアクセスし易いものになることを目指して開発されたシステムです。ウェブヘルパーを使うことで、日本語ウェブコンテンツのアクセシビリティ状況を容易に点検することができます。

２．１

点検のしくみウェブヘルパーは、Ｗ３Ｃ／ＷＡＩによる WCAG1.0 および AERT ワーキングドラフトを参考に、日本語環境での利用条件を考慮して開発されました。
一般的に、WCAG1.0 の１４項目のガイドライン、６５項目のチェックポイントにしたがって一つずつ手作業で点検しながらアクセシブルなホームページを作るには、相当な専門知識や時間が必要となります。ウェブヘルパーは、ホームページのアクセシビリティを自動的に点検し、制作者が簡単にアクセシビリティ上の問題点を修正できるよう、支援します。
ウェブヘルパーは、WCAG1.0 の優先度と適合度に準じて、シングル A からトリプル A（AAA）までの 3 段階の点検レベルを用意しています。希望する適合度に合わせて、チェックポイントをまとめて点検することができます。
また、点検項目の中には、例えば「意味の違いが色の違いだけで区別されていないか」
等、制作者自身がコンテンツの内容や意味を確認した上で、アクセシブルかどうか判断する必要がある項目もあります。その場合も、確認が必要な項目や箇所をウェブヘルパーがおおよそ自動的に検出しますので、点検作業を効率的に、もれなく行なうことができます。

重要！
※ ウェブヘルパーは、あくまでアクセシビリティ点検のための

補助ツール

です。

最終的にアクセシビリティの確保が実現されているかは、WCAG1.0 に照らし合わせて、ご自身で判定していただく必要があります。

9ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

２．２
※

点検項目

ウェブヘルパーの点検項目は、AERT に沿ってリストアップしました。したがって項目
番号の 1 桁目は、該当する WCAG1.0 のガイドライン番号に、2 桁目はそのチェックポ
イントの番号になっています。

※「項目番号」の後ろに、*(アスタリスク)のついているものは、AERT には無くウェブ
ヘルパーで新たに付け加えた独自の点検項目です。

※

プログラム化できないものは検査方法欄で「未実装」としましたが、点検まで自動実
行するものを「自動」、点検要素の検索を自動実行するものを「半自動」としてプログ
ラム化しています。

※

真の判定には、WCAG1.0 および AERT ワーキング・ドラフトを参照し、「未実装」の点検と「半自動」の判定を各自で実施していただく必要があります。

※

フォルダ一括簡易チェックでは、「検査方法」が自動となっている項目のみ点検可能で
す。

優
C-HT
検査
HTML
項目内容
先
ML点
方法
点検
度
検
ガイドライン１．聞くための内容や見るための内容には、同等の役割を果たす代わりのものを提供する
1.1.1
1
自動
すべての画像(IMG)に代替テキスト(alt)が用意されているか○−
画像が重要な情報を伝達し、その代替テキストがある場合は
1.1.2
1
自動
○
−
longdesc属性やDリンクが加えられているか
1.1.3
1
自動
imageタイプのINPUTで代替テキスト(alt)が正しく用意されているか
○
−
1.1.4
1
自動
アプレット(APPLET)に代替テキスト(alt)が正しく用意されているか○−
画像表示目的のOBJECT要素に代替テキストが正しく使われてい
1.1.5
1
自動
○
−
るか
1.1.6
1
半自動 オーディオファイルには代替テキストがあるか
○
−
1.1.7
1
自動
埋め込みオーディオファイルにテキスト等価物が提供されているか
○
−
1.1.8
1
自動
FRAME中のlongdesc属性は正しく使われているか
○
−
1.1.9
1
自動
AREA中に代替テキスト(alt)があるか○−
1.1.101
自動SCRIPTはNOSCRIPT等価とあわせ正しく使われているか○−
1.1.111
自動
ａ要素内のテキスト内容は適切か（13.1.1と同じ：AERT参照）○○
1.1.12
1
未実装 ASCIIアートに代替テキストが用意されているか−−
1.1.13
絵文字（携帯端末用コードでよく使われるもの）が使われていない
○
−
2
自動
(*)
か
1.1.142
自動
機種依存文字が使われていないか○−(*)
1.1.15
画像（IMG）の代替テキスト（alt）が場所取りテキストになっていない
1
半自動
○
−
(*)
か
項目
番号

10

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

1.2.1

1

1.3.1
1.4.1
1.4.2

1
1
1

1.5.1

3

2.1.1
2.2.1

1
3

3.1.1

2

3.2.1
3.3.1
3.4.1
3.5.1
3.5.2
3.5.3

2
2
2
2
2
2

3.6.1

2

3.7.1
3.7.2
3.7.3

2
2
2

4.1.1
4.2.1
4.3.1

1
3
3

5.1.1

1

5.1.2
5.2.1
5.3.1

1
1
2

5.4.1

2

5.5.1

3

5.5.2
5.6.1

2
3

6.1.1
6.2.1
6.2.2

1
1
1

サーバー側イメージマップの各動作領域にテキストのリンクを作っ
半自動 ているかイメージマップのすべてのホットスポットには代替のテキス
トリンクが用意されているか
半自動 マルチメディア情報はオーディオ説明を持っているか
半自動 マルチメディア情報には同期した代替情報があるか
半自動 SMIL中ではsystem−captionフラグがあるか（1.4.1に含む）
クライアント側イメージマップの各作動領域にテキストリンクを作って自動いるか
ガイドライン２．色だけに依存しない
半自動 色彩を伴うすべての情報は、色彩指定しなくても入手可能か
自動
テキスト等と背景は誰にでも見やすい組み合わせになっているか
ガイドライン３．正しくタグ付けし、適切にスタイルシートを使う
適切なマークアップ言語があれば、マークアップを用いて情報を伝
半自動
えているか
自動
公開されている正式な文法でドキュメントが作られているか
自動レイアウトや体裁の制御にはスタイルシートを用いているか
自動
絶対画素数ではなく、相対サイズと相対座標を使っているか
自動
見出し項目は正しく入れ子化（nesting)されているか
自動
テキストは見出しに間違えられないか
自動
見出し要素(H1〜H6)に長いテキストを使っていないか
リスト要素はリストのみに使われ、正しく入れ子化(nesting)されてい
自動るか
半自動 引用はQ要素やBLOCKQUOTE要素でマークアップしているか
半自動 Q要素やBLOCKQUOTE要素は正しく使われているか
自動
BLOCKQUOTE要素をフォーマッティングに使用していないか
ガイドライン４．自然言語の取り扱い方に関する情報を明確に示す
未実装 テキストの自然言語やその切り替わりを識別しているか
自動略語が使われていないか
自動
文章の基本の（primary）自然言語を定義しているか
ガイドライン５．うまく変換されるテーブルを作る
表の目的を決定しているか（データ表か、レイアウト表かを自動点
半自動
検の前に指定します）
自動
データ表では行と列の見出し語が付いているか
半自動 データ表ではscope、headers、axisでラベルをつけているか
半自動 レイアウト表はリニアライズされて意味があるか表をレイアウトのため使用する場合、見かけ上の書式化のために、自動構造化マークアップを使用していないか
表中の行や列のデータを表示する場合、表の要約が用意されてい自動
るか
自動
表にキャプションが用意されているか
自動
行や列の長い見出しラベルに対しての省略語が用意されているか
ガイドライン６．新しい技術を利用したページは、うまく変換されるようにしておく
半自動 スタイルシートがなくても、ページは読むことが可能になっているか
半自動 FRAMEおよびIFRAME中で、正しいソースが使われているか
半自動 ダイナミックなコンテンツと連動してその代替がアップデートされる

11

○

−

○
○
○

−
−
−

○

−

○
○

−
−

○

−

○
○
○
○
○
○

−
−
−
−
○
○

○

−

○
○
○

○
○
−

−
○
○

−
○
−

○

−

○
○
○

−
−
−

○

−

○

−

○
○

−
−

○
○
○

−
−
−

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

か重要な情報を伝えたり、機能したりするスクリプトの各々に代替のコ
6.3.1
1
自動
○
−
ンテンツを用意しているか（OBJECT、EMBED、APPLET）
6.4.1
2
半自動 プログラム的なオブジェクトにおいては、入力装置に依存しないか
○
−
6.5.1
2
自動
各FRAMESETにはNOFRAMES要素が含まれているか○−
ガイドライン７．時間とともに変化する内容については、ユーザーが制御できるようにする
7.1.1
1
半自動 ページがフリッカーの原因になっていないか○−
BLINK要素によりブリンキングが使われていないか（W3C削除推
7.2.1
1
自動
○
−
奨）
7.3.1
2
自動
MARQUEE要素によりスクロールが使われていないか
○
−
7.3.2
2
半自動 アプレットやスクリプトで動くコンテンツを使っていないか
○
−
7.4.1
2
自動
META要素に自動リフレッシュが入っていないか
○
−
7.5.1
2
自動
META要素に自動リダイレクトが入っていないか○−
ガイドライン８．ページ中に組み込まれたもののユーザーインターフェイスは、それ自体がアクセシブルなものにする
スクリプトやアプレットを補助的技術を用いて可能な限りアクセシブ
8.1.1
2
半自動
○
−
ルにしているか
ガイドライン９．装置に依存しないように設計する
9.1.1
1
自動
サーバー側イメージマップを使っていないか○−
固有のインターフェースを持つ要素は、すべてデバイスに依存して
9.2.1
2
半自動
○
−
いないか
9.3.1
2
半自動 スクリプトは論理的イベント処理型になっているか○−
論理的なタブ属性（tabindex）を、フォ−ム制御、オブジェクトから定
9.4.1
3
自動
○
−
義しているか
9.5.1
3
半自動 accesskey属性が使われているか○○
ガイドライン１０．暫定的な解決策をとる
AおよびAREAのtarget属性において、blankやnewが含まれていな
10.1.1
2
自動○−いか
10.1.22
半自動 スクリプト類が新しいウィンドウを開かないか○−
10.2.1
2
半自動 LABEL要素は正しく配置されているか○−
10.3.1
3
未実装 リニアライズされた表が用意されているか−−
10.4.1
3
自動INPUT、TEXTAREA、SELECT要素でデフォルトの値があるか○−10.5.13
自動
隣接するリンクは分離されているか○−
ガイドライン１１．W3Cのテクノロジーとガイドラインを使用する
11.1.1
2
未実装 可能な最新の技術仕様を使っているか−−
11.2.1
2
自動いずれ廃棄される予定のW3C技術を使用していないか○−
利用者の設定に合ったドキュメントを提供しているか（解析方法が11.3.1−
未実装−−
未解決のため未実装：AERT参照）
11.4.1
1
未実装 ページは必要なレベルのすべてのチェックポイントに合格したか−−
ガイドライン１２．前後関係や位置を表す情報を提供する
12.1.1
1
自動
各フレームにタイトルがつけられているか○−
フレームタイトルだけでは明確でない場合、フレームの目的や、フ12.2.12
未実装−−
レームの相互関係を説明する
8つ以上OPTION要素がある場合にOPTGROUP要素が使用され12.3.1
2
半自動
○
−
ているか

12

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

12.3.22

12.3.312.3.412.3.512.3.612.4.12
2
2
2
2

13.1.113.2.113.2.213.3.113.4.12
2
2
2
2

13.5.1

3

13.6.1
13.7.1

3
3

13.8.1

3

13.9.1−13.10.1

3

14.1.114.1.214.1.314.1.414.1.514.1.614.1.714.1.814.1.9(*)
14.1.10(*)
14.1.11
(*)

1
1
1
1
1
1
1
1

FORM要素に8つ以上コントロールがある場合に、FIELDSET要素が使用されているか
半自動 リスト要素が正しく使用されているか
未実装 長い文が使われていないか
未実装 長い段落が使われていないか
未実装 長いテキストが使われていないか
自動
LABEL要素やINPUT要素は正しい属性をもっているか
ガイドライン１３．はっきりとわかるナビゲーションのための仕組を提供する
自動各リンク部分の行き先は明確になっているか
自動ページにタイトルは付けられているか
未実装 RDFは正しいか
未実装 サイト上の全体的なレイアウトに関しての情報を用意する
未実装 一定のナビゲ−ション機能を用いる
ナビゲ−ション構造へ入りやすくするため、ナビゲーションバーを未実装
用意する
未実装 関連するリンクはグル−プ化されているか
未実装 いろいろな熟練度と設定条件での検索タイプを可能にしているか
見出し、パラグラフ、リスト等のはじめに、区分のための情報を用意
未実装
する
文書が複数ページから成る場合は、それらを集めるための情報が未実装提供されているか（解析方法が未解決のため未実装：AERT参照）
未実装 多行にわたるASCIIアートをスキップする手段があるか
ガイドライン１４．文書は明瞭で簡潔なものにする
半自動 明瞭で正確な見出し化がされているか
未実装 文や段落のトピックは、文や段落の始めに位置しているか
未実装 それぞれの段落では１つの主要な考えが書かれているか
未実装 俗語や専門用語が使われていないか
未実装 共通語が使われているか
未実装 受動的な動詞よりも能動的な動詞が使われているか
未実装 サイトの内容にふさわしい言語が使われているか
未実装 よく使われる言葉が特殊な意味合いで使われていないか

2

自動

2

半自動

○

−

○
−
−
−
○

−
−
−
−
−

○
○
−
−
−

○
−
−
−
−

−

−

−
−

−
−

−

−

−

−

−

−

○
−
−
−
−
−
−
−

−
−
−
−
−
−
−
−

追加項目 同音異義語が含まれていないか

○

○

自動

追加項目 難漢字（第2水準）が含まれていないか

○

○

2

自動

追加項目 難しいカタカナ語が含まれていないか○○

14.2.1

3

未実装

−

−

14.3.1

3

未実装

−

−

画像やオーディオ表現を用いてテキスト内容を補足し、ページの把握を容易にする
ページ間で一定の表現形式になっているか確認してください※ compact-HTML は、HTML から不要なもの（携帯電話等の狭いディスプレイでは表示しきれないもの等）を省いて作られているため、対応する点検項目数も少なくなっ
ています。

13

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

２．３

機能構成

ウェブヘルパー

Ver2.0 には、以下の５つの機能があります。

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

HTML のアクセシビリティの点検を行うための、一番基本的な機能です。
点検対象となる HTML を１つ指定することで、指定した HTML がどれくらいアクセ
シビリティを考慮して作られているかを点検し、その結果を表示します。点検対象のHTML の指定では、インターネット上の URL かローカル（自分のパソコン内かローカ
ルなネットワーク上）にあるファイルを指定し、点検することができます。

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

14

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版−②【フォルダ一括簡易チェック】機能
HTML のアクセシビリティの点検を行いますが、ここでの点検はローカルにあるフォルダを指定することで、そのフォルダ内にある複数の HTML ファイル（拡張子が「.HTML」または「.HTM」に限る）のアクセシビリティを一括して点検することができます（サブフォルダ以下は含まれません）。
ただし、点検項目は利用者の確認を必要しないものだけに限定されますので、あくまで簡易的な点検になります。特定の項目だけを点検したい場合に便利です。

−③【文章構造チェック】機能
ウェブヘルパーの点検項目 3.5.1 や 3.5.3 に関連して、ローカルにある HTML の文
章構造（h1〜h6 の見出しタグの構成）を確認することができる便利機能です。
見出しタグがきちんと入れ子*1 になっているか、簡潔で分かりやすい見出しが付けられているかなどを視覚的に点検することができます。

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

*1

入れ子：上位の見出しタグの中に順番に下位の見出しタグが位置づけられている状態。

15

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版−④【タイトルエディタ】機能
ウェブヘルパーの点検項目 13.2.1 に関連して、ローカルのフォルダ内にある複数の HTML ファイルに対して、そのページタイトル（title タグ）を一括して確認・修正するための便利機能です（サブフォルダ以下は含まれません）。
それぞれ分かりやすいページタイトルが付けられているか、同じタイトルのページが無いかなどを点検し、必要に応じて修正することができます。

−⑤【ＡＬＴエディタ】機能
ウェブヘルパーの点検項目 1.1.1 に関連して、ローカルにある HTML で使われている画像（img タグ）の代替テキスト（ALT 属性*1）を、一括して確認・修正するための便利機能です。

*1

ALT 属性： 音声読み上げソフト（音声ブラウザなど）では、HTML で img タグ（要素）
使って画像が貼り付けられていると、そこで指定されている ALT 属性を読み上げるため、音声読み上げソフトを使っている視覚障害者はどの様な画像がそこに存在するかを理解することができます。
もし ALT 属性が指定されていないと、多くの音声ブラウザはリンクされているファ
イル名を読み上げてしまうため、視覚障害者はそこに存在する画像が何か理解できず不安になります。img タグを使う場合には、必ず ALT 属性を記述するようにします。
特に意味を持たない画像（リストを示すポイント画像など）の場合でも、必ず ALT属性を記述し、属性値に空欄や空白（””や” ”）、”*”や”-“を指定しておくことで、音声ブラウザは逆に何も読み上げなくなります。
ALT 属性は、端的に分かりやすく記述すべきです。もし詳細な説明が必要となる場
合には、別の手法を用いるべきです。詳しくは、後述する WCAG1.0 に解説されていますので、そちらを参照してください。
例： <a href="helper/index_stop.html"><img src="imgs/login.gif" width="215" height="74"border="0" alt="ウェブヘルパーを利用する" title="ウェブヘルパーのログイン画面にリンクします"></a>16

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

使われている画像を参照しながら、その画像の代替テキストが適切であるかを点検し、必要に応じて修正することができます。

17

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

２．４

実行環境

ウェブヘルパー Ver2.0 は、以下の実行環境でお使いいただくことができます。
その他の利用環境での動作は確認できていませんが、寄せられた情報はホームページ「みんなのウェブ」（http://www.jwas.gr.jp/）に掲載していく予定です。

①

ＯＳ・Microsoft Windows 2000sp3 / XP・Mac OS X 10.2

②

③

④

ウェブブラウザ・Windows 版

Internet Explorer 6.x 以上推奨

・Macintosh 版

Internet Explorer 5.2 以上推奨

修正用エディタ（テキストエディタ）
・Windows 版

notepad.exe を推奨

・Macintosh 版

TextEdit を推奨

Ｊａｖａ実行環境
・「JavaTM 2 Runtime Environment（J2RE）」のバージョン 1.3.1 以上
本ソフトウェアは Java で開発されているため、Java の実行環境が必要です。詳細については、「３⑤

ウェブヘルパーをインストールする」を参照してください。

モニター
・800×600 ピクセル以上⑥

インストールに必要なハードディスク空き容量
・10 メガバイト以上（Java 実行環境を除く）

注意！
※ ウェブヘルパー Ver 2.0R は、上記 Windows 環境でスクリーンリーダー（音声読上
げソフト）をお使いの場合にご利用していただくことが出来ます。95Reader Version
4.5 （愛称：XP Reader）および PC-Talker XP で動作確認を行っています。
※ 2.0 と 2.0R では、機能および動作に関しての違いはありません。
※ 詳しくは、次ページを参照してください。

18

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

２．５

音声読上げによる利用

スクリーンリーダーをお使いの方は、ウェブヘルパー Ver.2.0R をご利用ください。
ここでは、特にスクリーンリーダーでご利用いただく際の注意点を記述していますが、他の操作方法は 2.0 と全く同じです。

（１）2.0 と 2.0R の違いについて
ウェブヘルパー Ver.2.0R は、スクリーンリーダー（音声読上げソフト）に対応したバージョンです。
ウェブヘルパーは Java で開発していますが、Java に対応したスクリーンリーダーが限られるため、より多くのスクリーンリーダーでも読上げられるよう、画面表示に関する部分に変更が加えられています。機能および動作に関しては、2.0 と 2.0R に違いはありませんが、2.0R は読上げに対応した反面、表示の制御にいくつか制約が生じています。
スクリーンリーダーをお使いでない方は、2.0 をご利用ください。

（２）ウェブヘルパー 2.0R の動作環境について
ウェブヘルパー Ver.2.0R は、「95Reader Version 4.5（愛称：XP Reader）」（株式会社システ
ムソリューションセンターとちぎ）および「PC-Talker XP」（株式会社高知システム開発）
で動作確認をしています。

JAWS for Windows（IBM Version） Version 3.7 および Version 4.5（いずれも、日本アイ・
ビー・エム株式会社）でも動作はしますが、環境設定内のウェブブラウザやエディタのオ
プションを指定するエディットボックスが、「参照のエディット」と読み上げられますので、ご注意ください。
なお、ウェブヘルパー Ver.1.0 では、Java Accessibility API（以下、JAAPI と呼ぶ）に対応
していますので、JAAPI 対応のスクリーンリーダーを使用することにより、Java Access
Bridge 経由で読み上げに必要な情報を取得することができます。
JAAPI に対応している JAWS for Windows Version 4.5 をお使いの方は、日本アイ・ビー・
エ ム の ホ ー ム ペ ー ジ か ら 「 ウ ェ ブ ヘ ル パ ー Ver1.0 用 ス ク リ プ ト の 公 開 に つ い て 」（http://www-6.ibm.com/jp/accessibility/soft/download_v2_wh.html#navskip）を参照し、ウェブ
ヘルパー Ver1.0 をご活用ください。2.0 は 1.0 に比べ、操作性の面で向上を図っていますが、機能面ではほぼ同等のものです。ウェブヘルパー Ver1.0 は、ホームページ「みんなのウェブ」（http://www.jwas.gr.jp）からダウンロードしてください。

19

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版（３）スクリーンリーダーで使用する場合の注意点① 共通項目ウェブヘルパー Ver2.0R では、メッセージを表示するためのエディットボックスと、実際に文字列が入力できるエディットボックスがあります。メッセージが入っているエディ
ットボックスには、文字の入力はできません。タブキーで項目間を移動する場合は、読み上げられる内容をよく確認してから、操作してください。
アクセシビリティ点検、フォルダ一括簡易チェック、文章構造チェック、タイトルエデ
ィタ、ALT エディタ内の、最初に「点検対象」と読み上げられるエディットボックスは、メッセージ表示のためのものです。実際にファイルやフォルダ名を入力する場所は、タブ
キーを一度押して移動したエディットボックスやコンボボックスですので注意してください。
フォルダ一括簡易チェックで、表示された点検結果のエラー項目を確認するには、リストボックスでエラーのあるファイルにカーソルを合わせ、エンターキーを押してください。

② XP Reader（95 Reader Ver.4.5）をお使いの場合
XP Reader をお使いの場合は、XP Reader の設定から「全体」タブにある「クリップボー
ド」を有効にして、お使いください。

③ PC-Talker XP をお使いの場合
PC-Talker XP をお使いの場合は、「画面の読み方」設定にある「クリップボードを自動的に読み上げる」を有効にして、お使いください。
トップ画面において項目間を移動する際、最初に「メッセージ」と読み上げられることがあります。その後に項目名が読み上げられますので、内容を確認してから、操作してください。
トップ画面において、タブキーで移動していると「目的別簡易チェックのメッセージ、
エンターはフォルダ一括簡易チェック、文章構造チェック」と読み上げられる場所があります。その場合、エンターキーを押すと「フォルダ一括簡易チェック」が起動します。「目的別簡易編集」と読み上げられる場所も同様です。
項目間をタブキーで移動しただけでは、項目の内容を確認できない部分があります。「〜の文字入力」と聞こえたら、上か下矢印を押して内容を確認してください。

20

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

２．６

その他

（１）著作権など
・ 著作権について：

ウェブヘルパー Ver2.0 の著作権は総務省が有しています｡
本活用マニュアルの著作権は通信・放送機構が有しています。

・ 再配布について：

ウェブヘルパー Ver2.0 のオリジナルプログラムの再配布は禁止します。詳しくは、「みんなのウェブ：著作権および再配布について」（http://www.jwas.gr.jp/helper/index.html）を参照してください。

（２）免責事項について
ウェブヘルパー Ver2.0 および動作に必要な Java の実行環境を、インストールまたは使用したことにより生じた、直接的または間接的な損失、損害等について、いかなる場合においても一切の責任を負わないものとします。
全て各利用者の責任において、本ソフトウェアのインストールまたは使用を行ってください。

（３）インストール時の補足注意事項
本ソフトウェアを勤務先のパソコンなどにインストールし、また利用のための環境設定を行うにあたり、セキュリティの設定状況によっては管理者権限を持った方でないと行えない場合があります。
このような場合は、システム管理者の方にご相談ください。

重要！
※ バージョンアップに従い、この活用マニュアルの内容を更新する場合があります。
最新版はホームページ「みんなのウェブ」（http://www.jwas.gr.jp/）で公開していきます。

21

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

３

ウェブヘルパーをインストールする

ウェブヘルパー Ver2.0 を利用するには、ウェブヘルパー Ver2.0 のプログラムをご自分のパソコンにインストールしてお使いください。

重要！
※ ウェブヘルパーVer2.0 をインストールする方法は、以下の二つの方法があります。
1)

ホームページ「みんなのウェブ」からダウンロードしてインストールする。

2)

CD-ROM 版を入手し、CD-ROM からインストールする。

※ プログラムに更新が発生した場合は、みんなのウェブでお知らせします。その場合最新版をインストールするには、ホームページよりダウンロードしてインストール
を行ってください。

３．１ ウェブヘルパーのインストール
注意！
※ CD-ROM からウェブヘルパー Ver2.0 をインストールする場合は、CD-ROM を挿入すると自動的にブラウザが起動しインストールのためのガイダンスが表示されます。
よく読んでから手順に沿ってインストール作業を行なってください。もし自動的に表示されない場合は、CD-ROM 内にある index.html ファイルをダブルクリックしてください。

ここでは、Windows 環境の場合を例に、ホームページ「みんなのウェブ」からダウンロ
ードしてインストールする、一般的な方法を説明します。
OS やウェブヘルパーのバージョン等によって、インストールの方法は異なります。詳し
くは、必ずホームページに記載の手順を参照してください。

①. ホームページ「みんなのウェブ」（http://www.jwas.gr.jp）にアクセスしてください。
②. 「ウェブヘルパーを利用する」のページから、「ウェブヘルパーのダウンロード」ページに移動してください。
③. 記載の説明に沿って、インストールするウェブヘルパーのプログラムを選択し、圧縮されたプログラムファイルをダウンロードしてください。

22

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版④. ダウンロードしたファイルをダブルクリックすると、自動的に解凍が開始されます。
解凍先のフォルダを指定するダイアログが表示された、ウェブヘルパーのプログラムを保存するフォルダを指定して【OK】を選択してください。
⑤. 解凍が済むと、新しいフォルダが作成され、その中には［conf］［html］［img］［lib］の
4 つのフォルダと、webhelper.jar という 1 つのファイルが解凍されます。
（設定により拡
張子は表示されない場合があります。また、一度でもウェブヘルパーを起動すると［temp］［usr］という 2 つのフォルダが追加作成されます。
）

３．２

Java 実行環境のインストール

ウェブヘルパーは Java で開発しているため、Java の実行環境が必要になります。
ご使用されるパソコンの Java 実行環境がバージョン 1.3.1 より古い場合、または Java 実
行環境がインストールされていない場合、Java 実行環境をインストールしていただく必要があります。

注意！
※ CD-ROM からウェブヘルパー Ver2.0 をインストールした場合、Windows 環境では自動的に Java 実行環境もインストールされますので、この手順を行う必用はありません。次のステップに進んでください。
※ CD-ROM からウェブヘルパー Ver2.0 をインストールした場合でも、Macintosh 環境
では現在の Java 実行環境を確認し、場合によっては新しい Java 実行環境をインストールしていただく必要があります。CD-ROM に入っている「お読みください（Readme.txt）」を参照してください。

ご使用パソコンにおける現在の「Java 実行環境の確認方法」および「Java 実行環境のイ
ンストール方法」は、ご使用の OS により異なります。
それぞれの環境における手順は、ホームページ「みんなのウェブ」の「ウェブヘルパーのダウンロード」ページに記載していますので、その内容を参照してください。

23

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

４

ウェブヘルパーをアンインストールする

ウェブヘルパー Ver2.0 をアンインストール（削除）する方法は、OS やインストール方法
によって異なります。

注意！
※ Windows 環境で CD-ROM からウェブヘルパー Ver2.0 をインストールした場合は、コントロールパネルの「プログラムの追加と削除」から、【ウェブヘルパー2.0】の削除を実行してください。
※ この場合は、ウェブヘルパー Ver2.0 をインストールする際に一緒に自動的にインストールされた Java 実行環境も、同時にアンインストールされます。

ウェブヘルパー Ver2.0 を、ホームページ「みんなのウェブ」からダウンロードしてインストールした場合、ならびに Macintosh 環境の場合は、インストール時に作成されたウェブ
ヘルパー Ver2.0 のプログラムの入っているフォルダごと削除してください（レジストリへの登録、DLL の更新等は行っていません）。

24

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

５

ウェブヘルパーの起動と環境設定以上でウェブヘルパー Ver2.0 を利用していただく準備が整いました。
ただし、初めてウェブヘルパー Ver2.0 を起動した時に、まず「環境設定」をしていただ
く必要があります。以下の手順を参考に、環境設定を済ませてからウェブヘルパー Ver2.0
をお使いください。

５．１

ウェブヘルパーの起動

ウェブヘルパー Ver2.0 の起動方法は、インストール方法によって異なります。

注意！
※ Windows 環境で CD-ROM からウェブヘルパー Ver2.0 をインストールした場合は、
デスクトップ上に自動作成された【ウェブヘルパー2.0】のアイコンをダブルクリッ
クしてください。あるいは、スタートメニューからプログラム→ウェブヘルパー2.0
を選択し、ウェブヘルパーを起動してください。

ウェブヘルパー Ver2.0 を、ホームページ「みんなのウェブ」からダウンロードしてインストールした場合、ならびに Macintosh 環境の場合は、インストール時に作成されたウェブ
ヘルパー Ver2.0 のプログラムの入っているフォルダ内にある「webhelper.jar」もしくは「webhelper」（拡張子を表示しない設定になっている場合）というファイルを実行（ダブルクリック）してください。ウェブヘルパー Ver2.0 が起動します。

必要に応じて、上記実行ファイルのショートカットを作成し、そこから起動していただ
いても結構です。

25

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

５．２

環境設定をする

ウェブヘルパー Ver2.0 を初めて起動した時に、まず「環境設定」をしていただく必要があります。また、環境設定の変更が必要になった場合も、ここを参照して環境設定の変更を行ってください。

注意！
※ ウェブヘルパー Ver2.0 を初めて起動した時に表示されるトップ画面では、【環境設定】のボタン以外は操作できません。
※ 初めて起動した時は、まず環境設定を行ってください。

26

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版①

画面解説メッセージ表示機能の設定（必須項目）
ウェブヘルパー Ver2.0 は、この設定を「有効」にしておくことで、画面が切り替わる毎にその画面を説明するポップアップメッセージを表示します。
特にウェブヘルパー Ver2.0R をスクリーンリーダーでお使いの場合には、この設定を「有効」にしてください。ポップアップメッセージを読上げることで、音声読み上げでの操作に役立つ情報が得られるようになります。
このメッセージが不要な場合は、「無効」を選択することで画面解説メッセージは表示されなくなります。

②

ウェブブラウザの設定（必須項目）
ウェブヘルパー Ver2.0 は、点検結果に対する「詳細内容の表示」や「エラー該当箇所の表示」などに、ウェブブラウザを使用します。お使いのウェブブラウザを起動するための実行ファイルを、フルパスで設定して下さい。

③

修正用エディタの設定（必須項目）
ウェブヘルパー Ver2.0 は、点検を行なった HTML をその場で修正する場合にテキス
トエディタを使用します。お使いのテキストエディタを起動するための実行ファイル
を、フルパスで設定して下さい。

④

プロキシサーバの設定（任意項目）
インターネット接続時にプロキシサーバを使用している場合のみ、「プロキシサー
バホスト名」および「ポート番号」を設定して下さい。プロキシサーバを使用していない場合や、ウェブ上のコンテンツ（HTML）を点検しない場合には設定は不要です。
分からない場合には、ネットワーク管理者にご相談ください。

重要！
※ Macintosh 環境でこのプロキシサーバの設定を行った場合、ウェブヘルパーからウェ
ブサイトにアクセスできなくなる現象が発生する場合があります。
※ Macintosh 環境でプロキシサーバを使用している場合は、次ページの手順にしたがって設定してください。

27

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

⑤

設定の終了
以上の設定が完了したら、【設定終了ボタン】を選択実行（クリック）してください。

【Macintosh 環境でのプロキシサーバの設定方法について】※この内容は、ウェブヘルパー Ver2.0 を Macintosh 環境でお使いになり、インターネッ
ト接続時にプロキシサーバを使用する方のみお読みください。

1)

環境設定画面にて、「ウェブブラウザ」および「修正用エディタ」を設定する。

2)

同画面にて、ご使用になっている「プロキシサーバホスト名」および「ポート番号」を設定する。

3)「テスト用接続先 URL」入力欄に普段ご覧になるウェブサイトの URL を入力する。

4)

テストボタンを押下して、ウェブサイトへアクセスできるかを確認してください。

5)⇒①ブラウザが起動し、入力した URL のページが表示されれば問題ありません。

6)⇒②ブラウザは起動するが、入力した URL のページが表示されない場合には、「プロキシサーバホスト名」および「ポート番号」を削除し、再度「テストボタン」を押下してテストを行なって下さい（これで接続されるはずです）。

7)

接続を確認後、【設定終了ボタン】を押下して環境設定を保存終了してください。

28

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

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

29

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

６

みなさんのホームページを点検してみましょう

みなさんのホームページは、高齢者や障害者の方も利用しています。みなさんのホーム
ページで提供している情報が、誰にでも問題なくアクセスし、利用することができるかど
うか、ウェブヘルパーVer2.0 を使って早速点検してみましょう。

みなさんのホームページが、すでにインターネット上に公開されている場合について、説明します。まず、ホームページを訪れる人が、最初に訪問するトップページのアクセシ
ビリティを点検してみましょう。ウェブヘルパーVer2.0 の「アクセシビリティ点検機能」で、トップページの URL（例えば、http://www.jwas.gr.jp/index.html）を入力し、点検を開始します。
トップページの点検が終わったら、次は、トップページからリンクされている各ページも点検してみましょう。各ページの URL をいちいち入力するのは大変です。ウェブヘルパ
ーVer2.0 では、先に点検した HTML コンテンツに含まれていたリンク先を、次の点検候補として表示できます。その中から次に点検したいコンテンツを選んで引き続き点検作業を行なうことができます。

また、みなさんのホームページの HTML ファイルが、自分のパソコンやローカルネット
ワーク上にあり、ホームページを作成中、または更新作業中という場合も、同じように「アクセシビリティ点検機能」を使って点検することができます。一つ一つのファイルを点検するのがめんどうな時、「フォルダ一括簡易チェック」機能を使えば、おおまかな結果を知ることもできます。
点検が終わったら、修正にも取組んでみましょう。「タイトルエディタ」や「ALT エディタ」機能を使って、画像ファイルの代替テキストや、ページのタイトルを適切につけるだ
けでも、アクセシビリティは高まります*1。

では、次ページから、早速「アクセシビリティ点検機能」についてご説明します。

*1「タイトルエディタ」や「ALT エディタ」機能で修正できる項目は限られています。詳
しい修正作業については、２章 41 ページ、「（ア）修正作業」を参照してください。

30

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

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

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

①

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

②

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

③

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

④

点検を開始します。

⑤

自動点検の点検結果が表示されます。
ここまでで自動点検は終了です。

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

⑦

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

⑧

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

31

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

８

アクセシビリティ自動点検を行なうまで①

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

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

重要！

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

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

32

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

点検対象のファイルを指定したら、次にそのファイルの 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）

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

33

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

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

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

34

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版③

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

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

注意！

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

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

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

35

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

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

重要！

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

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

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

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

36

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版④

点検を開始します。

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

点検開始！

37

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版⑤

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

点検開始を実行すると、ウェブヘルパー Ver2.0 は自動的に HTML のソースを解析し、WCAG1.0 に沿ってアクセシビリティを点検した後、その結果をレポートします。

×マークは、自動点検で発見された問題点を指摘しています。
？マークは、利用者による確認が必要な箇所を指摘しています。
同じ点検項目でも複数個の問題箇所が見つかった場合には、「○項目・△箇所の問題点」
といった形でレポートされます。

自動点検結果の総評

WCAG1.0 に沿った優先度別の点検結果レポー
ト一覧※ 2.1.1 等 の 数 字 は 、WCAG1.0 のチェックポイントに相当※項目の後ろの括弧数
字は問題箇所の総数
重要！
※ ここまででウェブヘルパーの自動点検は終了です。
※ ここでの点検結果は自動点検のみの結果です。画面上部の結果コメント表示欄に、「注意！！

これは最終結果ではありません。まだ「？」で示された確認必要項目が残っています。」と表示された場合は、個別に確認が必要な項目が残っていることを示しています。
※ 最終的な点検結果は、これらの確認事項に全て答えた後に表示されます。

38

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

９⑥

アクセシビリティ点検結果を確認する？マークの項目を個別に判定します。

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

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

39

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

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

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

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

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

40

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版⑦

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

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

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

× マークの付いた項
目をダブルクリック
してください41

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

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

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

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

42

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版⑧

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

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

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

【エディタ起動】を実行すると、環境設定で指定したテキストエディタのプログラムが起動し、点検を実施した HTML ソースを直接修正する作業に移ることができます。

重要！

※ 修正を行ったら、再度ウェブヘルパーを使ってアクセシビリティ点検を実施し、目標のレベルが達成されているかどうかを確認しましょう。

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

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

43

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

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

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

44

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

第 3 章 その他の機能を使う

45

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

１０【フォルダ一括簡易チェック】機能の利用手順

フォルダ内の複数ファイルを一度に簡易点検する手順は、以下のとおりです。

①

点検対象のフォルダを指定します。

②

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

③

点検を開始します。

④

自動点検の点検結果が表示されます。
エラー項目数とエラー箇所数が一覧で表示されます。

⑤

点検結果の概略を確認します。

⑥

各 HTML ファイルごとに問題点の詳細を把握します。

以下に、各手順の詳細を説明します。

46

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版①

点検対象のフォルダを指定します。

アクセシビリティを点検したいフォルダを指定します。
指定したフォルダ内にある HTML
ファイルを一括点検することが出来ます（サブフォルダ内のファイルは対象になりません）。
点検対象を指定する枠内にフォルダ名（C:/My Documents/www/sample/など）を入力してください。フォルダ
名を指定する場合には、【参照】ボタンを使ってフォルダを探し出すこともできます。

重要！

※ この機能での点検対象はローカルネットワーク環境でアクセスできるフォルダ内のHTML ファイルです。
oインターネット上に公開されているコンテンツを点検したい場合は、この機能ではなく、「アクセシビリティ点検」機能をお使いください。

o

指定したフォルダ直下の HTML ファイルが対象になります。サブフォルダ内のファイルを一括点検したい時は、再度、サブフォルダを指定する必要があります。

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

47

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版②

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

自動的に点検できる全項目を対象にする場合は、【簡易点検全項目】を選択します。
個別に点検項目を指定して点検する場合は、【個別指定】ボタンをクリックし、点検項目を選択する次のページに移動します。【簡易点検全項目】が選択されている場合、【個別指定】ボタンは使えない状態になっていますが、個別指定の○をチェックすると【個別指定】
ボタンを押すことができるようになり、それをクリックすると点検項目を選択する次のページに移動します。

ここでは、点検したい項目を個別にチェックします。一つだけでなく、複数の点検項目を選ぶことができます。チェックボックスが利用可能になっている項目が簡易点検の対象項目です。項目名がグレーで薄く表示されていてチェックボックスが選択できない状態に48

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版なっている項目は、簡易点検の対象外です。これらは、「アクセシビリティ点検」機能を使って点検し、個別に？マークを確認する必要があります。
上に並んだ【テーブル】【画像】【マルチメディア】【文書構造】をそれぞれ選択（クリック）することで、それぞれのテーマに関連した点検項目をまとめて選択することができます。複数のテーマを併せて選択することも可能です。
【全選択】をクリックすると、全ての点検項目が選択されます（トリプルＡの点検と同じ）。【全削除】をクリックすると、既に選択した点検項目がクリアされます。
設定が終わりましたら、最下段にある【設定終了】をクリックしてください。もし何も選択せず、前の画面に戻りたい場合は、【キャンセル】をクリックしてください。

重要！

※ 点検項目が限られます。
o

自動点検可能な項目についてのみ一括で点検できる簡易機能ですo全ての項目を対象に点検をおこなう場合は、「アクセシビリティ点検」機能を利用してください。

③

点検を開始します。

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

49

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版④

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

点検処理が終了すると、画面が切り替わり「フォルダ毎エラー数表示」画面が表示されます。

⑤

点検結果の概略を確認します。

「フォルダ毎エラー数表示」画面では、フォルダ内の HTML ファイルについて、簡易点
検の結果問題のあった点検項目数と、HTML 内の問題箇所の数を確認することができます。
各ファイルのアクセシビリティの状況を大まかに把握してください。
一覧では、 HTML ファイル名（YY 項目／ZZ 箇所） という形式で表示されます。このうち YY 項目 とは、HTML ファイル内でアクセシビリティ上問題があった点検項目の数、ZZ 箇所とは、HTML 内の問題箇所の総数です。
例えば、※ 13.1.1 リンクを示すテキストが明確になっていません※ 10.5.1 隣り合うリンクが明確になっていませんの２つの点検項目に問題があり、それぞれの項目について HTML 内に２箇所ずつ（合計４箇所）問題があった場合は、 HTML ファイル名（２項目／４箇所） という表示になります。

50

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版⑥

各 HTML ファイルごとに問題点の詳細を把握します。

さらに HTML ファイル毎に問題点の内容を詳細に確認することもできます。
一覧から確認したい HTML ファイル名を選択してください。
「点検結果」画面に表示が切
り替わります。

詳細を確認したい HTML ファイル名をクリック「点検結果」画面では、選択した HTML ファイルの点検結果をレポートしています。この画面の確認方法、利用方法の詳細は２章 38 ページを参照してください。

51

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

点検結果の概略を示した「フォルダ毎エラー数表示」画面に戻るには、【フォルダ毎エラ
ー数表示に戻る】ボタンを選択してください。ほかの HTML ファイルの点検結果の詳細を確認したい場合には、このボタンを選択し、「フォルダ毎エラー数表示」画面の一覧から確認したい HTML ファイル名を選択し直してください。
フォルダ名を指定する「フォルダ内一括簡易チェック」機能の先頭のページへ戻るには、【フォルダ指定画面に戻る】ボタンを選択してください。

注意！

※ 点検結果のレポートは、限られた点検項目を対象にしたものですo

正確なアクセシビリティ点検を行うには、「アクセシビリティ点検」機能を利用して点検を行ってください。

52

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

１１【文章構造チェック】機能の利用手順

HTML の文章構造（h1〜h6 の見出しタグの構成）の確認は、以下の手順で行います。

①

点検対象の HTML ファイルを選択します。

②

文章構造を確認します。

以下に手順の詳細を説明します。

①

点検対象の HTML ファイルを選択します。

まず、ウェブヘルパーVer2.0 のトップ画面メニューから、【文章構造チェック】ボタンを選択します。

53

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

文章構造を点検したいファイルを指定します。
点検対象を指定する枠内にファイル名を入力してください。ファイル名を指定する場合には、【参照】ボタンを使ってファイルを探し出すこともできます。
点検対象のファイルを指定したら、最下段に表示された【点検開始】ボタンを押してください。ウェブヘルパーVer.2.0
が文章構造チェックを開始します。

注意！

※ 点検対象はローカル環境でアクセスできる HTML ファイルです。
※ 複数の HTML ファイルについて点検を行いたい場合は、一連の手順を繰り返して行って
ください。

②

文章構造を確認します。

自動的にブラウザが立ち上がり、見出しタグが指定されているテキストが表示されます。
見出しタグがきちんと入れ子*1 になっているかどうか、簡潔で分かりやすい見出しが付けられているかどうかを確認してください。

*1

入れ子：上位の見出しタグの中に順番に下位の見出しタグが位置づけられている状態。

54

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

１２【タイトルエディタ】機能の利用手順「タイトルエディタ」機能の利用手順は以下のとおりです。

①

点検対象のフォルダを選択します。

②

各ページのタイトルを確認し、必要に応じて修正します。

③

修正結果を保存します。
（②で修正を行った場合）

以下に手順の詳細を説明します。

①

点検対象のフォルダを選択します。

まず、ウェブヘルパーVer2.0 のトップ画面メニューから、【タイトルエディタ】ボタンを選択します。

55

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

点検を行いたいフォルダを指定します。
点検対象を指定する枠内にフォルダ名を入力してください。フォルダ名を指定する場合には、【参照】ボタンを使ってフォルダを探し出すこともできます。
点検対象のフォルダを指定したら、最下段に表示された【点検開始】ボタンを押して下さい。ウェブヘルパーVer2.0 が点検を開始します。

注意！

※ 点検対象はローカル環境でアクセスできるフォルダ内の HTML ファイルです。
※ 点検対象に、サブフォルダ以下の HTML ファイルは含まれません。複数のフォルダについて点検を行いたい場合は、一連の作業を繰り返して行ってください。

②

各ページのタイトルを確認し、必要に応じて修正します。

「タイトル一括編集」画面に表示が切り替わり、対象フ
ォルダ内の全 HTML ファイ
ルのファイル名とタイトル（title 要素に指定されたテキスト）が表示されます。
それぞれ分かりやすいページタイトルが付けられているか、同じタイトルのページが無いかなどを確認し、必要に応じて修正してください。

56

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版③

修正結果を保存します。
（②で修正を行った場合）②でタイトルの修正を行った
場合は、修正結果を保存します。
対象 HTML ファイルに修正結果を上書き保存する場合は、ページ下部の【上書き保存】ボタンを選択します。上書き保存は対象となっている全 HTML ファイルに対して一括で行われますのでご注意下さい。なお、修正結果を反映した別ファイルを作成する場
合は、ページ下部の【別ファイルに保存】ボタンを選択します。

修正を行わず、現状のままでよい場合は、ページ上部の【トップ画面へ戻る】ボタンを選択します。

57

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

１３【ALT エディタ】機能の利用手順「ALT エディタ」機能の利用手順は以下のとおりです。

① 点検対象の HTML ファイルを選択します。

② 代替テキストの指定有無や内容を確認し、必要に応じて修正します。

③ 修正結果を保存します。
（②で修正を行った場合）

以下に手順の詳細を説明します。

① 点検対象の HTML ファイルを選択します。

まず、ウェブヘルパーVer2.0 のトップ画面メニューから、【ALT エディタ】ボタンを選択
します。

58

ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

点検したいファイルを指定します。
点検対象を指定する枠内にファイル名を入力してください。ファイル名を指定する場合には、【参照】ボタンを使ってファイルを探し出すこともできます。
点検対象のファイルを指定
したら、最下段に表示された【点検開始】ボタンを押してください。ウェブヘルパーVer2.0 が点検を開始します。

注意！
※ 点検対象はローカル環境でアクセスできる HTML ファイルです。
※ 複数の HTML ファイルについて点検を行いたい場合は、一連の作業を繰り返して行って
ください。

②

代替テキストの指定有無や内容を確認し、必要に応じて修正します。

「ALT エディタ」画面に表示が切り替わり、対象 HTML ファイル内で使われている全画像（img 要素）について、画像イメージと指定されている代替テキスト（alt 属性）の内容が一覧で表示されます。
画像イメージを参照しながら、代替テキストに洩れがないかどうか、指定されている代替テキストが適切であるかを確認します。
必要に応じて、代替テキストを修正します。ページ下部の【確認】ボタンを選択すると59ウェブヘルパー Ver2.0
活用マニュアル 2003.7.14 版

自動的にブラウザが立ち上がり、修正結果を確認することが出来ます。

③

修正結果を保存します。
（②で修正を行った場合）②で代替テキストの修正を行った場合は、修正結果を保存します。
対象 HTML ファイルに修
正結果を上書き保存する場
合は、ページ下部の【上書き保存】ボタンを、修正結果を反映した別ファイルを作成する場合は、ページ下部の【別ファイルに保存】ボタンを選択します。

修正を行わず、現状のままでよい場合は、ページ上部の【トップ画面へ戻る】ボタンを選択します。

60