〜高齢者・障害者等が利用しやすいホームページの普及に向けて〜

ウェブアクセシビリティ実証実験とウェブヘルパーのご紹介

総務省
電気通信アクセス協議会ウェブアクセシビリティ作業部会〜目次〜
１．ウェブアクセシビリティとは？
２．高齢者・障害者ホームページ利用時の代表的な問題点①
３．高齢者・障害者ホームページ利用時の代表的な問題点②
４．ウェブヘルパー（旧称Ｊ−ＷＡＳ）のご紹介
５．ウェブヘルパーを使ったウェブアクセシビリティの実現方法
６．ウェブヘルパーを使ったホームページ点検の手順
７．ウェブアクセシビリティ実証実験のご紹介
８．電気通信アクセス協議会ウェブアクセシビリティ作業部会

１ ウェブアクセシビリティとは？
みなさんのホームページは、高齢者や障害者も利用しています。
高齢者・障害者のインターネット利用は、年々広がっています。
高齢者や障害者にとっても、ホームページは重要な情報源になりつつあります。
特に障害者にとって、ホームページは社会との大切な接点になっています。
特に視覚障害者は、音声読み上げ等によりホームページを利用することで、入手できる情報が格段に広がりました。

ウェブアクセシビリティとは、、、「ウェブを利用しているすべての人が、年齢や身体的条件に関係なく、ウェブで提供されている情報に問題なくアクセスし、利用できること。」（情報伝達の保証）• 機器やブラウザの改良も重要ですが、ウェブコンテンツ作成時の配慮が不可欠です。

２ 高齢者・障害者ホームページ利用時の代表的な問題点①
高齢者や障害者がホームーページを利用する際には、利用者の身体条件によって、様々な問題が生じています。
実際に提供されているホームページは、高齢者や障害者にとって非常に使いにくい、または使えない作りになっていることが少なくありません。
代表的な問題点の例●全盲の人の場合●全盲の人の場合
ppテキスト情報を音声化してくれる読み上げソフフト等を使ってホームページを利用しています。
テキスト情報を音声化してくれる読み上げソト等を使ってホームページを利用しています。
画像に代替テキストが入っていないと、そこにどのような画像があるのかを知ることができま
画像に代替テキストが入っていないと、そこにどのような画像があるのかを知ることができません。全体が画像でできているホームページでは一切の情報が伝わらないことになります。
せん。全体が画像でできているホームページでは一切の情報が伝わらないことになります。

●弱視の人の場合●弱視の人の場合
pp画面上の細かい文字の判読が困難です。
画面上の細かい文字の判読が困難です。
pp文字情報が画像で提供されていると、ブラウザの機能等で拡大して読みとることが困難です。
文字情報が画像で提供されていると、ブラウザの機能等で拡大して読みとることが困難です。
pp文字を拡大して情報を読みとろうとすると、画面全体のレイアウト構成が把握しづらくなりま
文字を拡大して情報を読みとろうとすると、画面全体のレイアウト構成が把握しづらくなります。
す。

●色覚障害の人の場合●色覚障害の人の場合
pp色の組み合わせが不適切に用いられていると、文字や図の判別ができなかったり、色を使っ色の組み合わせが不適切に用いられていると、文字や図の判別ができなかったり、色を使ったナビゲーションが理解できない場合があります。
たナビゲーションが理解できない場合があります。

●聴覚障害の人の場合●聴覚障害の人の場合
pp音声付きのムービーでは、字幕やテキストによる解説がないと内容が十分把握できません。
音声付きのムービーでは、字幕やテキストによる解説がないと内容が十分把握できません。

●肢体不自由の人の場合●肢体不自由の人の場合
ppキーボードの方向キーや、スイッチという特殊な入力装置を使ってウェブを利用します。
キーボードの方向キーや、スイッチという特殊な入力装置を使ってウェブを利用します。
この場合、１ページに含まれるリンク数が多いと、目的のリンクに辿りつくまでに大変な労力と
この場合、１ページに含まれるリンク数が多いと、目的のリンクに辿りつくまでに大変な労力と時間が必要になります。フラッシュなどのアニメーション中にあるリンクは選択できません。
時間が必要になります。フラッシュなどのアニメーション中にあるリンクは選択できません。

３ 高齢者・障害者ホームページ利用時の代表的な問題点②●知的障害の人の場合●知的障害の人の場合pp文字で提供された情報が十分に理解できないケースも想定し、ウェブで重要な情報を提供
文字で提供された情報が十分に理解できないケースも想定し、ウェブで重要な情報を提供する場合、文字だけでなく、その内容をイラストにしたり、音声でも提供できるようにすることする場合、文字だけでなく、その内容をイラストにしたり、音声でも提供できるようにすることが望まれます。
が望まれます。

