ウェブアクセシビリティ セミナー講演資料

JIS X 8341-3:2010に基づいた試験のケーススタディ〜JWAC品質維持向上部会の活動紹介〜
2011年5月26日
ウェブアクセシビリティ推進協会（JWAC）
品質維持向上部会 部会長
NTT 浅野 陽子

Copyright 2011, Nippon Telegraph and Telephone Corporation

本日の講演概要
品質維持向上部会のご紹介
試験実施に関係する文書・情報のご紹介
試験のケーススタディのご紹介
実施概要
検討プロセス毎の実施内容と結果

まとめ

Copyright 2011, Nippon Telegraph and Telephone Corporation2

品質維持向上部会の活動
目的
JIS X 8341-3:2010の規格に則ったウェブの実現を支援する情報やしくみの整備
ウェブのアクセシビリティ品質を維持向上する規範・制度・施策の提案

メンバ
JWAC正会員 計18名

2010年度の活動概要
JIS X 8341-3:2010 箇条8の試験方法に則った試験の実施を支援する補助情報を整備する

Copyright 2011, Nippon Telegraph and Telephone Corporation3試験実施に関係する主な情報

Copyright 2011, Nippon Telegraph and Telephone Corporation

4

JIS X 8341-3:2010の構成
序文
1 適用範囲2 引用規格3 用語及び定義
4 ウェブコンテンツのアクセシビリ
ティ達成等級
5 一般的原則
6 ウェブアクセシビリティの確保・向上に関する要件
6.1 企画6.2 設計
6.3 制作・開発
6.4 検証6.5 保守・運用

Copyright 2011, Nippon Telegraph and Telephone Corporation

7 ウェブコンテンツに関する要件
7.1 知覚可能に関する原則
7.2 操作可能に関する原則
7.3 理解可能に関する原則
7.4 頑健性に関する原則

8 試験方法8.1 適合試験の要件
8.2 試験の手順
8.3 試験結果の表示

附属書A（参考）この規格を満たすウェ
ブコンテンツ技術及びその実装方法の選び方
附属書B（参考）WCAG 2.0との整合性
附属書C（参考）JIS X 8341-3:2004とJIS X
8341-3:2010との比較附属書D（参考）参考文献
5

JISおよびWCAGの関連文書
ウェブアクセシビリティ基盤委員会（WAIC）が公開
http://www.ciaj.or.jp/access/web/index.html（１） JIS X 8341-3:2010関連文書– JIS X 8341-3:2010 解説– アクセシビリティ・サポーテッド（AS）情報– AS情報を作成する際に必要となるテストファイル– JIS X 8341-3:2010 試験実施ガイドライン– ウェブコンテンツのJIS X 8341-3:2010 対応度表記ガイドライン（２） WCAG 2.0 関連翻訳文書– ウェブ・コンテンツ・アクセシビリティ・ガイドライン（WCAG）2.0– WCAG 2.0 解説書（Understanding WCAG 2.0日本語訳）– WCAG 2.0 実装方法集（等級A、AA）（Techniques for WCAG 2.0日本語訳）※ WCAG: W3C勧告のWeb Content Accessibility Guidelines
Copyright 2011, Nippon Telegraph and Telephone Corporation6

みんなの公共サイト運用モデル改定版
国及び地方公共団体等の公的機関がウェブアクセシビリティ対応のために、JIS X8341-3:2010に基づき実施すべき取組み項目と手順
2011年4月 総務省サイトにて公開
http://www.soumu.go.jp/main_sosiki/joho_tsusin/w_access/index_02.html

ウェブアクセシビリティの確保・維持・向上のＰＤＣＡ
サイクルの中で、Checkの過程では、「JIS X83413:20101に基づく試験」を実施すること
試験実施
試験結果に基づく対応状況の表明

Copyright 2011, Nippon Telegraph and Telephone Corporation

7

JISに基づくウェブコンテンツ作成の流れ
WCAG 解説書①
目標とする達成等級（達成基準）を決定する

