Part2 ： ウェブアクセシビリティ規格JIS X 8341-3:2010の詳細

2010.10.8 CEATEC JAPAN 2010 コンファレンス NT-14 Part 2
CEATEC JAPAN 2010 コンファレンス NT-14 Part2
ウェブアクセシビリティ 規 格
JIS X 8341-3:2010 の 詳 細
実 装 ワーキンググループ(WG2) 主 査
植 木
真
[ 株 式 会 社 インフォアクシア]
2010 年 10 月 8 日

2010.10.8 CEATEC JAPAN 2010 コンファレンス NT-14 Part 2
自 己 紹 介

2010.10.8 コンファレンス NT-14 Part 2
3
植 木 真
(うえき まこと)
ウェブアクセシビリティ 基 盤 委 員 会 (WAIC) 副 委 員 長 /
実 装 ワーキンググループ 主 査
株 式 会 社 インフォアクシア 代 表 取 締 役
Webアクセシビリティ 専 門 のコンサルティング 会 社
大 手 企 業 サイトのアクセシビリティ 向 上 をサポート
• サイト 診 断 、ユーザーテスト、ガイドライン 作 成 、 教 育 ・ 研 修 、 各 種
ツール 開 発 、など
国 内 外 のアクセシビリティガイドライン 策 定 に 従 事
JIS X 8341-3 改 正 原 案 作 成 ワーキンググループ
W3C / WCAG ワーキンググループ

2010.10.8 コンファレンス NT-14 Part 2 4
本 日 のアウトライン
1. イントロダクション: 実 装 WGについて
2. 基 本 的 なワークフロー
3. WAIC 実 装 WG(WG2)が 提 供 する 関 連 文 書 群
1. WCAG 2.0 解 説 書
2. WCAG 2.0 実 装 方 法 集
3. アクセシビリティ・サポーテッド(AS) 情 報
4. 2004 年 版 より 明 確 になった 達 成 基 準
まとめ

2010.10.8 CEATEC JAPAN 2010 コンファレンス NT-14 Part 2
1. イントロダクション
実 装 ワーキンググループ(WG2)の 紹 介

2010.10.8 コンファレンス NT-14 Part 2 6
実 装 ワーキンググループ| 活 動 内 容
1. WCAG 文 書 の 日 本 語 訳
WCAG 2.0
Understanding WCAG 2.0
Techniques for WCAG 2.0
2. アクセシビリティ・サポーテッド 情 報
テストファイルの 作 成
ブラウザ/ 支 援 技 術 による 検 証
3. 達 成 基 準 及 び 実 装 方 法 に 関 する 統 一 見 解
実 装 に 関 連 する 諸 問 題 の 解 決

2010.10.8 コンファレンス NT-14 Part 2 7
実 装 ワーキンググループ| 構 成 員 ( 順 不 同 ・ 敬 称 略 )
木 達 一 仁
多 田 正
( 株 )ミツエーリンクス
( 株 ) 富 士 通 ソフトウェアテクノロジーズ
冨 安 悠 日 立 公 共 システムエンジニアリング( 株 )
中 根 雅 文
慶 應 義 塾 大 学
野 口 昭 久 アドビシステムズ( 株 )
細 田 和 也 マイクロソフト( 株 )
増 井 達 巳 キヤノンマーケティングジャパン( 株 )
渡 辺 隆 行
主 査 : 植 木 真
東 京 女 子 大 学 、ITRC
( 株 )インフォアクシア

2010.10.8 CEATEC JAPAN 2010 コンファレンス NT-14 Part 2
2. 基 本 的 なワークフロー
規 格 票 とWAIC 関 連 文 書 群 の 使 いかた

2010.10.8 コンファレンス NT-14 Part 2 9
規 格 票 の 閲 覧 / 購 入
閲 覧 :JISC( 日 本 工 業 標 準 調 査 会 )
http://www.jisc.go.jp/app
/JPS/JPSO0020.html
「X8341-3」で 検 索
購 入 :JSA Web Store
http://www.webstore.jsa.
or.jp/webstore/top/
「X8341-3」で 検 索

2010.10.8 CEATEC JAPAN 2010 コンファレンス NT-14 Part 2
2-1.
ウェブアクセシビリティの 確 保 ・
向 上 に 関 する 要 件
企 画 ・ 設 計 段 階 におけるポイント

2010.10.8 コンファレンス NT-14 Part 2 11
箇 条 6.
ウェブアクセシビリティの 確 保 ・ 向 上 に 関 する 要 件
規 格 票
目 次