●高齢者の場合●高齢者の場合
pp加齢に伴い、視覚・聴覚が変化するため、高齢者がホームページを利用する際には視覚障加齢に伴い、視覚・聴覚が変化するため、高齢者がホームページを利用する際には視覚障害者・聴覚障害者双方と共通の問題が発生します。
害者・聴覚障害者双方と共通の問題が発生します。
pp複雑な操作の習得も負担となるため、画面上での説明や操作の分かりやすさも課題です。
複雑な操作の習得も負担となるため、画面上での説明や操作の分かりやすさも課題です。

身体条件別の問題点概念図

全盲
テキスト情 報イラストなど
音声再生
音声付きビデオ
不適切な配色新 語 ・難 語
小 さな文字やリンク×△×

弱視△△××

色覚障害

聴覚障害肢体
不自由△×

△××

△△×

△×

知的障害×××高齢者△△△△△
×
××・・・情報の取得が困難なもの△・・・コンテンツ側に一定の配慮がない場合に、情報の取得が困難なもの

４ ウェブヘルパー（旧称Ｊ−ＷＡＳ）のご紹介
ウェブアクセシビリティ点検・修正システム「ウェブヘルパー」を利用して、誰でもホームページのアクセシビリティを点検できます。
みなさんのウェブコンテンツがアクセシブルかどうかを点検し、問題点をレポートしたり、修正のための手順を提供します。
ウェブヘルパー（サーバ版）は、インターネット上に置かれたアプリ
ケーション・サーバで動作しており、誰でも利用できます。
ＷＣＡＧ１．０（注）に日本語の言語特性を踏まえた点検が可能です。
（※現在、ＣＤ−ＲＯＭ版の開発に向けたウェブヘルパー（サーバ版）のテスト版を公開中ですが、テスト版のため点検項目が限られています。）

点検レポートでは、それがなぜ問題になるのか、どう直せばよいのかなどを具体例を挙げて分かりやすく解説しています。

インターネットウェブヘルパー（サーバ版）

ウェブ制作者
企業のウェブ担当者

ＨＴＭＬ

インターネット上のウェブコンテンツを点検ローカルのウェブコンテンツを点検

ウェブヘルパー
（CD‑ROM版）

ＨＴＭＬ※現在準備中（注）ＷＣＡＧ１．０
ウェブ技術の標準化を推進する国際的な標準化団体であるＷ３Ｃ（World Wide WebConsortium）が１９９９年５月に勧告した、ウェブコンテンツ・アクセシビリティ・ガイドライン
１．０のことです。

５ ウェブヘルパーを使ったウェブアクセシビリティの実現方法① ウェブヘルパーで1ページごとに、目標とするアクセシビリティレベルに応じた問題箇所の点検を行う。
② ウェブヘルパーの自動修正機能および修正支援機能を使って問題を修正する。
③ 残された問題点を、テキストエディタ等でHTMLを直接修正する。
④ 修正後のホームページを再度、ウェブヘルパーで点検し、目標とするアクセシビリティのレベルが確保されているかを確認する。

インターネット上のウェブサイト

ウェブヘルパー
J-WAS

対象ページ
対象ページ

目標レベルの設定

作業者

ログイン

点検手順
点検手順

自動点検
手動点検

対話式作業による点検
対話式作業による点検

点検結果の確認
修正手順
修正手順

必ず再点検！

修正後ページ
修正後ページ（更新）（更新）

修正支援項目の確認

対話式作業による修正
対話式作業による修正

修正支援機能による修正
修正結果の保存
修正結果の保存

保存したﾍﾟｰｼﾞ
保存したﾍﾟｰｼﾞ

修正方法の参照

テキスト
テキストエディエディタ
タ等
等
での直接修正での直接修正サーバへのアップ・更新

６ ウェブヘルパーを使ったホームページ点検の手順
詳しくは、実証実験ホームページ「みんなのウェブ」に掲載している「利用マニュアル」をご参照ください。

対象とするホームページのＵＲＬを確認します① 点検前の準備

点検の対象とするページが、フレームを使用しているかどうかを確認する
フレームを使用していないページの場合は、該当ページのURLを確認する
フレームを使用しているページの場合は、フレームを構成する各フレームセットのページのURLをそれぞれ調べる② ログイン・
点検条件の設定

ウェブヘルパーにログインし、目標レベル等を設定します

ウェブヘルパーにアクセスする（http://www.jwas.gr.jp 「みんなのウェブ」より）点検対象ページのURLを入力する想定する閲覧環境を選択する （通常は、「パソコン」を選択）目標とする点検レベルを選択する （まずは、レベルＢで実施）③ 自動点検！