WCAG実装方法集②使用するウェ ③
ブコンテンツ技術(HTML,CSS等)を決定する

使用できる実装方法を確認し、使用する実装方法を決定する

テストファイル

アクセシビリティ
サポーテッド情報④ ウェブコンテンツを実装する
JIS X 8341-3•試験方法•実装チェックリスト
ひな型•試験結果表示例⑤ 達成基準を満たしているか（適合性評価）試験を行う⑥

Copyright 2011, Nippon Telegraph and Telephone Corporation

試験結果を表示する

試験実施
ガイドライン
対応度表記
ガイドライン8

試験のケーススタディ

Copyright 2011, Nippon Telegraph and Telephone Corporation

9JISに精通していない人がJISに基づく試験を実施するにあたっての疑問
はじめに、関連するすべての文書を、完全に理解する必要があるのか？
関連文書をどの過程で、どのように活用すればよいか？
JIS規格書とWAIC提供の文書があれば、試験方法を理解し実施することができるか？その他に、どのような情報を参照するとよいのか？
試験を実施する手順やどのくらい大変かを事前に知りたい。
Copyright 2011, Nippon Telegraph and Telephone Corporation

10試験のケーススタディの概要
目的
JIS X 8341-3:2010に基づいた試験の実現を促進するための活動として、JIS箇条8の試験方法に則った試験を実施する際の補助情報を整備する。

検討概要
改定JISやWCAGの技術文書に精通していない立場で、JIS箇条8の試験方法に則った試験を実施する上で、どのような情報を参照し、どのような問題が生じどのように解決を図るかを、ケーススタディをとおして洗い出した。

検討体制
メンバ: ケーススタディは計18名の部会メンバで実施
議論の進め方:検討は、ステップ毎に期間を区切って、メールベースで議論
ケーススタディ終了後に、検討の進め方等について振り返り
Copyright 2011, Nippon Telegraph and Telephone Corporation

11

検討プロセス
JISに基づく試験の理解
1. JIS X 8341-3:2010の概要把握
2. WAICの「WCAG 2.0 解説書 」と「WCAG 2.0 実装方法集」の構成把握
3. WAICの「試験実施ガイドライン」と「対応度表記ガイドライン」の理解

ケーススタディ
4.
5.
6.
7.

ケーススタディでの試験方法の検討
チェックリストの作成と試験手順の確認
試験実施
試験結果の文書化

まとめ
8. 検討プロセスの振り返りCopyright 2011, Nippon Telegraph and Telephone Corporation

12

検討内容

Copyright 2011, Nippon Telegraph and Telephone Corporation

13

JISに基づく試験の理解

1. JIS X 8341-3:2010の概要把握

1. 規格票JIS X 8341-3:2010を入手※(財)日本規格協会、書店、JSA Web Storeなどで購入可
能（¥3,000）

2. WAIC「JIS X 8341-3:2010 解説」を一読して、各種関連文書の位置づけとJISの概要を把握
3. 規格票を一読して、大まかな内容と構成を理解

Copyright 2011, Nippon Telegraph and Telephone Corporation

14

JISに基づく試験の理解

2. WAICの「WCAG 2.0 解説書 」と「WCAG 2.0 実装方法集」の構成把握「WCAG 2.0」
規格本文（JIS箇条7と同内容）
原則
ガイドライン
達成基準

原則
ガイドライン「WCAG 2.0解説書」
ガイドラインと達成基準の解説
意図
メリット
事例基準を満たす実装方法など

達成基準
達成基準を満たすことのできる実装方法及び参考にすべき実装方法「WCAG 2.0実装方法集」
各実装方法（全337項目）の詳細を解説
Copyright 2011, Nippon Telegraph and Telephone Corporation

15

JISに基づく試験の理解

2. WAICの「WCAG 2.0 解説書 」と「WCAG 2.0 実装方法集」の構成把握

