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

第１章 ウェブヘルパーを使うための準備

1

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

１

はじめに

１．１

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

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

１．２

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

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

①

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

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

2

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

また、読み上げソフトではテキスト情報を単線的に読み上げるため、データ表など二次元の配置のある情報は、読み上げソフトの利用者にとっては理解しにくい情報になります。

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

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

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

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

3

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

③

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

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

④

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

⑤

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

4

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

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

⑥

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

⑦

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

5

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

２

ウェブヘルパーについて

２．１

ウェブヘルパーの機能構成

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

ウェブヘルパー

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

①

②

④

③

⑤

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

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

6

ウェブヘルパー Ver1.0
利用マニュアル 2003.5.19 版③【文章構造チェック】機能
ローカルにある HTML の文章構造（h1〜h6 の見出しタグの構成）を確認するための機能です。
見出しタグがきちんと入れ子*1 になっているか、簡潔で分かりやすい見出しが付けられているかなどの点検を行うことができます。

④【タイトルエディタ】機能
ローカルのフォルダ内にある複数の HTML ファイルに対して、そのページタイト
ル（title タグ）を一括して確認・修正するための機能です（サブフォルダ以下は含まれません）。
それぞれ分かりやすいページタイトルが付けられているか、同じタイトルのページが無いかなどを点検し、必要に応じて修正することができます。

*1

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

7

ウェブヘルパー Ver1.0
利用マニュアル 2003.5.19 版⑤【ＡＬＴエディタ】機能
ローカルにある 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>8

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

２．２

ウェブヘルパーの点検のしくみ

ウェブヘルパーの点検機能は、Ｗ３Ｃ／ＷＡＩによる WCAG1.0 および AERT ワーキングドラフトを参考に、日本語環境での利用条件などを考慮して開発されています。

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

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

ウェブヘルパー Ver1.0
利用マニュアル 2003.5.19 版【ＷＣＡＧ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 での位置づけ

優先度１

高い

優先度２

やや高い

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

優先度３

やや低い

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

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

10

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

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

適合度
Ａ（A）

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

ダブルＡ（AA）

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

トリプルＡ（AAA）

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

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

補助ツール

です。

‑ ウェブヘルパーの点検機能は AERT を参考にしていますので、アクセシビリティを確保する視点は WCAG1.0 が拠りどころとなります。
‑ しかし、WCAG1.0 の１４項目のガイドラインにしたがって、それを完全かつ自動的にシステムが点検することは不可能です。ウェブヘルパーが行う点検は、
WCAG1.0 のガイドラインが意図するところの一部分を点検しているに過ぎません。
かつ、利用者の判断に委ねられている点検項目も多数存在します。
‑ したがって、最終的にアクセシビリティの確保が実現されているかは、WCAG1.0に照らし合わせて、ご自身で判定していただく必要があります。

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

２．３

ウェブヘルパーの点検項目について

ウェブヘルパーの点検項目は次表のとおりです。

※

ウェブヘルパーの点検項目「点検番号」の後ろに、*（アスタリスク）のついているものは、ウェブヘルパー独自の点検項目です。

※「優先度」の欄に、*（アスタリスク）のついているもの（点検番号 5.1.1）は、点検項目としてではなく、テーブル関連の点検を行うに際し、ファイル指定画面やフォルダ
指定画面にて、条件として設定していただく項目です。

※「検査方法」とは、ウェブヘルパーが自動的に点検結果を表示できるものを「自動」、
利用者へ確認(質問)を必要とするものを「半自動」としています。
「未実装」は、「ソフ
トウェアで点検することが困難である」などの理由からウェブヘルパーでは点検することができない点検項目です。
これらはウェブヘルパーでは点検項目として実装されていませんが、コンテンツ作
成者がその内容を理解した上でコンテンツを作成しなければならないものです。
詳しくは、WCAG1.0 および AERT ワーキングドラフトを参照してください。

※

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

1.1.1

優
先
度
1

自動

1.1.2

1

自動

1.1.3
1.1.4

1
1

自動
自動

1.1.5

1

自動

1.1.6
1.1.7
1.1.8
1.1.9
1.1.101.1.11
1.1.12
1.1.13
(*)

1
1
1
1
−
−
−

半自動
自動
自動
自動
自動
未実装
未実装