最初に表示される「点検結果」は、自動点検の結果です。正確なアクセシビリティの判定を得るためには、手動点検が必要です。

マークが表示されている項目すべてについて、一つずつウェブヘルパーからの問い合わせに回答します④ 手動点検マークが表示されている項目の問い合わせ文章を読む
問い合わせがホームページ内のどの箇所を指しているかわからない場合は、を押す
問い合わせ文章のリンクをクリックし、問い合わせに回答する
問い合わせの意味がわかりにくい場合は、「２．内容の説明」の項を参考にする！

表（テーブル）が、データ表かレイアウト表かを確認する
マークでは、問い合わせ箇所がわかりにくい場合があります。ホームページに、データ表がある場合は、まず始めにそのデータ表を特定する方が、効率的です。

⑤ 点検結果の確認と問題点の把握レベルの判定を確認し、問題点を把握します

点検結果のレベルと目標レベルをクリアするのに必要な問題点の数を確認する
問題点を指摘している文章のリンクをクリックし、内容をよく読む
点検結果画面を印刷する （修正作業で、点検結果一覧を利用します）
問題点の詳細画面には、ウェブアクセシビリティに関するヒントがたくさん含まれています。
ぜひ、確認してください。

７ ウェブアクセシビリティ実証実験のご紹介◆実証実験の目的
1.

ウェブヘルパーを多くの人に実際に使っていただき、システムの有用性や機能・使い勝手を評価し改善につなげる。

2.

実証実験を通じて、ウェブアクセシビリティの重要性についての認識を広め、アクセシビリティの高い日本語ホームページをできるだけ増やす。

◆実証実験の概略
1.

実証実験は、平成１３年度・１４年度の２か年計画で取り組んでいます。

2.

平成１３年度は、主に全国３か所の実験協力地域（岡山県、福岡市、仙台市）で、集中的にウェブアクセシビリティ向上への取り組みを進めました。（みんなのウェブ「平成１３年度実験のご紹介」ページをご覧ください）3.

平成１４年度は、引き続き高齢者・障害者団体やその支援グループ等と協力して、利用しやすいホームページの条件を探るなどの取り組みを行うほか、ウェブアクセシビリティの普及・啓発に向けたセミナーを開催したり、各種イベント等での情報発信を積極的に行っていく予定です。

実証実験には、どなたでも参加・ご協力いただけます。
ウェブヘルパーを使って、ご自分のホームページを点検・修正してください。アクセシビリ
ティが確保された場合には、実証実験ホームページ「みんなのウェブ」に申告して、ぜひ下記の「啓発バナー」をご活用ください。

詳しくは＞実証実験ホームページ「みんなのウェブ」http://www.jwas.gr.jp

８ 電気通信アクセス協議会ウェブアクセシビリティ作業部会■ 目的
電気通信アクセス協議会は、わが国の電気通信を障害者・高齢者を含むすべての人が円滑に利用可能なものとする（アクセシビリティを確保する）ことを通じて、わが国の電気通信の均衡ある発展のために活動する組織です。平成１２年７月には、「障害者等電気通信設備アクセシビリ
ティガイドライン 第１版」を発表しています。
最近ではインターネットの普及が急速に進み、情報通信メディアとしての重要性が高まるにつれ、WWW（ウェブ）で提供される各種情報（コンテンツ）のアクセシビリティの確保が重要な課題になっています。
そこで、高齢者・障害者が簡単にウェブコンテンツを利用できるようにする、具体的なウェブ（コンテンツ）アクセシビリティ確保の方策を検討するため、平成１２年９月、電気通信アクセス協議会の下にウェブアクセシビリティ作業部会を設置しました。

■ 作業部会の活動内容
平成１２年度• ウェブアクセシビリティにおける日本独自の問題の検討• 総務省が開発に取り組むウェブアクセシビリティシステムが実現すべき機能についての提言• 具体的なウェブアクセシビリティのあり方についての検討
平成１３年度• 総務省が実施する実証実験に対する支援、助言• 実証実験結果および実験期間中に発生した課題等の検討• ウェブアクセシビリティシステム（J−WAS）の機能改善の提案
平成１４年度（予定）• 総務省が実施する実証実験に対する支援、助言• ウェブヘルパー（旧称Ｊ−ＷＡＳ）ＣＤ−ＲＯＭ版の開発に際しての提案・助言• ウェブアクセシビリティの普及・啓発に向けたセミナーの開催やイベント等での情報発信

ウェブアクセシビリティ実証実験のホームページ「みんなのウェブ」をご覧下さい。
ｈｔｔｐ：／／ｗｗｗ．ｊｗａｓ．ｇｒ．ｊｐ
総務省
電気通信アクセス協議会ウェブアクセシビリティ作業部会