1. 「WCAG 2.0解説書」の初めから最初の章『「WCAG 2.0 解説書」のイントロダクション』までを一読
2. 例として、「WCAG 2.0解説書」のガイドライン1.4とその下の『達成基準 1.4.1 を理解する』を読んで、一つの達成基準の中に書かれている項目の構成を理解
3. 達成基準1.4.1の中の[達成基準を満たすことのできる実装方法]の項目に設定されている「WCAG 2.0実装方法集」へのテキストリンクをたどって、「WCAG 2.0実装方法集」の各実装方法の内容の構成を理解
4. 分担して、全達成基準について、関連する解説書と実装方法集の項目の関係を記述

Copyright 2011, Nippon Telegraph and Telephone Corporation

16

JISに基づく試験の理解

3. WAICの「試験実施ガイドライン」と「対応度表記ガイドライン」の理解

1. 「試験実施ガイドライン」を、JISの箇条8と照らし合わせながら一読し、試験手順をイメージ
2. 「対応度表記ガイドライン」を一読し、「適合」「準拠」「配慮」を表記する場合の試験実施条件を理解

Copyright 2011, Nippon Telegraph and Telephone Corporation

17

ケーススタディ

4. ケーススタディでの試験方法の検討
JIS 表6「試験結果表示の例（ウェブページ単位）」の項目を参考に検討項目を決定し検討
a)
b)
c)
d)
e)
f)
g)
h)
i)
j)
k)
l)

達成した等級URI
例外事項
依存したウェブコンテンツ技術
達成基準チェックリスト
試験実施期間実装チェックリスト
試験に使用したチェックツール等の名称及びバージョン
依存していない技術
検証に用いたユーザエージェント
宣言する等級より上の等級で満たしている達成基準のリスト
達成基準以上の追加措置

Copyright 2011, Nippon Telegraph and Telephone Corporation18

ケーススタディ

4. ケーススタディでの試験方法の検討
以下の条件で試験を実施することに決定a) 達成した等級：ウェブコンテンツのアクセシビリティ等級Ab) URI ： http://www.jwac.or.jp/d) 依存したウェブコンテンツ技術： XHTML 1.0、CSS2、JavaScriptj) 検証に用いたユーザエージェント：
Windows XP
FireFox3.5Internet Explorer 6, Home Page Reader 3.04k) 宣言する等級より上の等級で満たしている達成基準のリス
ト：なし

Copyright 2011, Nippon Telegraph and Telephone Corporation

19

ケーススタディ

5. チェックリストの作成と試験手順の確認
1. 「試験実施ガイドライン」の例をもとに、実装チェックリストを作成
各達成基準毎のHTMLの例をコピーして統合し、1つのexcelファイルとして実装チェックリストを作成
WAICで公開されている「アクセシビリティ・サポーテッド(AS)検証結果」から、今回検証に用いる2種のユーザエージェント（ブラウザ及び支援技術）の条件について、実装チェックリストの項（列）に追加
どのようにして検証し、どのような根拠で判定したかを後で確認できるよう、「試験結果補足」の項（列）を追加

Copyright 2011, Nippon Telegraph and Telephone Corporation

20

ケーススタディ

5. チェックリストの作成と試験手順の確認
2. 実装チェックリストの一項目について、試行的に試験「7.2.4.2 title要素を用いて、コンテンツの内容が分かるページタイトルを提供する」①「実装方法」の項目を確認②「検証方法」を確認③「検証方法」をもとに、エディタでHTMLソースのhead要素にあるtitle要素があることを確認。「試験方法」に"観察"と記入。
④title要素があったので、「適用」に"○"を記入⑤「AS情報」が"○"となっていることを確認⑥FF3.5でコンテンツの内容を確認し、エディタでtitle要素に設定されている内容が適切かをチェックして、「適合」に"○"を記入○○Copyright 2011, Nippon Telegraph and Telephone Corporation

観察

head要素内にtitle
要素を1箇所確認※「試験結果補足」とAS情報の項目はオリジナルで追加 21

ケーススタディ

6. 試験実施