2

自動

項目
番号

検査
種別

項目内容
すべての画像(IMG)に代替テキスト(alt)が用意されているか
画像が重要な情報を伝達し、その代替テキストがある場合はlongdesc属性やDリンクが加えられているか
imageタイプのINPUTで代替テキスト(alt)が正しく用意されているか
アプレット(APPLET)に代替テキスト(alt)が正しく用意されているか
画像表示目的のOBJECT要素に代替テキストが正しく使われているか
オ−ディオファイルには代替テキストがあるか
埋め込みオ−ディオファイルにテキスト等価物が提供されているか
FRAME中のlongdesc属性は正しく使われているか
AREA中に代替テキスト(alt)があるか
SCRIPTはNOSCRIPT等価とあわせ正しく使われているか（項目不明）ASCIIア−トに代替テキストが用意されているか
絵文字（携帯端末用コ−ドでよく使われるもの）が使われていない
か

12

○

C-HT
ML点
検
−

○

−

○
○

−
−

○

−

○
○
○
○
○
−
−

−
−
−
−
−
−
−

○

−

HTML
点検

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

1.1.14(*)
1.1.15
(*)

2

自動

1

半自動

1.2.1

1

半自動

1.3.1
1.4.1
1.4.2

1
1
−

半自動
半自動
未実装

1.5.1

3

自動

2.1.1
2.2.1

1
3

半自動
自動

3.1.1

−

未実装

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
4.1.1
4.2.1
4.3.1
5.1.1
5.1.2
5.2.1
5.3.1

2
2
2
−
3
3
*
1
1
2

半自動
半自動
自動
未実装
自動
自動
半自動
自動
半自動
半自動

5.4.1

2

自動

5.5.1

3

自動

5.5.2
5.6.1
6.1.1
6.2.1

2
3
1
1

自動
自動
半自動
半自動

6.2.2

1

半自動

6.3.1

1

自動

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

13

○

−

○

−

○

−

○
○
−

−
−
−

○

−

○
○

−
−

−

−

○
○
○
○
○
○

−
−
−
−
○
○

○

−

○
○
○
−
○
○
○
○
○
○

○
○
−
−
○
−
−
−
−
−

○

−

○

−

○
○
○
○

−
−
−
−

○

−

○

−

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

6.4.1
6.5.1
7.1.1

2
2
1

半自動
自動
半自動

7.2.1

1

自動

7.3.1
7.3.2
7.4.1
7.5.1

2
2
2
2

自動
半自動
自動
自動

8.1.1

2

半自動

9.1.1

1

自動

9.2.1

2

半自動

9.3.1

2

半自動

9.4.1

3

自動

9.5.1

3

半自動

10.1.12

自動

10.1.210.2.1
10.3.1
10.4.1
10.5.111.1.111.2.1
11.3.1
11.4.112.1.1

2
2
−
3
3
−
2
−
−
1

半自動
半自動
未実装
自動
自動
未実装
自動
未実装
未実装
自動

12.2.1−

未実装

12.3.1

2

半自動

12.3.22

半自動

12.3.312.3.412.3.512.3.612.4.113.1.113.2.113.2.213.3.113.4.1

2
−
−
−
2
2
2
−
−
−

半自動
未実装
未実装
未実装
自動
自動
自動
未実装
未実装
未実装