2010.10.8 コンファレンス NT-14 Part 2 12
企 画 ・ 設 計 フェーズ (1)
1. 目 標 とする 等 級 を 決 定 し、 適 用 する 達 成
基 準 を 確 認
箇 条 4. に 等 級 ごとの 達 成 基 準 一 覧 あり
• 等 級 AAAを 目 標 とすることは 推 奨 しない
2. 依 存 するウェブコンテンツ 技 術 を 決 定
多 くの 場 合 、 依 存 するのは、 HTML / CSS
判 断 が 分 かれるのは、JavaScript
慎 重 に 判 断 すべきは、Flash、PDF など

2010.10.8 コンファレンス NT-14 Part 2 13
企 画 ・ 設 計 フェーズ (2)
3. 使 用 する 実 装 方 法 の 選 定
WAIC にて 日 本 語 訳 を 公 開
• WCAG 2.0 解 説 書 (Understanding WCAG 2.0)
• WCAG 2.0 実 装 方 法 集 (Techniques for WCAG 2.0)
規 格 票 P 12

2010.10.8 CEATEC JAPAN 2010 コンファレンス NT-14 Part 2
2-2.
ウェブコンテンツに 関 する 要 件
設 計 ・ 制 作 段 階 におけるポイント

2010.10.8 コンファレンス NT-14 Part 2 15
箇 条 7.
ウェブコンテンツに 関 する 要 件
規 格 票
目 次

2010.10.8 コンファレンス NT-14 Part 2 16
図 版 やコード 例 が 豊 富 だった2004 年 版
箇 条 5に 例 及 び 図 を 豊 富 に 掲 載 し、
さらに、 附 属 書 1でも 具 体 的 な 例 を 提 示

2010.10.8 コンファレンス NT-14 Part 2
17
図 版 やコード 例 が 全 くない2010 年 版
『WCAG 2.0』 同 様 、 要 件 だけを 記 述

2010.10.8 コンファレンス NT-14 Part 2
18
技 術 非 依 存 / 技 術 の 発 展 に 対 応
2004 年 版 は 特 定 の 技 術 に 依 存 しており、
すぐに 時 代 遅 れの 規 格 となってしまった
W3Cの『WCAG 1.0』 も 同 様 の 問 題 を 抱 えて
おり、『WCAG 2.0』でそれを 解 決
規 格 票 P 1

2010.10.8 コンファレンス NT-14 Part 2 19
例 :(X)HTMLに 依 存 していた2004 年 版
例 :レイアウトテーブル
5.2 d)
表 組 みの 要 素 をレイアウトのために 使 わないこと
が 望 ましい。
しかも、 問 題 の 本 質 に 触 れていなかったことも
あり、レイアウトテーブルを 使 うこと 自 体 が
NGという 誤 解 も 与 えてしまった・・・

2010.10.8 コンファレンス NT-14 Part 2 20
2010 年 版 では、あらゆる 技 術 に 適 用 可 能
7.1.3.2 意 味 のある 順 序 に 関 する 達 成 基 準 [ 等 級 A]
コンテンツが 提 供 されている 順 序 がその 意 味 に 影 響 を
及 ぼす 場 合 には, 正 確 な 読 み 上 げ 順 序 はプログラムが 解
釈 可 能 でなければならない。
7.2.4.3 フォーカス 順 序 に 関 する 達 成 基 準 [ 等 級 A]
ウェブページが 順 番 にナビゲートできて,そのナビゲー
ション 順 序 が 意 味 又 は 操 作 性 に 影 響 を 及 ぼす 場 合 ,
フォーカス 可 能 なコンポーネントは 意 味 及 び 操 作 性 を 保 持
した 順 序 でフォーカスを 受 け 取 らなければならない。

2010.10.8 コンファレンス NT-14 Part 2
21
参 考 :レイアウトテーブルの 不 適 合 事 例 (F46)
達 成 基 準 7.1.3.1 の 不 適 合 事 例

2010.10.8 コンファレンス NT-14 Part 2 22
参 考 :レイアウトテーブルの 不 適 合 事 例 (F46)
http://www.ciaj.or.jp/access/web/docs/WCAG-TECHS/F46.html

2010.10.8 コンファレンス NT-14 Part 2 23
参 考 :レイアウトテーブルの 不 適 合 事 例 (F46)
該 当 する 達 成 基 準 を 満 たしていれば、レイアウ
トテーブルを 使 うこと 自 体 には 問 題 はない
ただし、th 要 素 、caption 要 素 、summary 属
性 ( 値 が 空 の 場 合 は 可 )は 使 用 してはいけない