以下の条件で、2人1組で分担して試験を実施し、2人の結果をすり合わせて最終試験結果とした。
対象：JWAC トップページ(http://www.jwac.or.jp/)
達成する等級：等級A
依存したウェブコンテンツ技術：XHTML 1.0、CSS2、
JavaScript
検証に用いるユーザエージェント：XP+FF3.5および
XP+IE6+HPR3.04
試験実施期間: 2010年11月25日〜2010年12月28日
試験に使用した主なチェックツール• W3C Markup Validator• W3C CSS Validator• Web Accessibility Toolbar 1.2.1
Copyright 2011, Nippon Telegraph and Telephone Corporation22

ケーススタディ

6. 試験実施

試験対象ページ：JWAC トップページ(http://www.jwac.or.jp/)

Copyright 2011, Nippon Telegraph and Telephone Corporation

23

ケーススタディ

6. 試験実施不適合と判定された点（その１）
7.2.1.1 キーボード操作に関する達成基準
イベントハンドラでJavaScriptを用いて制御している場合、キーボードで操作できることを確認する
ナビゲーションバーの表示の変化が、マウス使用時とキーボード使用時で異なる• マウス使用時：画像上にマウスを移動するとボタンの背景色が青から白に変わり、マウスを外すと元の青に戻る• キーボード使用時 ：画像上にキーボードフォーカスが移動しても背景色は変化せず、テキスト部分が破線で囲まれるだけ

Copyright 2011, Nippon Telegraph and Telephone Corporation

24

ケーススタディ

6. 試験実施不適合と判定された点（その２）
7.2.4.4 文脈におけるリンクの目的に関する達成基準
以下のいずれかを用いて、リンクの目的を特定する
1) ･･････
4) リンクのラベルとそれが含まれている段落とを組み合わせる（後略）「ウェブアクセシビリティサポーター」の「全文を読む」が前の説明文と別段落になっている「イベント・活動紹介」の「続きを読む」が前の説明文と別段落になっている
Copyright 2011, Nippon Telegraph and Telephone Corporation25

ケーススタディ

7. 試験結果の文書化

1. 実装チェックリストの作成
2. 達成基準チェックリストの作成
3. 試験結果表示文書の作成

Copyright 2011, Nippon Telegraph and Telephone Corporation

26

ケーススタディ

7. 試験結果の文書化達成基準チェックリスト
細分箇条

達成基準

7.1.1.1

非テキストコンテンツに関する達成基準
収録済みの音声しか含まないメディア及び収録済みの映像しか含まないメディアに関する達成基準
収録済みの音声コンテンツのキャプションに関する達成基準
収録済みの映像コンテンツの代替コンテンツ又は音声ガイドに関する達成基準
情報及び関係性に関する達成基準
意味のある順序に関する達成基準
感覚的な特徴に関する達成基準
色の使用に関する達成基準
音声制御に関する達成基準
キーボード操作に関する達成基準
フォーカス移動に関する達成基準
調整可能な制限時間に関する達成基準
一時停止，停止及び非表示に関する達成基準
3回のせん（閃）光又はいき（閾）値以下に関する達成基準
ブロックスキップに関する達成基準
ページタイトルに関する達成基準
フォーカス順序に関する達成基準
文脈におけるリンクの目的に関する達成基準
ページの言語に関する達成基準
オンフォーカスに関する達成基準
ユーザインタフェースコンポーネントによる状況の変化に関する達成基準
入力エラー箇所の特定に関する達成基準
ラベル又は説明文に関する達成基準
構文解析に関する達成基準
プログラムが解釈可能な識別名，役割及び設定可能な値に関する達成基準

7.1.2.1
7.1.2.2
7.1.2.3
7.1.3.1
7.1.3.2
7.1.3.3
7.1.4.1
7.1.4.2
7.2.1.1
7.2.1.2
7.2.2.1
7.2.2.2
7.2.3.1
7.2.4.1
7.2.4.2
7.2.4.3
7.2.4.4
7.3.1.1
7.3.2.1
7.3.2.2
7.3.3.1
7.3.3.2
7.4.1.1
7.4.1.2

