|
| 資料７−３−Ｊ |
|
これは、１３枚のスライドをテキスト化したものです。 スライド０（表紙） 資料７−３−Ｊ（１） アクセシビリティ簡易点検表（第３次案） 2005年10月7日 「公共分野におけるアクセシビリティの確保に関する研究会」事務局 総務省 Ministry of Internal Affairs and Communications スライド１ ■簡易点検表の位置づけ ・ウェブページ制作の際は、公開前に文法チェッカー、アクセシビリティ専用チェックツール、音声読み上げソフトや配色のシミュレーションソフトなどのツールを用いて、各ページにアクセシビリティ上の問題がないかを点検し、必要に応じた修正を行うことが重要です。 ・「簡易点検表」の前半では、アクセシビリティ基本検討シートのレベル1、レベル2の検討項目のうち、ツールを用いずに点検できる方法を紹介します。 ・ツールを用いずに点検できるのは、レベル1、レベル2の一部です。「簡易点検表」の後半では、ツールを使った点検方法や、無償で提供されているツールの情報収集に役立つサイトを紹介します。 −検収時に、制作業者の持っているツールを用いて点検を実演してもらう方法もありますが、予算が増す可能性があります。 −1つのツールで全ての項目を自動的に点検・判断することはできません。複数のツールを組み合わせたり、最終的には人による判断が必要です。 スライド２ ■簡易点検表の使い方 ・点検の結果は「アクセシビリティ簡易点検結果 記入シート」を活用して記録してください。また、点検の際、ウェブページを白黒プリンターで印刷したものに問題箇所を記入すると、さらにわかりやすく記録できます。 ・点検の結果、問題が発見された場合は、 各点検項目の後に明記された【詳細検討シート対応項目番号】を参照してください。これは、「アクセシビリティ詳細検討シート」の該当番号を表しています。「アクセシビリティ詳細検討シート」には問題があるとどのようなことが起きるのか解説されています。 ・問題点の修正には「アクセシビリティ詳細検討シート」に記載された作成方法や対処策の例、「JIS X 8341-3 技術解説」などを参考にしてください。 −参考） 財団法人 日本規格協会 情報技術標準化研究センター 情報アクセシビリティ国際標準化委員会 ウェブ部会 JIS X 8341-3:2004「高齢者・障害者等配慮設計指針−情報通信における機器，ソフトウェア及びサービス− 第３部：ウェブコンテンツ」技術解説（http://www.jsa.or.jp/domestic/instac/index.htm） スライド３ ■点検１．色について確認します 音声読み上げソフトの利用者や、色覚に特性のある利用者でも、色で表した情報を正しく取得できるかを点検します。 ・白黒プリンターでページを印刷します。 印刷したページにはこのあとの点検の問題点も書き込んでおきましょう。 （以下スライド１０まで、各点検項目に、対応するレベルと詳細検討シートの参照項目番号が用意されています） −コンテンツの内容や操作方法を理解できない箇所はありませんか？ 【レベル1 1-10】 −文字や画像で表現された文字が識別できない箇所はありませんか？ 【レベル1 1-8】 【レベル2 2-11】 （例として、赤字は入力必須項目の入力フォームを紹介。色だけに依存して情報提供している例では、名前、e-mail等が赤字で書かれている。色とテキストで情報提供している例では、名前、e-mail等が赤字で書かれているだけでなく、テキストでも（必須）と書かれている） スライド４ ■ブラウザで点検対象ページを開き、目視で確認します 音声読み上げソフトの利用者をはじめ、誰にでも情報が正しく、わかりやすく伝わるかを点検します。 ・ブラウザで点検対象ページを開き、目視で確認します。 −各ページに、利用者がページの内容を識別できるタイトルがついていますか？【レベル1 1-6 】 −文字化けや機種依存文字※の使用はありませんか？【レベル1 1-1 】 ※機種依存文字については「アクセシビリティ詳細検討シート」の例示を参照してください −文字や画像で表現された文字が小さくて読みづらくありませんか？【レベル2 2-12 】 −外国語や省略語、専門用語など、難しい言葉を使っていませんか？【レベル2 2-17、2-18、2-19 】 −PDFファイルやFLASHでしか表示できない動画だけで情報を提供していませんか？【レベル1 1-13、1-16 】 −単語の間にスペース又は改行が入っていませんか？【レベル1 1-11 】 ※厳密には、HTMLソースの確認や音声読み上げソフトでの確認が必要です スライド５ ■点検３．操作について確認します（１） 音声読み上げソフトでリンク部分のみを読み上げる機能を利用する場合でも、正しくリンク先の内容を理解できるかを点検します。 ・リンク箇所のテキストだけを読んでみます。 −リンク箇所のテキストを読んだだけで、利用者はリンク先の内容を予測できますか？ 【レベル1 1-7】 （リンク先を予測できない例として、防災に関する情報はこちら、防犯に関する情報はこちらの両方とも、「こちら」の部分がリンクになっている） （リンク先を予測できる例として、防災に関する情報はこちらは「防災に関する情報」、防犯に関する情報はこちらは「防犯に関する情報」の部分がリンクになっている） スライド６ ■点検３．操作について確認します（２） 視覚障害や肢体不自由、加齢のためにマウスを使うことが難しい人でも、キーボードのみで全ての操作ができるかを点検します。 ・上矢印、下矢印キーで画面をスクロールします。 −上矢印、下矢印キーで画面をスクロールできますか？【レベル1 1-4】 ・「Tab」キーを使ってページ内のリンクを移動します。 −ページ内の全てのリンク及び入力項目に移動できますか？【レベル1 1-4】 −理にかなった順序でリンク及び入力項目を移動できますか？【レベル1 1-4】 （「Tab」キーで移動した後で） ・リンク先への移動やメニューの選択は「Enter」キーで実行します。 −「Enter」キーで実行することができますか？【レベル1 1-4】 −「Enter」キーを押すまで実行されませんか？【レベル1 1-4】 スライド７ ■点検４．音について確認します 聴覚障害の利用者が気づかないうちに音が再生されないか、音声読み上げソフトの利用者が読み上げ音声と重なって聞き取りづらくなる可能性はないかを点検します。 また、音声が再生される場合、聴覚障害の利用者にも音声情報が正しく伝わるかを点検します。 ・パソコンの音声出力をオンにしてページを表示します。 −自動的に音が再生されませんか？ 【レベル2 2-13】 ・音声が再生される場合、目視で確認します。 −音声を調整できますか？ 【レベル2 2-13】 （音の再生や停止を制御できる例の図） ・パソコンの音声出力をオフにしてページを表示します。 −コンテンツの内容を理解・操作するために必要な情報が消えてしまいませんか？ 【レベル1 1-14】 スライド８ ■点検５．ブラウザの設定を変えて確認します（１） 音声読み上げソフトやテキストブラウザ等の利用者にも、画像情報が正しく伝わるかを点検します。 ・全ての画像を非表示にします。（Internet Explorerの場合、「ツール」＞「インターネットオプション」＞「詳細設定」で「画像を表示する」のチェックを外す） −全ての画像に代替テキストが入っていますか？ 【レベル1 1-2】 −画像を表示しなくても全ての意味が通じますか？ 【レベル1 1-2】 −画像にリンクが設定されている場合、画像を表示しなくても利用者はリンク先の内容が予測できますか？ 【レベル1 1-3】 （例として、画像を表示した図、画像を非表示にした図を紹介） スライド９ ■点検５．ブラウザの設定を変えて確認します（２） 弱視や加齢により視力の衰えた人が、ウェブブラウザの表示文字の拡大、縮小機能を使って文字を大きく設定できるかを点検します。 ・表示する文字のサイズを変更します。（Internet Explorerの場合、「表示」＞「文字のサイズ」で変更） −文字サイズを変更できますか？ 【レベル1 1-9】 −文字サイズを最大にしても、情報が欠けていませんか？ 【レベル1 1-9】 （例として、Internet Explorerで文字サイズを変更している画面を紹介） スライド１０ ■点検６．書式・体裁について確認します 音声読み上げソフトの利用者にも、書式・体裁（位置やフォントなど）で示した情報が正しく伝わるかを点検します。 ・ページのテキストを全て選択し、メモ帳などのテキストエディタにコピーします。 −内容や操作方法を理解できない箇所はありませんか？ 【レベル2 2-10】 ※文字装飾のみで情報提供をしている場合の悪い例と点検の手順を紹介。 ＜取扱い商品一覧＞として１．ノートパソコン、２．デジタルカメラ、３．プリンタを掲載し、２．デジタルカメラの部分に取り消し線を引いて、完売であることを表示している。 このテキストを選択・コピーし、テキストエディタに貼り付けると、取り消し線が表示されなくなり、意味が通じなくなるという例。 あわせて良い例として、２．デジタルカメラに取り消し線を引き、その横に（完売）とテキストで表示している例を紹介。 スライド１１ ■より詳細な点検 （１） 点検方法 チェックツールの利用や、利用者の環境を再現してみることによって、より詳細な点検を行うことができます。 ・文法チェッカー HTMLやCSSの文法が妥当であるかを確認します。 ・アクセシビリティ専用チェックツール アクセシビリティ専用チェックツールにより、ウェブページにアクセシビリティ上の問題点がないかを点検します。 ・複数ブラウザによる確認 複数のブラウザで点検対象ページを開き、表示が崩れてコンテンツの内容を理解できない箇所や、操作できない箇所がないかを確認します。 ・利用者の環境を再現 音声読み上げソフトや配色のシミュレーションソフトを利用する等、利用者の多様な環境を再現し、コンテンツの内容を理解できない箇所や操作できない箇所がないかを確認します。 スライド１２ ■より詳細な点検 （２） 参考情報 チェックツールや利用者の環境を再現できるソフトには、無償で提供されているものもあります。下記等を参考に情報収集してみましょう。 ・「JIS X 8341-3 技術解説」 http://www.jsa.or.jp/domestic/instac/index.htm 文法チェッカー （→5.1.a「ソリューション」参照） アクセシビリティ専用チェックツール、人手による評価・検証手法 （→6.3「技術解説」参照） ・情報バリアフリーのための情報提供サイト「ウェブアクセシビリティ関連リンク集」 http://www2.nict.go.jp/ts/barrierfree/accessibility/links/link.html アクセシビリティ検証、アクセシビリティ関連ブラウザサイト 等 ・こころWeb 「こころリソースブック」 http://www.kokoroweb.org/main.html コンピュータ操作を補助する装置、Webアクセシビリティを向上させるために 等 アクセシビリティ簡易点検 結果記入シート(案） ●点検ページ ・記入欄 ※ページタイトル、ファイル名等を記入 ●点検日 ・記入欄 年 月 日 ●点検実施者 ・記入欄 (以下点検１から６までの各項目に対して点検結果を記入する４列の表となっています。） (以下、点検１から点検６までの表の共通の見出しです。） ・点検項目 ・結果（○または×） ・結果が×の場合 −具体的な問題箇所 −問題箇所への対応（処理日、対応の内容等） （見出しはここまで） （以下は点検項目です。各項目の「結果」記入欄、「結果が×の場合」の記入欄は全て空欄となっています。） 点検１．色についての点検 ・白黒プリンターで印刷して内容や操作方法がわからない箇所はないか ・白黒プリンターで印刷して文字（画像内の文字も）が読めない箇所はないか （点検１はここまで） 点検２.目視による全体点検 ・ページタイトルはページの内容を識別できるか ・文字化けや機種依存文字がないか ・文字や画像内の文字が小さすぎて読みづらくないか ・外国語や省略語、専門用語など難しい言葉を使っていないか ・PDFファイルやFLASHでしか表示できない動画だけでの情報提供はないか （点検２はここまで） ・単語の間にスペースや改行がないか 点検３．操作のしやすさの点検 ・リンク箇所のテキストだけを読んで、リンク先の内容を予測できるか ・矢印キー（上「↑」、下「↓」）で画面をスクロールできるか ・「Tab」キーでページ内のリンク、入力項目が移動（選択）できるか ・「Tab」キーでページ内のリンク、入力項目を移動していく順番は、理にかなっているか ・「Tab」キーで選択したリンクは「Enter」キーを押すとリンク先へ移動、入力欄の場合は入力・実行ができるか ・上記の作業が「Enter」キーを押す前に自動で実行されてしまわないか （点検３はここまで） 点検４．音についての点検 ・ページを開いたとき自動で音声が再生されないか（×の場合次の点検項目へ・○なら音の点検は終了） ・音声の調整（再生、停止、ボリュームなど）ができるか（目視で操作できる欄があるかを確認） ・パソコンの音声出力をオフにして音声が無い状態で、ページの内容を理解・操作できるか （点検４はここまで） 点検５．ブラウザの設定をかえた点検 ・全ての画像に代替テキストが入っているか ・画像を表示しなくても意味が通じるか ・画像にリンクが設定されている場合、画像を表示しなくてもリンク先の内容が予測できるか ・文字サイズを変更できるか ・文字サイズを最大にしたとき、情報が欠けていないか （点検５はここまで） 点検６．書式・体裁についての点検 ・ページ全体をメモ帳などにコピーしたとき、内容や操作方法が理解できない箇所はないか （点検６はここまで） （表はここまで） 以上。 |