2010.10.8 コンファレンス NT-14 Part 2
24
2010 年 改 正 版 の 読 みかた
規 格 票 だけでは 具 体 的 な 方 法 が 分 からない

2010.10.8 コンファレンス NT-14 Part 2
25
2010 年 改 正 版 の 読 みかた
規 格 票 だけでは 具 体 的 な 方 法 が 分 からない
規 格 票 P 1

2010.10.8 コンファレンス NT-14 Part 2
26
2010 年 改 正 版 の 読 みかた
規 格 票 だけでは 具 体 的 な 方 法 が 分 からない
規 格 票 P 12

2010.10.8 コンファレンス NT-14 Part 2 27
『WCAG 2.0』の 関 連 文 書 群
WCAG 2.0
Understanding
WCAG 2.0
Techniques for WCAG 2.0

2010.10.8 コンファレンス NT-14 Part 2 28
『WCAG 2.0』 本 文
規 格 本 文
4つの 原 則 (Principles)
•ガイドライン (Guidelines)
WCAG 2.0
Understanding
WCAG 2.0
用 語 集
達 成 基 準 (Success Criteria)
Techniques for WCAG 2.0

2010.10.8 コンファレンス NT-14 Part 2 29
『Understanding WCAG 2.0』
WCAG 2.0
Understanding
WCAG 2.0
理 解 するための 解 説 文 書
4つの 原 則
ガイドライン
達 成 基 準
意 図
Techniques for WCAG 2.0
ユーザーのメリット
事 例
実 装 方 法 の 一 覧
用 語 説 明

2010.10.8 コンファレンス NT-14 Part 2 30
『Techniques for WCAG 2.0』
実 装 方 法 / 不 適 合 事 例 の 解 説
各 達 成 基 準 を 満 たすことのできる 実 装 方 法
• 一 般 、(X)HTML、CSS、クライアントサイド /
WCAG 2.0
サーバサイドスクリプティング、SMIL、プレーン
テキスト、ARIA に 分 類
Understanding
よくある 不 適 合 事 例
WCAG 2.0
Techniques for WCAG 2.0

2010.10.8 コンファレンス NT-14 Part 2 31
本 文 以 外 は、 随 時 追 加 / 更 新 が 可 能
WCAG 2.0
勧 告 (Recommendation)
Understanding
WCAG 2.0
Techniques for WCAG 2.0

2010.10.8 コンファレンス NT-14 Part 2 32
JIS X 8341-3:2010 も 同 様
WCAG 2.0
解 説 書
JIS X 8341-3:2010
WCAG 2.0
実 装 方 法 集

2010.10.8 CEATEC JAPAN 2010 コンファレンス NT-14 Part 2
3. WAICが 提 供 する 関 連 文 書 群
WCAG 文 書 の 日 本 語 訳 、WAIC 独 自 の 資 料

2010.10.8 コンファレンス NT-14 Part 2 34
達 成 基 準 7.2.4.1
ブロックスキップ
2004 年 版 にも 似 たような 要 求 事 項 があった
規 格 票 P 22

2004 年 版 5.3 h)
2010.10.8 コンファレンス NT-14 Part 2 35
いわゆる “スキップリンク“ の 提 供
が、よく 読 むと 要 求 事 項 が 少 し 変 わっている・・・

2010.10.8 コンファレンス NT-14 Part 2 36
2004 年 版 と2010 年 版 の 違 い
2004 年 版 5.3 h)
共 通 に 使 われるナビゲーションなどのためのハイパリンク 及 びメ
ニューは, 読 み 飛 ばせるようにすることが 望 ましい。
達 成 基 準 7.2.4.1 ブロック・スキップ:
複 数 のウェブページ 上 で 繰 り 返 されているコンテ
ンツのブロックを 通 過 できるメカニズムが 利 用 可
能 でなければならない。

2010.10.8 CEATEC JAPAN 2010 コンファレンス NT-14 Part 2
3-1. 『WCAG 2.0 解 説 書 』
『Understanding WCAG 2.0』 の 日 本 語 訳

2010.10.8 コンファレンス NT-14 Part 2 38
この 達 成 基 準 の 意 図 は?
『WCAG 2.0 解 説 書 』で 確 認
http://www.ciaj.or.jp/access/web/docs/UNDERSTANDING-
WCAG20/navigation-mechanisms-skip.html