Copyright 2011, Nippon Telegraph and Telephone Corporation

等級 適用 適合 備考
A○○A−○AAAAAAAAAAAAAAAAAAAAAA
A−−○○−−−○
○−−−○
○
○
○
○
○−−−○○

○
○
○
○
○
○
○
×
○
○
○
○
○
○
○
×
○
○
○
○
○
○
○

27

ケーススタディ

7. 試験結果の文書化

試験結果表示文書
JIS X 8341-3:2010に基づく試験結果表示（ウェブページ単位）
a.達成した等級
ウェブコンテンツのアクセシビリティ達成等級A
b.URI
http://www.jwac.or.jp/
c.例外事項 なし
d.依存したウェブコンテンツ技術 XHTML 1.0、CSS2、JavaScripte.達成基準チェックリスト
別紙f.試験実施期間
2010年11月25日〜2010年12月28日
g.実装チェックリスト 別紙
h.試験に使用したチェックツール等の名称及びバージョン
W3C Markup Validator
W3C CSS Validator
Web Accessibility Toolbar 1.2.1
i.依存していない技術 なし
j.検証に用いたユーザエージェント
Windows XP
FireFox3.6Internet Explorer 6, Home Page Reader 3.04
k.宣言する等級より上の等級で満たしている達成基準のリスト なし
l.達成基準以上の追加措置 なし
Copyright 2011, Nippon Telegraph and Telephone Corporation28

ケーススタディ

7. 試験結果の文書化試験結果の表示と準拠に向けてのスケジュールを表記することで、WAICで定められた表記に基づく「一部準拠」の表記を表示することができる「ウェブコンテンツの JIS X 8341-3:2010対応度表記ガイドライン 」より表記

アクセシビリティ方
針の提示又は公開目標とする等級の達成基準の試験結果

追加表記事項

自己適合宣言適合必須試験を実施し、達成基準をなし全て満たすことを確認

JIS Q1000等による準拠必須試験を実施し、達成基準をなし全て満たすことを確認

できない

必須

満たせなかった理由
試験を実施し、達成基準の準拠に向けたスケ一部を満たすことを確認
ジュール

できない

配慮し試験 必須試験を実施するが、結果はなし
問わない

できない

配慮

なし

一部準拠

必須

参照した達成基準一できない覧

表記の例
本仕様書における「JIS X 8341-3:2010 に準拠する」という表記は、情報通信アクセス協議会ウェブアクセシビリ
ティ基盤委員会「ウェブコンテンツのJIS X 8341-3:2010 対応度表記ガイドライン 第1版 - 2010年8月20日」で定められた表記による。(URI http://www.ciaj.or.jp/access/web/docs/jis2010-compliance-guidelines/index.html)
Copyright 2011, Nippon Telegraph and Telephone Corporation

29

まとめ
JISに基づく試験方法の理解と試験実施について、ケーススタディを行い、いくつかの課題、ノウハウ、今後の検討事項を抽出した
ケーススタディ過程の記録は、今後、JISに精通していない人がJISに基づく試験方法を理解する際に、役立つものである試験工程以外に、ウェブコンテンツのアクセシビリティ改善を実施する最初の段階で、現状の問題点を抽出する作業にも適用することができる

Copyright 2011, Nippon Telegraph and Telephone Corporation30

今後の品質維持向上部会の活動予定
2010年度の試験のケーススタディに関する文書は、今後、JWAC会員限定のブログサイトに掲載の予定
WAICメンバとの情報交換や部会活動結果のフィードバックを継続的に行っていく
検討項目案
みんなのアクセシビリティ評価ツール miChecker（総務省開発）を用いた試験のケーススタディ
ユーザのウェブ利用の実態調査
JIS達成基準への適合／不適合事例の調査
ウェブアクセシビリティ品質維持に関連する国内外の施策調査 など
Copyright 2011, Nippon Telegraph and Telephone Corporation31