プログラム的なオブジェクトにおいては、入力装置に依存しないか
各FRAMESETにはNOFRAMES要素が含まれているか
ペ−ジがフリッカ−の原因になっていないか
BLINK要素によりブリンキングが使われていないか（W3C削除推奨）
MARQUEE要素によりスクロ−ルが使われていないか
アプレットやスクリプトで動くコンテンツを使っていないか
META要素に自動リフレッシュが入っていないか
META要素に自動リダイレクトが入っていないか
スクリプトやアプレットを補助的技術を用いて可能な限りアクセシブ
ルにしているか
サ−バ−側イメ−ジマップを使っていないか
固有のインタ−フェ−スを持つ要素は、すべてデバイスに依存していないかスクリプトは論理的イベント処理型になっているか
論理的なタブ属性（tabindex）を、フォ−ム制御、オブジェクトから定義しているかaccesskey属性が使われているか
AおよびAREAのtarget属性において、blankやnewが含まれていな
いかスクリプト類が新しいウィンドウを開かないか
LABEL要素は正しく配置されているか
リニアライズされた表が用意されているか
INPUT、TEXTAREA、SELECT要素でデフォルトの値があるか隣接するリンクは分離されているか可能な最新の技術仕様を使っているか
いずれ廃棄される予定のW3C技術を使用していないか（項目不明）
ペ−ジは必要なレベルのすべてのチェックポイントに合格したか
各フレ−ムにタイトルがつけられているか
フレ−ムタイトルだけでは明確でない場合、フレ−ムの目的や、フレ−ムの相互関係を説明する
8つ以上OPTION要素がある場合にOPTGROUP要素が使用されているか
FORM要素に8つ以上コントロ−ルがある場合に、FIELDSET要素が使用されているか
リスト要素が正しく使用されているか長い文が使われていないか
長い段落が使われていないか
長いテキストが使われていないか
LABEL要素やINPUT要素は正しい属性をもっているか
各リンクの行く先名（target）は明確になっているか
ペ−ジにタイトルは付けられているか
RDFは正しいか
サイト上の全体的なレイアウトに関しての情報を用意する
一定のナビゲ−ション機能を用いる

14

○
○
○

−
−
−

○

−

○
○
○
○

−
−
−
−

○

−

○

−

○

−

○

−

○

−

○

○

○

−

○
○
−
○
○
−
○
−
−
○

−
−
−
−
−
−
−
−
−
−

−

−

○

−

○

−

○
−
−
−
○
○
○
−
−
−

−
−
−
−
−
○
−
−
−
−

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

13.5.1−

未実装

13.6.1
13.7.1

−
−

未実装
未実装

13.8.1−

未実装

13.9.113.10.1
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
−
−
−
−
−
−
−

未実装
未実装
半自動
未実装
未実装
未実装
未実装
未実装
未実装
未実装

ナビゲ−ション構造へ入りやすくするため、ナビゲ−ションバ−を用意する
関連するリンクはグル−プ化されているか
いろいろな熟練度と設定条件での検索タイプを可能にしているか
見出し、パラグラフ、リスト等のはじめに、区分のための情報を用意する
ドキュメント収集に関する情報を提供する
多行にわたるASCIIア−トをスキップする手段があるか明瞭で正確な見出し化がされているか
文や段落のトピックは、文や段落の始めに位置しているかそれぞれの段落では１つの主要な考えが書かれているか
俗語や専門用語が使われていないか
共通語が使われているか
受動的な動詞よりも能動的な動詞が使われているか
サイトの内容にふさわしい言語が使われているか
よく使われる言葉が特殊な意味合いで使われていないか

2

自動

2

−

−

−
−

−
−

−

−

−
−
○
−
−
−
−
−
−
−

−
−
−
−
−
−
−
−
−
−

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

○

○

自動

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

○

○

2

自動

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

14.2.1

−

未実装

−

−

14.3.1

−

未実装

−

−

画像やオ−ディオ表現にテキストを補足し、ペ−ジの把握を容易にする
ペ−ジ間で一定の表現形式になっているか確認してください15

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

２．４

ウェブヘルパーの実行環境について

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

①

ＯＳ・Microsoft Windows 98SE / 2000sp2 / XP・Mac OS X 10.1 以上②③

ウェブブラウザ・Windows 版

Internet Explorer 6.x 以上推奨

・Macintosh 版

Internet Explorer 5.2 以上推奨

修正用エディタ（テキストエディタ）
・Windows 版 notepad.exe を推奨
・Macintosh 版④

TextEdit を推奨

Java 実行環境
・「JavaTM 2 Runtime Environment（J2RE）」のバージョン 1.3.1 以上
本ソフトウェアは Java で開発されているため、Java の実行環境が必要です。詳細については、「３．３⑤JAVA 実行環境 のインストールについて」を参照してください。

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

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

音声読み上げにより操作するために必要なソフトウェア
ウェブヘルパー Ver1.0 は Java Accessibility API（以下、JAAPI と呼ぶ）に対応していますので、Java Access Bridge 経由で読み上げに必要な情報を取得することができます。
このため、JAAPI 対応（Java Access Bridge 対応）のスクリーンリーダーを使用することにより、画面の読み上げが可能となります。現在、JAWS for Windows Version 4.5（日本アイ・ビー・エム社製）が近日中に JAAPI 対応予定との情報を得ています。
なお、次期 Ver2.0 では、より多くのスクリーンリーダーに対応する予定です。