2010.10.8 コンファレンス NT-14 Part 2 39
達 成 基 準 (7.)2.4.1 を 理 解 する
この 達 成 基 準 の 意 図
“コンテンツ 内 を 一 つずつ 順 を 追 って 行 き 来 してい
る 利 用 者 がウェブページのメインコンテンツへ 直
接 移 動 できるようにすること”
該 当 するのは、スクリーンリーダー / 音 声 ブラ
ウザの 利 用 者 だけではない

2010.10.8 コンファレンス NT-14 Part 2 40
達 成 基 準 (7.)2.4.1 を 理 解 する
達 成 基 準 2.4.1 の 具 体 的 なメリット
“キーボード 又 はキーボード・インタフェースだけ
を 使 用 している 利 用 者 が、より 少 ないキースト
ロークだけでコンテンツに 到 達 できるようになる”
画 面 を 見 て、(マウス 操 作 ができないために)
キーボードだけで 操 作 している 利 用 者 も 想 定

2010.10.8 コンファレンス NT-14 Part 2 41
達 成 基 準 (7.)2.4.1 を 理 解 する
達 成 基 準 2.4.1 の 事 例 :
“ページの 先 頭 に、そのメインの 記 事 へジャンプす
るリンクがある。このリンクを 使 わないと、キー
ボードを 使 用 している 利 用 者 は、メインの 記 事 へ
到 達 するまでに Tab キーを 押 下 しながら40 前 後
のリンクを 通 り 抜 ける 必 要 がある。また、スク
リーンリーダーの 利 用 者 は、200の 単 語 を 聞 かな
ければならない。”

2010.10.8 コンファレンス NT-14 Part 2 42
『WCAG 2.0 解 説 書 』で 確 認 するポイント
1. 達 成 基 準 の 意 図
2. 達 成 基 準 を 満 たすことによって、どんなユー
ザーにどのようなメリットがあるか
3. 達 成 基 準 を 満 たしている 事 例
4. 達 成 基 準 を 満 たすことのできる 実 装 方 法
5. 達 成 基 準 の 不 適 合 事 例
各 達 成 基 準 の 要 件 を 確 認 することが 重 要 。

2010.10.8 CEATEC JAPAN 2010 コンファレンス NT-14 Part 2
3-2. 『WCAG 2.0 実 装 方 法 集 』
『Techniques for WCAG 2.0』 の 日 本 語 訳

2010.10.8 コンファレンス NT-14 Part 2 44
具 体 的 な 実 装 方 法 は?
『WCAG 2.0 解 説 書 』で 一 覧 を 確 認 した 後 、
『WCAG 2.0 実 装 方 法 集 』で 詳 細 を 確 認
http://www.ciaj.or.jp/access/web/docs/UNDERSTANDING-
WCAG20/navigation-mechanisms-skip.html

2010.10.8 コンファレンス NT-14 Part 2 45
“スキップリンク” の 実 装 方 法 (G1)
G1: メインコンテンツエリアへ 直 接 移 動 するリ
ンクを 各 ページの 先 頭 に 追 加 する
http://www.ciaj.or.jp/access/web/docs/WCAG-TECHS/
G1.html

2010.10.8 コンファレンス NT-14 Part 2 46
実 装 方 法 G1 の 詳 細 を 確 認 する
解 説
“ 注 記 :キーボードで 操 作 している 利 用 者 (スイッ
チの 利 用 者 を 含 む)、キーボード・ストロークを
遅 めにしている 利 用 者 、 画 面 拡 大 ソフトウェアの
利 用 者 、 画 面 を 見 ている 人 と 一 緒 に 作 業 している
スクリーンリーダーの 利 用 者 、キーボードだけで
操 作 している 利 用 者 、 及 び 音 声 認 識 ソフトウェア
の 利 用 者 にとっては、リンクが 画 面 に 表 示 されて
いることが 必 要 である。”

実 装 方 法 G1 の 検 証
2010.10.8 コンファレンス NT-14 Part 2 47
正 しく 実 装 できているかどうかの 検 証 方 法

2010.10.8 コンファレンス NT-14 Part 2 48
実 装 方 法 G1 のチェックポイント
達 成 基 準 7.2.4.1を 満 たすための 主 なポイント
ウェブページ 上 で 最 初 にフォーカス 可 能 なコント
ロールであること
常 に 表 示 されている、 又 はキーボード・フォーカス
を 受 け 取 っている 際 には 画 面 に 表 示 されていること
解 説 書 に 加 えて、 達 成 基 準 を 満 たすことのでき
る 実 装 方 法 まで 確 認 することによって、 各 達 成
基 準 の 要 件 がより 明 確 になる。

