はじめに

ウェブアクセシビリティセミナー 「高齢者の社会参加とウェブアクセシビリティ」

 高齢者の社会参加のためにも、ウェブアクセ

総務省：
みんなのアクセシビリティ評価
ツール miChecker を用いた評価についてシビリティ（ウェブが利用できるようにすること）はますます重要になる。
 ガイドライン（JIS X 8341-3）にしたがったウェブデザインが必要になる。
 JIS X 8341-3:20102012年5月29日

高齢者・障害者等配慮設計指針

渡辺昌洋
NTTサイバーソリューション研究所－情報通信における機器，ソフトウェア及びサービス－
第3部：ウェブコンテンツ

Copyright 2012, Nippon Telegraph and Telephone Corporation

miChecker を用いた評価について
1.

2

Copyright 2012, Nippon Telegraph and Telephone Corporation

JISの規定 （8.2 試験の手順）a) 試験環境の確認b) 実装チェックリストの作成
c) 試験対象の特定d) 試験e) 達成基準チェックリストの作成

JISに基づく試験方法
JWAC品質維持向上部会での検討

miChecker の使い方
3. 実演コーナー2.



JIS X 8341-3:2010 試験実施ガイドライン 2010年8月20日
ウェブアクセシビリティ基盤委員会 (WAIC) 作成
http://waic.jp/docs/jis2010-testguidelines/

セミナ参加者の皆さんにmiCheckerを体験していただきます

Copyright 2012, Nippon Telegraph and Telephone Corporation

3

Copyright 2012, Nippon Telegraph and Telephone Corporation

4

miCheckerを使ったJISに基づく試験フロー

miCheckerを使ったJISに基づく試験フロー

1. 使用準備

1. 使用準備（JWAC検討版）･ 総務省ウェブページからmiCheckerをダウンロード･ ワークシートの最新版をダウンロード･ 総務省ウェブページからmiCheckerをダウンロード･ JWAC作成のワークシートを用意

2. miCheckerによるチェック

2. miCheckerによるチェック･ 対象ページをチェックし、csvファイルで保存･ 対象ページをチェックし、csvファイルで保存

3. 人手によるチェック

3. 人手によるチェックとJIS規定の実装チェックリストへの記入･ csvで保存したチェック結果をワークシートに貼り付け･ ワークシートのテスト方法に基づき人手でチェック･ csvで保存したチェック結果をJWAC作成のワークシート*に貼り付け･ ワークシートのテスト方法に基づき人手でチェック

4. JIS規定の実装チェックリストへの記入･ ワークシートでのチェック結果を実装チェックリストに転記

Copyright 2012, Nippon Telegraph and Telephone Corporation

5

miCheckerを使ったチェック方法*JWAC作成のワークシート： 未公開。実装チェックリストと対応しているため、ワークシートに記入すれば実装チェックリストを作成したことになる。
Copyright 2012, Nippon Telegraph and Telephone Corporation

6

miCheckerの画面構成

ページを表示する
2. チェックする（自動チェック）
3. チェック結果を見る
4. チェック結果を保存する
5. チェック結果をワークシートに貼り付ける
6. 人手でチェックする
7. 実装チェックリストを作成する
1.

Copyright 2012, Nippon Telegraph and Telephone Corporation

ブラウザ

シミュレーション画面

チェック結果7

Copyright 2012, Nippon Telegraph and Telephone Corporation8

1. ページを表示する

miCheckerの主な遷移
ブラウザ

シミュレーション画面

チェック結果新規ウィンドウ

音声化でチェック
ページを表示する

音声視覚化
モード

概要レポートタブ

音声ブラウザモード

詳細レポート

メッセージ表示
ソース
コード表示

タブ

見え方でチェック

チェックするページのURLを入力し、移動ボタンを押します。

概要レポート
ロービジョンモード

タブ

詳細レポート9

Copyright 2012, Nippon Telegraph and Telephone Corporation

1. ページを表示する


Copyright 2012, Nippon Telegraph and Telephone Corporation10

1. ページを表示する