16

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

２．５

その他

（１）著作権など・著作権について ： ウェブヘルパー Ver1.0 の著作権は総務省が有しています｡
・再配布について ： ウェブヘルパー Ver1.0 は、再配布不可とします。

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

（３）インストール時の補足注意事項
本ソフトウェアをご利用になるパソコンに、Java 実行環境がインストールされていない
場合、Sun Microsystems 社（Windows の場合）あるいは apple 社（Macintosh の場合）のホー
ムページより「ダウンロード」および「インストール」を行なっていただく必要があります（詳しいダウンロードおよびインストールの手順は次節を参照してください）。
ただし、勤務先のパソコンなどの場合、「ダウンロード」や「インストール」などは管理者権限を持った方でないと行えない場合があります。
このような場合は、システム管理者の方にご相談ください。

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

17

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

３

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

ウェブヘルパー Ver1.0 を利用する場合には、以下の手順に沿ってウェブヘルパー Ver1.0
をご自分のパソコンにインストールしてください。
なお、以下の手順をご覧いただき、必要な場合には Java の実行環境もインストールしていただく必要があります（Java の実行環境が整っていないと、ウェブヘルパーをお使いい
ただくことはできません）。

３．１

ウェブヘルパーのインストール .......【Windows】【Macintosh】共ウェブヘルパー Ver1.0 のインストールは、自己解凍形式に圧縮されたプログラムファイ
ルをダウンロードし、それをパソコン内の任意の場所へ解凍（ダウンロードファイルをダ
ブルクリックするか、ファイルを選択した状態で Enter キーを押す）していただくだけです。
解凍すると「webhelper」というディレクトリと、そのディレクトリ内に各種ファイルが展開されます。
以下、Windows 環境の場合を例に手順を説明します。

①

ウェブヘルパー Ver1.0（プログラムの圧縮ファイル）のダウンロード
ホームページ「みんなのウェブ」（http://www.jwas.gr.jp/）からリンクをたどり、ウェ
ブヘルパー Ver1.0 をダウンロードします。

← ダブルクリック！

18

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

ダウンロードファイルの保存「ファイルのダウンロード」のダイアログが表示されたら、【保存（Ｓ）】を選択してください。
「名前をつけて保存」のダイアログが表示されたら、ファイルを保存する先を指定】を実行してください。
して、再度【保存（Ｓ）③

ダウンロードファイルの解凍
マイドキュメントやエクスプローラーなどで、上記ダウンロードファイルを保存したフォルダを開いてください。
ダウンロードしたファイル「webhelper_v1.exe」をダブルクリック（あるいはファイ
ルを選択して Enter キー）すると、自動的に解凍が開始されます。
解凍先のフォルダを指定するダイアログが表示されたら、解凍後のファイルを保存するフォルダを指定して【ＯＫ】を選択してください。

19

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

解凍が済みましたら、解凍先として指定したフォルダ内に「webhelper」というフォルダが作成されたことを確認してください。

webhelper フォルダ内には、以下のフォルダ（４つ）とファイル（１つ）が解凍されます。
1)［フォルダ］

conf2)［フォルダ］

html

3)［フォルダ］

img

4)［フォルダ］

lib

5)［ファイル］

webhelper.jar

以上で、ウェブヘルパー Ver1.0 のインストールは完了です。
引き続き、以下の手順をご覧いただき、必要な場合には Java 実行環境のインストールを実施してください。

注意！
※ ウェブヘルパー Ver1.0 を一度でも起動すると、webherler フォルダ内には、以下のフォルダが自動作成され追加されます。
［フォルダ］

temp［フォルダ］

usr20

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

３．２

Java 実行環境のインストール .......【Windows 環境の場合】

ウェブヘルパー Ver1.0 は、Java 実行環境 1.3.1 以上を推奨しています。
ご使用の Java 実行環境が Java 1.2 以下の場合、または Java 実行環境がインストールされていない場合、Java 1.3.1 のインストールを推奨しています。
まず、ご使用のパソコンにおける現在の Java 実行環境の確認を行ってください。