2010.10.8 コンファレンス NT-14 Part 2 49
参 考 :G1のスキップリンク 実 装 例
富 士 通
http://jp.fujitsu.com/

2010.10.8 コンファレンス NT-14 Part 2 50
実 装 方 法 H67: alt 属 性 値 を 空 にする
alt=“ “ よりも alt=“” のほうが 望 ましい
http://www.ciaj.or.jp/access/web/docs/WCAG-TECHS/H67.html

2010.10.8 コンファレンス NT-14 Part 2 51
不 適 合 事 例 F68: 関 連 付 けるべきコントロール
ラジオボタンやチェックボックスだけじゃない
http://www.ciaj.or.jp/access/web/docs/WCAG-TECHS/F68.html

2010.10.8 コンファレンス NT-14 Part 2 52
どの 実 装 方 法 を 用 いてもよいのか?

2010.10.8 コンファレンス NT-14 Part 2 53
独 自 の 実 装 方 法 を 用 いてもよい
Understanding WCAG 2.0 に 全 ての 実 装 方 法
がリストアップされているわけではない
ただし、” 利 用 者 にとって 利 用 可 能 であることを
確 認 しなければならない”
規 格 票 P 13

2010.10.8 コンファレンス NT-14 Part 2 54
用 いてもよい 実 装 方 法 の 条 件
利 用 者 にとって 利 用 可 能 であること
利 用 可 能 かどうかを 確 認 することは、 設 計 ・ 開 発
する 者 の 責 任
附 属 書 A( 参 考 )を 参 照
規 格 票 P 12

2010.10.8 CEATEC JAPAN 2010 コンファレンス NT-14 Part 2
3-3.
『アクセシビリティ・サポーテッド 情 報 』
ブラウザ / 支 援 技 術 によるサポート 状 況

2010.10.8 コンファレンス NT-14 Part 2 56
“ウェブコンテンツ 技 術 の
アクセシビリティサポーテッドな 使 用 方 法 ”
規 格 票 P 34

2010.10.8 コンファレンス NT-14 Part 2 57
“アクセシビリティ・サポーテッド” とは?
『アクセシビリティ・サポートを 理 解 する』
http://www.ciaj.or.jp/access/web/docs/UNDERSTANDING-
WCAG20/conformance.html#uc-accessibility-support-head

2010.10.8 コンファレンス NT-14 Part 2 58
“アクセシビリティ・サポーテッド” とは?
利 用 者 にとって 利 用 可 能 である
= 利 用 者 が 使 用 しているブラウザ 及 び 支 援 技 術
がサポートしている
= “アクセシビリティ・サポーテッド” である

2010.10.8 コンファレンス NT-14 Part 2 59
仕 様 に 準 拠 ≠アクセシビリティサポーテッド
6.2 設 計 b) 、 附 属 書 A( 参 考 )A.1 を 参 照
例 えば、(X)HTMLの longdesc 属 性
規 格 票 P 12

2010.10.8 コンファレンス NT-14 Part 2 60
どのようにサポート 状 況 を 確 認 するのか?
『アクセシビリティサポーテッド 情 報 』が 必 要
コンテンツ 制 作 者 、 企 業 、 技 術 ベンダーが 作 成
してもよい
規 格 票 P 35

2010.10.8 コンファレンス NT-14 Part 2 61
[ 参 考 ] WCAG WGによる 完 成 イメージ
http://www.w3.org/WAI/GL/WCAG20/implementation-report/html-uses-table

2010.10.8 コンファレンス NT-14 Part 2 62
どのように 作 成 するのか?
1. テストファイルを 用 意
2. ブラウザ/ 支 援 技 術 を 用 いて 検 証
規 格 票 P 36

2010.10.8 コンファレンス NT-14 Part 2 63
自 ずと 直 面 する 難 題
1. テストファイルの 制 作 工 数
『Techniques for WCAG 2.0』をもとに 作 成
2. 『Techniques for WCAG 2.0』の 理 解
既 存 の 文 書 だけでも 約 350ファイル
3. ブラウザ / 支 援 技 術 による 検 証 作 業 の 工 数
実 に 様 々な 組 合 せが 想 定 できる・・・
OS: Windowsだけでも、XP、Vista、7がある
ブラウザ: IEだけでも、IE6、IE7、IE8。その 他 にも
Firefox、Safari、Opera、Chromeも・・・
支 援 技 術 : PC-Talker、HPR、JAWS、そして、
NetReader、FocusTalk、NVDAも・・・。さらに、 支 援
技 術 はスクリーンリーダーだけではない。