チェックするページのURLを入力し、移動ボタンを押します。

URLを入力Copyright 2012, Nippon Telegraph and Telephone Corporation

 ページが表示されました

移動ボタンを押す

11

Copyright 2012, Nippon Telegraph and Telephone Corporation

12

2. チェックする

2. チェックする アクセシビリティ検証・音声ユーザビリティ視覚化実

 アクセシビリティ検証・音声ユーザビリティ視

行ボタンを押します。

覚化実行ボタンを押します。
ボタンを押す13

Copyright 2012, Nippon Telegraph and Telephone Corporation

2. チェックする 結果が表示されました。

Copyright 2012, Nippon Telegraph and Telephone Corporation

14

3．チェック結果を見る 詳細レポート
シミュレーション
画面

チェック
結果

Copyright 2012, Nippon Telegraph and Telephone Corporation

15

Copyright 2012, Nippon Telegraph and Telephone Corporation

16

3．チェック結果を見る

3．チェック結果を見る

 チェック結果が「問題あり」以外は、人手による確認メッセージを新規ウィンドウで表示が必要
 行番号が表示される場合とされない場合がある
詳細レポートのメッセージ
問題あり

対象の指摘 人手による確認あり
不要

備考

問題の可能性大あり

必要問題のある可能性が高い

要判断箇所あり

必要問題のある可能性が高いわけではない

手動確認なし必要

ダブルクリック

17

Copyright 2012, Nippon Telegraph and Telephone Corporation

3．チェック結果を見る

Copyright 2012, Nippon Telegraph and Telephone Corporation

Copyright 2012, Nippon Telegraph and Telephone Corporation

18

3．チェック結果を見る
黄色い枠でハイライト表示

ソースコードを新規ウィンドウで表示クリック

右クリックで「ソースＨＴＭLを見る」を選択
19

Copyright 2012, Nippon Telegraph and Telephone Corporation20

3．チェック結果を見る シミュレーション画面

3．チェック結果を見る

 読み上げられるまでの時間を背景色で表現

該当箇所がハイライトされる読み上げられるまでの時間スクロールして該当箇所を表示
21

Copyright 2012, Nippon Telegraph and Telephone Corporation

見にくいときは全画面表示

22

Copyright 2012, Nippon Telegraph and Telephone Corporation

4．結果を保存する
タブをダブルク
リックすると全画面表示「結果を保存」ボタンを押し、CSV形式で保存します。

結果を保存をクリック「復元」ボタンで元のレイアウトになる

Copyright 2012, Nippon Telegraph and Telephone Corporation

23

Copyright 2012, Nippon Telegraph and Telephone Corporation

24

ワークシート最新版：ACTFのページ

5．チェック結果をワークシートに貼り付ける

eclipseのACTFのページから最新版が入手できます。

保存したCSVファイルをワークシートのCSV添付用タグのシートに貼り付ける

miChecker
チェック結果CSVファイル

コピー

Copyright 2012, Nippon Telegraph and Telephone Corporation

25

6．人手でチェックする

Copyright 2012, Nippon Telegraph and Telephone Corporation

26

7．実装チェックリストに記入する「問題あり」以外の結果について、テスト方法に基づいて人手で確認し、結果を記入する問題がある部分はコンテンツを修正する

ワークシートのチェック結果を対応する項目に転記する※JWAC作成のワークシートであれば転記の必要なし
Copyright 2012, Nippon Telegraph and Telephone Corporation

27

Copyright 2012, Nippon Telegraph and Telephone Corporation

28

（参考）３. 結果を見る ロービジョンモード

（参考）２．チェックする ロービジョンモード

ロービジョンタブ

ロービジョンシミュレータ実行

Copyright 2012, Nippon Telegraph and Telephone Corporation

29

JWACサイトでの試験方法の紹介
http://www.jwac.or.jp/
試験に必要なツールや情報のリンクがあります。

Copyright 2012, Nippon Telegraph and Telephone Corporation

31

Copyright 2012, Nippon Telegraph and Telephone Corporation30