（１）ご使用のパソコンにおける Java 実行環境の確認
Java の実行環境が既にインストールされている場合には、コマンドプロンプトで Javaのバージョンを確認することができます。

Windows 98 では「スタート」→「プログラム」→「MS-DOS プロンプト」、Windows 2000
/ XP では「スタート」→「プログラム」→「アクセサリ」→「コマンドプロンプト」を選択し、コマンドプロンプトを起動してください。
例えば「C:¥ Documents and Settings¥user > 」のようにコマンドの入力が要求されますので、 > に続いて java△-version （△はスペース、入力文字は半角）と入力し、Enter
キーを押してください。
Java 実行環境が既にインストールされている場合には、「java version “1.3.1”」といったメッセージが表示されます。
（例）C:¥Documents and Settings¥user> java-version
Java version "1.3.1"
Java(TM 2 runtime Environment, Standard Edition (build 1.3.1-b24)
Java HotSpot(TM) Client VM (build 1.3.1-b24. mixe mode)
C:¥Documents and Settings¥user>

もし、Java 実行環境が以下の(ア)あるいは(イ)のような場合は、次頁のインストール方法を参照して、Java 実行環境の 1.3.1 をインストールしてください。
(ア)Java 実行環境がインストールされていない場合（

コマンドまたはファイル名が違いますとかコマンドが認識されません

といった旨のメッセージが表示された場合）(イ)Java 実行環境のバージョンが 1.3.1 よりも古い（1.3.0 など）場合（Java 実行環境が 1.3.1 以上の場合は、インストールせずそのままお使い下さい）

21

ウェブヘルパー Ver1.0
利用マニュアル 2003.5.19 版（２）Java 実行環境のインストール方法

重要！*1※ 上記②のように他のバージョンの Java 実行環境がインストールされている場合、そのバージョンをアンインストールしてからインストールをおこなってください。
※ 詳しいインストールガイドは、http://java.sun.com/j2se/1.4/ja/jre/install-windows.html
を参照してください。

①

Sun Microsystems 社のホームページにある「Java 2 Platform, Standard Edition v 1.3 のページ」（http://java.sun.com/j2se/1.3/ja/index.html）へアクセスしてください。

②

このページにある【J2SETM v1.3.1_08 のダウンロード】（表示位置は右上方）をクリッ
クし、J2SE v 1.3.1_08 のダウンロードページに移動してください。
※

1.3.1 の後ろのアンダーバー以降の数字（_08）は、逐次更新により番号が増えている場合があります。

③

J2SE v 1.3.1_08 のダウンロードリストの中から、「Windows（各国語）」の「JRE」の【ダウンロード】をクリックします（JRE と SDK の 2 種類がありますが、JRE の方をダウンロードしてください）。
※④

ここから英語のページに移動します。

ライセンス同意の確認文書（英語）が表示されたら、ページ下方にある【ACCEPT】（同意）ボタンをクリックしてください。

⑤

新しい「J2SE V1.3.1_08」のダウンロードページが表示されますので、「Download
j2re-1_3_1_08-windows-i586-i.exe」をクリックして、インストーラをダウンロードして
ください。

⑥

ダウンロード終了後、インストーラを実行（ダウンロードしたファイルをダブルクリック）してインストールを行なって下さい。

*1

アンインストールは、OS が Windows の場合にはコントロールパネルから「アプリケーシ
ョンの追加と削除」ユーティリティを使用して下さい。
Sun Microsystems では、このように他のバージョンの Java 実行環境をアンインストールすることをバージョン 1.3.x までは特に指定していませんでしたが、バージョン 1.4.0 から
このような条項が追加されています。
詳しくは、「http://java.sun.com/j2se/1.4/ja/jre/install-windows.html」をご参照下さい

22

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

３．３

Java 実行環境のインストール .......【Macintosh 環境の場合】

ウェブヘルパー Ver1.0 は、Java 実行環境 1.3.1 以上を推奨しています。
ご使用の Java 実行環境が Java 1.3.1 以下の場合、または Java 実行環境がインストールされていない場合、Java 1.3.1 のインストールを推奨しています。
まず、ご使用のパソコンにおける現在の Java 実行環境の確認を行ってください。

（１）ご使用のパソコンにおける Java 実行環境の確認
ご自身のパソコンの Java 実行環境をご確認ください。
Macintosh では Java 実行環境がＯＳ標準でインストールされており、JAVA WEB STARTのヘルプなどから確認することができます。

もし、Java の実行環境がバージョン 1.3.1 よりも古い（1.3.0 など）場合は、次のインストール方法を参照して、Java 実行環境を 1.3.1 以上にバージョンアップして下さい。
（Java
実行環境が 1.3.1 以上の場合は、インストールせずそのままお使い下さい）

重要！
※ Macintosh 版の Java 実行環境をバージョンアップする場合、対応する OS（Mac OS X）のバージョンアップが必要な場合があります。ダウンロードページの情報をよくご確認の上、Java 実行環境のバージョンアップをおこなってください。
※ 古い Java 実行環境をアンインストールする必要はありません。
※ ご使用中の Java アプリケーションは、新しいバージョンの Java 実行環境で動く事と
なります。

23

ウェブヘルパー Ver1.0
利用マニュアル 2003.5.19 版（２）Java 実行環境のインストール方法①

Apple Computer 社のホームページ（http://www.apple.co.jp/）にアクセスしてください。

②

上段にあるメニューバーの中から、「サポート」をクリックします。

③

サブ・メニューバーの中から、「ダウンロード」をクリックし、ソフトウェアアップデ
ートのページに進んでください。

④

表示位置では右上方に表示されるメニューリストの中から、「用途別リスト」をクリックしてください。

⑤

Mac OS X、Java カテゴリー内にある、「Java 1.3.1 アップデート 1」をクリックして、Java 1.3.1 アップデートのページに進んでください。
（http://www.apple.co.jp/ftp-info/reference/java_1.3.1_update_1.html）⑥

以下、画面の指示にしたがって、「Java1.3.1Update1.dmg」をダウンロードしてインストール作業を行ってください。

以上で、Windows 環境および Macintosh 環境でのウェブヘルパー Ver1.0 のインストール
は終了です。

24

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

４

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

ウェブヘルパー Ver1.0 のアンインストール（削除）手順は、Windows 環境も Macintosh
環境も同じです。

ウェブヘルパー Ver1.0 をアンインストールする場合は、インストールの時に解凍し作成されたフォルダごと削除してください。ウェブヘルパー Ver1.0 のアンインストール作業はこれだけです（レジストリへの登録、DLL の更新等は一切行っていません）。

なお、Java 実行環境もアンインストールする場合には、別途 Java 実行環境のアンインス
トールを行う必要があります。
重要！
※ もし、Java 実行環境を必要とするアプリケーションソフトがウェブヘルパー
Ver1.0 以外にもあった場合などに、Java 実行環境を削除してしまうと問題が発生する可能性があります。
※ 通常は、Java 実行環境まで削除しなくても特に問題ありませんので、不明な場合には Java 実行環境は削除しないでください。

Windows 環境で Java 実行環境を削除するには、コントロールパネルの「アプリケーションの追加と削除」（あるいはプログラムの追加と削除）ユーティリティを使用して削除を実行して下さい。

25

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

５

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

５．１

ウェブヘルパーの起動「３．１

ウェブヘルパーのインストール」で解凍し作成された webhelper フォルダ内にある、「webhelper.jar」もしくは「webhelper」（拡張子を表示しない設定になっている場合）というファイルを実行（ダブルクリックするか選択した状態で Enter キーを押す）すると、ウェブヘルパー Ver1.0 が起動します。

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

26

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

５−２

環境設定をする

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

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

27

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

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

②

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

③

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

④

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

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

⑤

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

28

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

1)

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

2)

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

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

4)

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

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

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

7)

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

重要！
※ ウェブヘルパー Ver1.0 は Java Accessibility API（以下、JAAPI と呼ぶ）に対応していますので、Java Access Bridge 経由で読み上げに必要な情報を取得することができます。
※ このため、JAAPI 対応（Java Access Bridge 対応）のスクリーンリーダーを使用することにより、画面の読み上げが可能となります。平成 15 年 5 月 19 日現在、JAWS
for Windows Version 4.5（日本アイ・ビー・エム社製）の JAAPI 対応が確認できて
います。

29

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

30