2010.10.8 コンファレンス NT-14 Part 2 64
W3Cはコンセプトを 提 示 するのみ
つまり、WCAG 2.0 はどのブラウザ/ 支 援 技 術 、
幾 つのブラウザ/ 支 援 技 術 、どのバージョンで 確
認 すべきかの 目 安 すら 示 していない
コンテンツ 制 作 者 や 一 企 業 による 作 成 は 無 理 !
規 格 票 P 35

2010.10.8 コンファレンス NT-14 Part 2 65
そこに WAIC の 存 在 意 義 がある
JIS X 8341-3:2010を 正 しく 理 解 し 実 践 する
ためには、その 基 盤 となる 文 書 / 情 報 等 の 整 備 が
不 可 欠 であり 重 要
企 業 ・ 大 学 ・ 利 用 者 団 体 による 共 同 作 業 で 共 有
すべき 基 盤 を 整 備 していくことで 解 決
jQueryのようなライブラリと 同 じ “ 発 想 “

2010.10.8 CEATEC JAPAN 2010 コンファレンス NT-14 Part 2
謝 辞
WAIC 発 足 前 から 多 くの 方 々のご 協 力 により、
さまざまな 作 業 が 進 められてきました。

2010.10.8 コンファレンス NT-14 Part 2 67
Techniques for WCAG 2.0
日 本 語 訳
井 上 浩 一 (ARGV)
* 順 不 同 敬 称 略
大 藤 幹
鈴 木 邦 和 ( 沖 電 気 工 業 株 式 会 社 )
田 辺 丈 士 ( 株 式 会 社 ユナイティア)
中 根 雅 文 ( 慶 應 大 学 )
羽 山 祥 樹
益 子 貴 博 ( 株 式 会 社 サイバーガーデン)
株 式 会 社 日 立 製 作 所 デザイン 本 部
富 士 通 株 式 会 社
富 士 通 デザイン 株 式 会 社
株 式 会 社 ミツエーリンクス
株 式 会 社 インフォアクシア

2010.10.8 コンファレンス NT-14 Part 2 68
AS 検 証 用 テストファイル 作 成
株 式 会 社 ピクセルグリッド
株 式 会 社 日 立 製 作 所 デザイン 本 部
日 立 公 共 システムエンジニアリング 株 式 会 社
富 士 通 アプリコ 株 式 会 社
株 式 会 社 富 士 通 ソフトウェアテクノロジ-ズ
富 士 通 デザイン 株 式 会 社
NTTラーニングシステムズ 株 式 会 社
株 式 会 社 インフォアクシア
* 順 不 同

2010.10.8 コンファレンス NT-14 Part 2 69
アクセシビリティサポーテッド 検 証
株 式 会 社 日 立 製 作 所 デザイン 本 部
日 立 公 共 システムエンジニアリング 株 式 会 社
富 士 通 株 式 会 社
富 士 通 エフ・オー・エム 株 式 会 社
富 士 通 デザイン 株 式 会 社
株 式 会 社 ミツエーリンクス
株 式 会 社 インフォアクシア
* 順 不 同

2010.10.8 CEATEC JAPAN 2010 コンファレンス NT-14 Part 2
話 を 元 に 戻 しましょう!
AS 情 報 を 参 照 して、 実 装 方 法 を 選 ぶ

2010.10.8 コンファレンス NT-14 Part 2 71
リストの 中 から 選 ぶ 場 合

2010.10.8 コンファレンス NT-14 Part 2 72
AS 情 報 でサポート 状 況 を 確 認
アクセシビリティサポーテッド(AS) 情 報
http://www.ciaj.or.jp/access/web/docs/jis2010/as.html

2010.10.8 コンファレンス NT-14 Part 2 73
これまでに 検 証 した 利 用 環 境 |ブラウザ
OS
ブラウザ
Windows XP Internet Explorer 6
Windows Vista Internet Explorer 7
Windows XP Firefox 3.5
MacOS 10.5 Safari 3.2
ブラウザによる 確 認 ポイント:
表 示 の 確 認
マウス 操 作 による 動 作 確 認
キーボード 操 作 での 動 作 確 認

2010.10.8 コンファレンス NT-14 Part 2 74
これまでに 検 証 した 利 用 環 境 | 音 声 読 み 上 げ
OS ブラウザ 音 声 読 み 上 げソフト
Windows XP Internet Explorer 6 JAWS 9.0
Windows XP Internet Explorer 6 ホームページリーダー 3.04
Windows XP Internet Explorer 6 PC-Talker XP 3.06
Windows XP Internet Explorer 6 NetReader 1.18
Windows7 Internet Explorer 8 FocusTalk V3
Windows7 Firefox 3.5 NVDA 2010.1J
音 声 読 み 上 げによる 確 認 ポイント:
キーボード 操 作 での 動 作 確 認
音 声 読 み 上 げ 内 容 の 確 認

2010.10.8 コンファレンス NT-14 Part 2 75
達 成 基 準 7.2.4.1 の 検 証 結 果 (2010 年 8 月 版 )
HTMLの 場 合 、”スキップリンクの 提 供 ” 又 は、
“ 見 出 しのマークアップ” が 候 補 となるが・・・

2010.10.8 コンファレンス NT-14 Part 2 76
検 証 に 用 いるテストファイル
AS 検 証 用 テストファイル
http://www.ciaj.or.jp/access/web/docs/jis2010/as-tests.html
サポート 状 況 を 確 認 すべき 実 装 方 法 を
対 象 に、Techniques for WCAG 2.0
のコード 例 を 参 考 にして 作 成
テストファイルは W3C も 作 成 してい
ないので、 判 定 基 準 は 独 自 に 作 成
テストファイル 作 成 / 検 証 ともに
おそらく 世 界 初 の 試 み

2010.10.8 コンファレンス NT-14 Part 2 77
検 証 結 果 から 分 かったこと
1. 全 ての 環 境 によってサポートされている 実 装
方 法 が 意 外 と 少 ない
【 注 意 】 今 回 の 検 証 は 初 期 設 定 が 基 本
例 に 挙 げた 達 成 基 準 7.2.4.1の 場 合 、 一 つの 実 装 方
法 では 達 成 基 準 の 要 件 を 満 たせないかもしれない
要 素 や 要 素 は、 音 声 読 み 上 げで
ほとんどサポートされていない
画 像 を 非 表 示 にした 際 に、 代 替 テキストを 表 示 しな
いブラウザがある

2010.10.8 コンファレンス NT-14 Part 2 78
検 証 結 果 から 分 かったこと
2. 予 想 できたことだが、 英 語 圏 と 比 較 すると、
やはり 日 本 のスクリーンリーダーは 機 能 面 で
劣 る
サポートが 十 分 でないために、 別 の 実 装 方 法 を 考 え
なければならないケースがありそう
しかし、コンテンツ 制 作 者 側 が 必 要 以 上 にカバーし
なければならないのも 疑 問
支 援 技 術 の 機 能 向 上 を 促 進 する 方 策 を 考 えたい

2010.10.8 コンファレンス NT-14 Part 2 79
検 証 結 果 から 分 かったこと
3. テストファイルの 品 質 向 上 と 判 定 基 準 の 検 討
テストファイルのレビューはまだ 十 分 ではない
判 定 基 準 が 妥 当 かどうかも 検 討 の 余 地 がある
是 非 フィードバックをお 寄 せください!

2010.10.8 コンファレンス NT-14 Part 2 80
現 時 点 で 認 識 している 当 面 の 課 題
1. 何 をもって “アクセシビリティサポー
テッド” であるかどうかを 判 断 する?
初 期 設 定 にこだわらなくてもよい?
検 証 結 果 の 公 開 に 加 えて、 結 果 を 正 しく 読 み
取 るための 何 らかの 解 説 のようなものが 必 要
2. 支 援 技 術 ベンダーへの 情 報 提 供
テストファイルの 提 供
検 証 結 果 のレビュー 依 頼
3. テストファイルの 品 質 向 上

2010.10.8 CEATEC JAPAN 2010 コンファレンス NT-14 Part 2
4.
2004 年 版 より 明 確 になった 達 成 基 準
基 準 が 具 体 的 な 数 値 で 示 された 達 成 基 準

2010.10.8 コンファレンス NT-14 Part 2 82
曖 昧 な 基 準 だった2004 年 版
例 :
色 のコントラストに 関 する 要 件
5.5 c)
画 像 などの 背 景 色 と 前 景 色 とには, 十 分 なコントラスト
を 取 り, 識 別 しやすい 配 色 にすることが 望 ましい。
5.6 c)
フォントの 色 には, 背 景 色 などを 考 慮 し 見 やすい 色 を 指
定 することが 望 ましい。

2010.10.8 コンファレンス NT-14 Part 2 83
具 体 的 な 基 準 になった2010 年 版 [ 等 級 AA]
「WCAG 2.0」のテスト 可 能 な 基 準 を 採 用
達 成 基 準 7.1.4.3 最 低 限 のコントラスト
テキストおよび 画 像 化 された 文 字 の 視 覚 的 な 表 現
には、 少 なくとも4.5:1のコントラスト 比 がなけ
ればならない。
規 格 票 P 17

2010.10.8 コンファレンス NT-14 Part 2 84
達 成 基 準 7.1.4.3 / 7.1.4.6 色 のコントラスト
『カラーコントラストアナライザー』
http://www.infoaxia.com/tools/cca/index.html

2010.10.8 コンファレンス NT-14 Part 2 85
等 級 AAAに、より 十 分 なコントラスト 要 件 も
達 成 基 準 7.1.4.6 より 十 分 なコントラスト
テキスト 及 び 画 像 化 された 文 字 の 視 覚 的 な 表 現 に
は、 少 なくとも7:1のコントラスト 比 がなければ
ならない。
規 格 票 P 18

2010.10.8 コンファレンス NT-14 Part 2 86
コントラスト 比 は、 達 成 基 準 7.1.4.1 にも 関 係 あり
テキストリンクを 色 だけで 示 す 場 合
http://www.ciaj.or.jp/access/web/docs/UNDERSTANDING-
WCAG20/visual-audio-contrast-without-color.html

2010.10.8 CEATEC JAPAN 2010 コンファレンス NT-14 Part 2
まとめ

2010.10.8 コンファレンス NT-14 Part 2 88
JIS X 8341-3:2010 の 実 装 方 法
1. 規 格 票 で 目 標 とする 等 級 の 達 成 基 準 を 確 認
技 術 非 依 存 な 記 述 なので 分 かりにくい
2. 『WCAG 2.0 解 説 書 』で 各 達 成 基 準 の 意 図 を
正 しく 理 解
ユーザーのメリットもしっかり 確 認
3. 『WCAG 2.0 実 装 方 法 集 』で 達 成 基 準 を 満 た
すことのできる 具 体 的 な 実 装 方 法 を 確 認
文 書 化 されていない 独 自 の 実 装 方 法 を 用 いて
もよい

2010.10.8 コンファレンス NT-14 Part 2 89
JIS X 8341-3:2010 の 実 装 方 法
4. 達 成 基 準 を 満 たせるのは、アクセシビリティ
サポーテッドな 実 装 方 法 のみ
ブラウザ / 支 援 技 術 による 検 証 が 必 須
『アクセシビリティ・サポーテッド 情 報 』を
参 照
5. 『WCAG 2.0 実 装 方 法 集 』にある 実 装 方 法 を
用 いる 場 合 は、 検 証 方 法 に 沿 ってチェック

2010.10.8 CEATEC JAPAN 2010 コンファレンス NT-14 Part 2
最 後 に

2010.10.8 コンファレンス NT-14 Part 2
91
曖 昧 さゆえに、 解 釈 もまちまちな 場 面 が・・・
コンサルタント
支 援 技 術
ベンダー
コンテンツ
制 作
サイト 評 価
システム
開 発
チェック
ツール 開 発
Web 技 術
ベンダー
NPO
教 育
サイト 運 営
CMS
ベンダー
Webアプリ
開 発
JIS X 8341-3:2004
© 2010 Infoaxia, Inc.

2010.10.8 コンファレンス NT-14 Part 2
92
共 通 の 基 盤 をベースにアクセシビリティを 向 上
コンサルタント
支 援 技 術
ベンダー
コンテンツ
制 作
サイト 評 価
システム
開 発
チェック
ツール 開 発
Web 技 術
ベンダー
NPO
教 育
サイト 運 営
CMS
ベンダー
Webアプリ
開 発
JIS X 8341-3:2010

2010.10.8 コンファレンス NT-14 Part 2 93
是 非 フィードバックをお 願 いします

2010.10.8 CEATEC JAPAN 2010 コンファレンス NT-14 Part 2
Thank You.
waic@ciaj.or.jp