ウェブアクセシビリティの規格JIS X 8341-3の改正と関連技術 - y

画像電子学会
The Institute of Image Electronics
Engineers of Japan
年次大会予稿
Proceedings of the Media Computing Conference
ウェブアクセシビリティの規格 JIS X 8341-3 の改正と関連技術
Brand-new standard of Web accessibility, JIS X 8341-3, and the related technology
渡辺 昌洋
Masahiro WATANABE
NTT サービスエボリューション研究所
NTT Service Evolution Laboratories
E-mail: [email protected]
ウ ェ ブ ア ク セ シ ビリ テ ィ の基 本 的 で重 要 な考 え方
1. は じ め に
イ ン タ ー ネ ッ ト の 普 及 に よ り ,高 齢 者 ,障 が い 者 を
は,1 つのウェブコンテンツが,様 々なユーザ,様 々
始 め ,様 々 な ユ ー ザ が イ ン タ ー ネ ッ ト サ ー ビ ス を 利 用
な ユ ー ザ エ ー ジ ェ ン ト に 合 う よ う な形 に 変 換 し て 使 え
するようになってきた.インターネットのサービス,
る よ う に す る こ と で あ る . 図 1 に示 す よ う に , よ く 使
ウェブサービスを利 用 できること(ウェブアクセシビ
わ れ る ウ ェ ブ ブ ラ ウ ザ や 携 帯 端 末 の他 に も , 音 声 読 み
リ テ ィ )は ま す ま す 重 要 に な っ て い る [1] .障 が い者 に
上 げソフト,点 字 ディスプレイ ,画面拡大表示 ,ハイ
と っ て は , ウ ェ ブ を 利 用 す る こ と で , 生 活 が格 段 に便
コ ン ト ラ ス ト 機 能(白 黒 反 転 表 示 ),あ る い は マ ウ ス 以
利 に な っ た .2020 年 に は パ ラ リ ン ピ ッ ク の 東 京 大 会 も
外 の入 力 方 法 に も対 応 す る 必 要 が あ る . 弱 視 の方 の中
予 定 さ れ て お り , 障 が い 者 と 普 通 に生 活 す る 社 会 の構
には画 面 がまぶしく感 じられる方 もおり,白 黒反転 の
築 が求 め ら れ て い る . し か し , 障 が い者 に と っ て ア ク
機 能 が使 わ れ る . ま た , 白 黒 プ リ ン タ で 印 刷 し た 場 合
セ ス で き な い ウ ェ ブ サ イ ト も 未 だ に少 な く な い .
に は 色 の情 報 が失 わ れ る . こ の よ う な 様 々 な ユ ー ザ ,
ウ ェ ブ サ イ ト は デ ジ タ ル デ ー タ な の で ,ユ ー ザ に 対
様 々 な ユ ー ザ エ ー ジ ェ ン ト へ の 対 応 を考 え る 必 要 が あ
し て は ,画 像 や音 声 に変 換 し て 利 用 さ れ る . こ の 画 像
る.1 つのウェブコ ンテンツにすることが難 しい場 合
や 音 声 に変 換 す る ソ フ ト ウ ェ ア は ユ ー ザ エ ー ジ ェ ン ト
に の み ,代 わ り の コ ン テ ン ツ ( 代 替 コ ン テ ン ツ ) を 使
と 呼 ば れ る . ユ ー ザ エ ー ジ ェ ン ト の代 表 的 な例 は ブ ラ
うようにすべきである.複 数 のコンテンツ を容 易 して
ウ ザ で あ る . ま た , 視 覚 障 が い 者 向 け に は , 音 声 で情
し ま う と , ウ ェ ブ サ イ ト の 更 新 の際 ,更 新 さ れ な い コ
報 を伝 え る 「 音 声 読 み上 げ ソ フ ト 」 が 使 わ れ る . こ れ
ン テ ン ツ が 出 て き て し ま う な ど ,運 用 上 手 間 が か か り ,
は 支 援 技 術 (Assistive Technology) と 呼 ば れ る .音 声
問 題 が発 生 し や す い . ま た , ユ ー ザ が 自 分 に合 う よ う
読 み上 げ ソ フ ト は ブ ラ ウ ザ と 共 に使 わ れ る こ と も あ る .
に 変 換 し て使 え る よ う に す る と は ,例 え ば , 高 齢 者 向
そのため, ブラウザと支 援 技術 を合 わせてユーザエー
け に は ,文 字 を大 き く 作 る の で は な く , 文 字 の大 き さ
ジェントと呼 ばれることもある.
を変 えられるよう にしておくことである.
携帯端末
光の丘祭の
お知らせ
ウェブブラウザ
白黒プリンタ
ウェブコンテンツ
マウス以外の
入力方法
音声読み上げ
ソフト
点字ディスプレイ
図 1
画面拡大
ハイコントラスト機能
ウ ェ ブ ア ク セ シ ビ リ テ ィ の 基 本 的 な考 え方
画像電子学会
The Institute of Image Electronics
Engineers of Japan
2. ウ ェ ブ ア ク セ シ ビ リ テ ィ の 問 題 点 の 例
年次大会予稿
Proceedings of the Media Computing Conference
月 22 日 に改 正 さ れ た [2] . 高 齢 者 ・障 害 者 等 配 慮 設 計
ウェブアクセシビリティの代 表的 な問題点 をいく
指 針 は ,JIS X 8341 シ リ ー ズ は 第 1 部 か ら第 7 部 ま で
つ か 紹 介 す る . ま ず , 画 像 の 問 題 で あ る . 音 声 読 み上
あ り , そ の 構 成 は表 1 の よ う に な っ て い る . 第 1 部 が
げ ソ フ ト は , 画 像 の内 容 を 解 釈 し て読 み上 げ る こ と は
共 通 指 針 で あ り , 第 2 部 か ら 第 7 部 ま で が , 対 象 の異
で き な い .そ の た め ,画 像 の 代 わ り に な る テ キ ス ト( 代
な る 規 格 と な っ て い る . 第 3 部 の対 象 が ウ ェ ブ コ ン テ
替 テキスト)を用 意 する必 要 がある.なお,代 替 テキ
ンツであるが,通 常 のウェブコンテンツ だけでなく,
ス ト は 音 声 の他 に点 字 な ど に も 変 換 す る こ と が で き る .
ウェブアプリケーションも対象 としている.
2 つ め は文 字 の大 き さ の 問 題 で あ る . ロ ー ビ ジ ョ ン
( 弱 視 ) や高 齢 者 は , 表 示 さ れ る 文 字 が小 さ い と 読 む
ことが難 しくなる .そのため,大 きさを変 えられるよ
うにする.最 近 のブラウザでは,文字 だけでなく,表
示 画 面 を拡 大 す る こ と が で き る よ う に な っ て き た . 画
面 を拡 大 し た と き に 情 報 が 欠 け て し ま わ な い よ う に 注
意 す る必 要 が あ る .
3 つ め は色 の問 題 で あ る . 色 を自 由 に変 え ら れ る こ
と が 原 則 で あ る . 文 字 や背 景 の色 を指 定 し な け れ ば ,
表 1 高齢者・障害者等配慮設計指針
規格番号
タイトル
JIS X8341 -1
共通指針
JIS X8341 -2
パーソナルコンピュータ
JIS X8341 -3
ウェブコンテンツ
JIS X8341 -4
電気通信機器
JIS X8341 -5
事務機器
JIS X8341 -6
対話 ソフトウェア
JIS X8341 -7
アクセシビリティ設 定
ユ ー ザ が自 由 に変 え る こ と が で き る . し か し , 一 般 に
は 文 字 や背 景 の色 は指 定 さ れ て い る こ と が 多 い . そ の
場 合 に は ,文 字 と背 景 の色 コ ン ト ラ ス ト を 大 き く し て ,
3.2 改 正 ま で の 経 緯
世界 で最初 のウェブアクセシビリティの規 格 は,
文 字 を見 や す く す る . ま た , 色 で情 報 を区 別 す る 場 合
1999 年 に World Wide Web Consortium (W3C) で作 ら れ
に も 注 意 が必 要 で あ る .
「 赤 色 の項 目 は必 須 事 項 で す .」
た Web Content Accessibility Guidelines (WCAG) 1.0 で
などという案 内 は入 力 フォームによく見 られる .色 弱
あ る[3] .日 本 で は ,高 齢 者・障 害 者 等 配 慮 設 計 指 針 第
者 が見 て も , ま た , 白 黒 の デ ィ ス プ レ イ で 映 し た 場 合
3 部 ウ ェ ブ コ ン テ ン ツ , JIS X 8341-3 が 2004 年 に公 示
も ,情 報 が区 別 で き る よ う に 作 る必 要 が あ る .例 え ば ,
さ れ た の が 最 初 で あ る . そ の 後 ,2008 年 に WCAG 2.0
「 氏 名(必 須 )」な ど と 文 字 で 表 現 す る こ と が 有 用 で あ
が W3C 勧 告 と な っ た [4] . 2010 年 に JIS X 8341-3 が 改
る . た だ し , 色 を使 っ て は い け な い と い う 意 味 で は な
正 さ れ た が ,WCAG 2.0 と 基 準 を そ ろ え た 上 で ,企 画 ・
い . 色 だ け で 情 報 を区 別 し な い こ と が 重 要 で あ り , 色
開 発 な ど の プ ロ セ ス や 試 験 方 法 な ど日 本 独 自 の基 準 も
の 区 別 の他 に異 な る 表 現 を 加 え る必 要 が あ る .
加 え た も の で あ る . WCAG 2.0 は そ の 後 ,各 国 の法 律
色 の他 に も位 置 や大 き さ , 形 な ど に依 存 し た 情 報 の
の 元 に な る な ど ,世 界 標 準 に な っ て い っ た .2012 年 に
区 別 は難 し い場 合 が あ る . 例 え ば ,音 声 読 み上 げ ソ フ
WCAG 2.0 は ,ISO/IEC 40500 [5] と な っ た た め ,JIS も
トを使 ったときに「右 下 のボタンをクリックしてくだ
こ の 規 格 に合 わ せ て 改 正 さ れ る こ と と な っ た .2016 年
さ い .」な ど と書 か れ て い て も ,ど の ボ タ ン で あ る か は
に JIS X 8341-3 は ISO/IEC 40500 の一 致 規 格( IDT)と
わからなくなる .位 置 がわからないのは ,マウスポイ
な る よ う改 正 が行 わ れ た .
ンタも同様 である .視 覚障 がい者 はマウスを使 用 する
3.3 特 徴
こ と が で き な い た め ,キ ー ボ ー ド だ け で 操 作 し て い る .
JIS X 8341-3:2016 の最 大 の 特 徴 は ,国 際 規 格 ISO/IEC
そのため,マウスを使 わなくても ,キーボードだけで
40500 と 一 致 し た 規 格 で あ る こ と で あ る . JIS X
利用 できるウェブコンテンツが求 められる .
8341-3:2016 は WCAG 2.0 の 翻 訳 に当 た る 内 容 と な っ
このように,ウェブアクセシビリティの観 点 から配
ている.このことを念 頭 に読 まないと,イントロダク
慮 す べ き点 は多 い . ウ ェ ブ ア ク セ シ ビ リ テ ィ に 網 羅 的
シ ョ ン の中 な ど ,「 WCAG 2.0 は ,」 と い う 表 現 で始 ま
に配 慮 するには,ガイドラインを利用 することが有 用
る こ と が理 解 で き な い か も し れ な い .こ れ は ,ISO/IEC
で あ る .ウ ェ ブ ア ク セ シ ビ リ テ ィ の規 格 ,JIS X 8341-3
40500:2012
が 公 示 さ れ て お り , こ の 規 格 を利 用 す る と , ア ク セ シ
Technology – W3C Web Content Accessibility Guidelines
ビ リ テ ィ の 配 慮 を効 率 的 に 行 う こ と が で き る .
(WCAG) 2.0 (IDT) と な り , WCAG 2.0 を そ の ま ま 取 り
が , ISO/IEC
40500:2012,
Information
込 ん で お り , 内 容 は WCAG 2.0 そ の も の で あ る た め で
3. JIS X 8341-3:2016 に つ い て
3.1 位 置 付 け
JIS X 8341-3 と は ,
「 高 齢 者 ・障 害 者 等 配 慮 設 計 指 針
‐ 第 3 部 ウ ェ ブ コ ン テ ン ツ 」の こ と で あ り ,2016 年 3
あ る .JIS X 8341-3:2010(2010 年 版 JIS )の と き に は ,
WCAG 2.0 を意 訳 し ,言 葉 を 補 っ て作 成 さ れ た が ,JIS
X 8341-3:2016 (2016 年 版 JIS) で は , 原 文 に忠 実 に 翻
訳 されている.
画像電子学会
The Institute of Image Electronics
Engineers of Japan
年次大会予稿
Proceedings of the Media Computing Conference
JIS X 8341-3:2016 の他 の 特 徴 と し て は , WCAG 2.0
に 属 す る ガ イ ド ラ イ ン 1.4「判 別 可 能 の ガ イ ド ラ イ ン 」
の 特 徴 と同 じ で あ る が ,次 の よ う な も の が あ る .ま ず ,
に 属 し て い る こ と が 左 か ら 2 つ の数 字 で わ か る . ガ イ
具体的な基準を設けているためにテスト可能
ド ラ イ ン 1.4 の う ち ,3 番 目 の達 成 基 準 で あ る こ と を
( testable) で あ る こ と で あ る . WCAG 2.0 よ り前 の 規
番 号 の 3 番 目 の数 字 が示 し て い る .
格 で は ,例 え ば ,
「 文 字 が読 み や す い色 の組 み合 わ せ を
JIS X 8341-3 は技 術 非 依 存 で あ り ,例 え れ ば , 憲 法
使 う 」 の よ う な 規 定 で あ っ た . 文 字 と背 景 を , 具 体 的
の よ う な も の で あ る . 憲 法 は 変 え ず に , 各 法 律 を改 定
にどの程度 のコントラストにすればよいかが不 明 であ
す る こ と で , ウ ェ ブ コ ン テ ン ツ の 技 術 の進 歩 に対 応 し
っ た . WCAG 2.0 で は達 成 基 準 1.4.3 に お い て は 4.5:1
よ う と し て い る .各 法 律 に 当 た る も の は ,Understanding
と い う 数 値 が明 記 さ れ て お り , コ ン ト ラ ス ト の 計 算 方
WCAG 2.0 [6] ,Techniques for WCAG 2.0 [7] で あ る .対
法 も掲 載 さ れ て い る . こ れ に よ り ,基 準 を満 た し て い
応 付 け は How to Meet WCAG 2.0 [8] で も ま と め ら れ て
る か ど う か が 客 観 的 に判 定 で き る よ う に な っ た .
い る .How to Meet WCAG 2.0 は ,Understanding WCAG
また,技 術 に依存 しないように書 かれていること
2.0 に書 か れ て い る 対 応 付 け の 部 分 を ま と め た も の で
( 技 術 非 依 存 ) で あ る こ と も 大 き な特 徴 で あ る . ウ ェ
あ る . Understanding WCAG 2.0 は WCAG 2.0 の解 説 書
ブ コ ン テ ン ツ の 技 術 は日 進 月 歩 で あ り , 対 応 す る こ と
で あ り , ど の よ う な ユ ー ザ の た め の項 目 で あ る か が 解
は 難 し い .そ こ で ,JIS X 8341-3:2016(WCAG 2.0)は
説 さ れ て い る . WCAG 2.0 は 2008 年 に W3C 勧 告 と な
原 則 が書 か れ た ガ イ ド ラ イ ン と し て規 定 さ れ て お り ,
っ て か ら 修 正 さ れ て い な い が , Understanding WCAG
技 術 に依 存 し な い 内 容 と な っ て い る . 詳 し い 技 術 的 な
2.0,Techniques for WCAG 2.0 は修 正 が重 ね ら れ ,最 新
内 容 は W3C か ら公 開 さ れ て い る WCAG 2.0 の関 連 文
版 は 2016 年 3 月 と な っ て い る .こ れ ら の 翻 訳 版 が公 開
書 を参 照 す る よ う に な っ て い る . 技 術 に関 す る 内 容 を
さ れ て い る[9,10] .
切 り出 し て い る こ と が , WCAG 2.0 が長 く利 用 で き る
達 成 基 準 を 満 た す た め に は , Understanding WCAG
原 因 と な っ て い る .W3C の 関 連 文 書 に つ い て は 5 章 で
2.0 や How to Meet WCAG 2.0 を参 照 し て ,「達 成 基 準
説明 する.
を満 たすことのできる実 装 方法 」のリ ストにある実 装
3.4
方 法 を使 っ て , ウ ェ ブ コ ン テ ン ツ を制 作 す る こ と が 必
達成基準
JIS X 8341-3:2016 (WCAG 2.0) の達 成 基 準 に は ,4
要 で あ る .実 装 方 法 の詳 細 は ,Techniques for WCAG 2.0
つ の 原 則 が あ る . 4 つ の 原 則 と は ,知 覚 可 能 の原 則 ,
を 参 照 す る . WCAG 2.0 で は , 達 成 基 準 を満 た す こ と
操作可能の原則,理解可能の原則,堅 ろう(牢)
の で き る実 装 方 法 は ,Understanding WCAG 2.0(How to
( Robust ) の原 則 で あ る . こ れ ら 4 つ の 原 則 の下 に 合
Meet WCAG 2.0 ) に掲 載 さ れ た 方 法 の み と し て い る .
計 12 の ガ イ ド ラ イ ン が あ り ,ガ イ ド ラ イ ン の下 に合 計
そ れ 以 外 に ,達 成 基 準 を満 た す こ と の で き る 実 装 方 法
61 の 達 成 基 準 が あ る と い う , 階 層 構 造 と な っ て い る
が 見 つ か っ た 場 合 は , W3C に報 告 し て Techniques for
( 図 2).こ の 階 層 構 造 は達 成 基 準 の番 号 に も 反 映 さ れ
WCAG 2.0 に追 加 し て も ら う と い う体 制 と し て い る .
て い る .例 え ば ,達 成 基 準 1.4.3「 コ ン ト ラ ス ト( 最 低
な お ,2016 年 版 JIS で は , 実 装 方 法 で は な く 達 成 方
限 レ ベ ル )の 達 成 基 準 」は ,原 則 1「知 覚 可 能 の原 則 」
法 と呼 ば れ る . 今 後 ,Understanding WCAG 2.0 の翻 訳
の 下 に あ る こ と が 番 号 の最 初 の数 字 で わ か る . 原 則 1
[9]が修 正 さ れ て い く と 思 わ れ る .
原則

JIS X 8341-3(WCAG 2.0 )
ガイドライン

Understanding WCAG 2.0

How to Meet WCAG 2.0

Techniques for WCAG 2.0
達成基準
達成基準を満たすことの
できる実装方法
※2016年版JISでは実装方法ではなく達成方法と呼ぶ
図 2
JIS X 8341-3 の階 層 構 造
画像電子学会
The Institute of Image Electronics
Engineers of Japan

年次大会予稿
Proceedings of the Media Computing Conference
JIS X 8341-3(WCAG 2.0 )
原則1
ガイドライン1.2
ガイドライン1.1
達成基準1.1.1
達成基準1.2.1
図 3
Understanding WCAG 2.0

How to Meet WCAG 2.0

Techniques for WCAG 2.0
達成基準1.2.2
実装方法G159
実装方法G158

実装方法G166
JIS X 8341-3 の構 成 の 一 部
図 3 の よ う に ,達 成 基 準 1.2.1「音 声 だ け 及 び映 像 だ
け ( 収 録 済 み ) の 達 成 基 準 」 を 満 た す実 装 方 法 を調 べ
る た め に は , Understanding WCAG 2.0 や How to Meet
使用方法だけ
5.1.5
「5.1.1
非干渉
適 合 レ ベ ル 」 で は ,適 合 に必 要 な達 成 基 準
WCAG 2.0 を参 照 す る .
「 達 成 基 準 を満 た す こ と の で き
の 選 び方 が述 べ ら れ て い る . 各 達 成 基 準 に は適 合 レ ベ
る 実 装 方 法 」の リ ス ト に は ,状 況 A と B が記 載 さ れ て
ル が 決 め ら れ て い る . A か ら AAA ま で の三 段 階 の レ
い る .状 況 A「収 録 済 の音 声 し か含 ま な い コ ン テ ン ツ
ベ ル で あ る . 目 指 す適 合 レ ベ ル に よ っ て 対 応 す べ き 達
の 場 合 」 は , G158 と い う Techniques for WCAG 2.0 の
成 基 準 が異 な る .A が 最 低 限 の レ ベ ル で ,AAA が高 度
実 装 方 法 を参 照 す る . 状 況 B「収 録 済 の映 像 し か 含 ま
な レ ベ ル で あ る .ま ず ,こ の 3 つ の適 合 レ ベ ル の う ち ,
な い コ ン テ ン ツ の 場 合 」 は , G159 , G166 と い う 実 装
一 つ を選 択 す る . レ ベ ル A で は ,「 ウ ェ ブ ペ ー ジ が レ
方 法 を参 照 す る .G158 の実 装 方 法 の ペ ー ジ に は ,解 説 ,
ベ ル A 達 成 基 準 の全 て を 満 た す か ,又 は適 合 し て い る
事 例 な ど の他 に , 具 体 的 な 検 証 方 法 ( チ ェ ッ ク ポ イ ン
代 替 版 を提 供 し て い る 」 と あ る . レ ベ ル AA で適 合 す
ト と 判 定 基 準 ) が載 っ て い る . こ れ に 従 っ て , ウ ェ ブ
る に は ,ウ ェ ブ ペ ー ジ が レ ベ ル A 及 び レ ベ ル AA 達 成
コ ン テ ン ツ を 制 作 す る こ と で , 達 成 基 準 を満 た す こ と
基 準 の全 て を満 た す か , 又 は レ ベ ル AA に適 合 し て い
ができる.
る 代 替 版 を提 供 し て い る 」 と あ る . レ ベ ル AAA で適
3.5. 適 合 の 条 件
合 す る に は , ウ ェ ブ ペ ー ジ が レ ベ ル A, レ ベ ル AA,
WCAG 2.0 で は適 合 と い う 概 念 が あ る が , そ の 対 象
及 び レ ベ ル AAA 達 成 基 準 の 全 て を満 た す か , 又 は レ
は,基 本的 にはウェブページ単 位 である .適 合 につい
ベ ル AA に適 合 し て い る 代 替 版 を提 供 し て い る 」 と あ
て は , JIS X 8341-3:2016 で は 「5.適 合 」 に ま と め ら れ
る( 表 2).適 合 レ ベ ル が 決 ま る と ,満 た す べ き 達 成 基
て い る .た だ し ,JIS と い う 規 格 に適 合 す る た め に は ,
準 が決 ま る .例 え ば ,適 合 レ ベ ル A の 場 合 は ,25 の 達
適 合 に関 す る他 の JIS 規 格 を 満 た す必 要 も あ る . ウ ェ
成 基 準 を満 た す 必 要 が あ り , 適 合 レ ベ ル AA, AAA で
ブページの一 部 のコンテンツが ,達成基準 をどうすれ
は ,そ れ ぞ れ ,38 ,61 の達 成 基 準 を満 た す必 要 が あ る .
ば満 たすことができるかは前述 した が,ウェブページ
全 体 が WCAG 2.0 に適 合 す る た め に は ,
「 5.1 適 合 要 件 」
を 理 解 す る必 要 が あ る .
「5.1 適 合 要 件 」 で は ,「 ウ ェ ブ ペ ー ジ が こ の 規 格 に
適 合 す る た め に は , 次 に示 す 全 て の適 合 要 件 を満 た し
て い な け れ ば な ら な い .」と 書 か れ て い る .次 の適 合 要
表 2
適合 レベル
A
AA
AAA
各適合レベルの達成基準数
達 成 基 準 の数
適 合 に必 要 な達
成 基 準 の数
25
25
13
38
23
61
件 と は ,5.1.1 か ら 5.1.5 ま で の 5 つ の要 件 で あ る .
「5.1.2
ウ ェ ブ ペ ー ジ 全 体 」で は ,対 象 は ウ ェ ブ ペ
5.1.1
適合レベル
5.1.2
ウェブページ全体
ージ全 体 であり ,ウェブページを構成 するコンテンツ
5.1.3
プロセス全体
全 て が達 成 基 準 を満 た し て い な け れ ば な ら な い こ と が
5.1.4
技術のアクセシビリティサポーテッドな
示 されている .ウェブページでは,バナー広 告 など ,
画像電子学会
The Institute of Image Electronics
Engineers of Japan
年次大会予稿
Proceedings of the Media Computing Conference
ウェブコンテンツ制 作者 が第三者 のコンテンツを埋 め
合 で は な い 場 合 ,依 存 す る 技 術 は HTML 技 術 で ,技 術
込 む場 合 が あ る . こ の よ う な 場 合 で も第 三 者 の コ ン テ
A は依 存 し て い な い 技 術 で あ る .例 え ば ,技 術 A が動
ン ツ を 含 め て , 全 て の コ ン テ ン ツ が , 達 成 基 準 を満 た
画 を表 現 す る技 術 で あ り ,ウ ェ ブ ペ ー ジ 上 で技 術 A が
す必 要 がある .第 三者 のコンテンツを除 いた適 合 とし
有 効 で あ る と , 音 が流 れ て 止 め る こ と が で き な い と す
て 部 分 適 合 が あ り「 5.2
る .技 術 A が無 効 で あ る と ,音 は再 生 さ れ な い .サ ポ
「5.1.3
適 合 表 明 」で説 明 さ れ て い る .
プ ロ セ ス 全 体 」で は , ユ ー ザ に 情 報 を入 力
ー ト さ れ て い な い 場 合 も音 は 再 生 さ れ な い .
させて送信 するフォームなど ,一 連 のプロセスについ
適合 に関連 しない技 術 を併用 していることにより
て述 べている .あるウェブページが,プロセスに属 す
が , 問 題 を起 こ す ( 干 渉 す る ) こ と の 無 い よ う に す る
る場 合 は,そのページだけでなく,プロセスに属 する
の が , 非 干 渉 で あ る . 次 の 4 つ の達 成 基 準 が満 た さ れ
全 てのページが適 合 する必 要 がある .
て い な い場 合 に は , 他 の達 成 基 準 を満 た し て い た と し
「 5.1.4
技術のアクセシビリティサポーテッドな
て も ,ウ ェ ブ コ ン テ ン ツ の 利 用 は困 難 に な っ て し ま う .
使 用 方 法 だ け 」 で は , WCAG 2.0 を理 解 す る上 で重 要
1.4.2
音声制御
な「アクセシビリティサポーテッド」が説 明 されてい
2.1.2
フォーカス移動
る . 達 成 基 準 を満 た す に は , 前 章 で述 べ た よ う な 「 達
2.3.1
3 回の閃光,又は閾値以下
成 基 準 を満 た す た め の 実 装 方 法 」 を使 う必 要 が あ る .
2.2.2
一時停止,停止,非表示
こ の 実 装 方 法 を使 っ て ウ ェ ブ コ ン テ ン ツ を 作 る と 適 合
例 えば,
「1.4.2 音 声 制 御 の 達 成 基 準 」が満 た さ れ ず ,
に十 分 だが,課 題 がある.それが「技 術 のアクセシビ
音 声 が自 動 的 に再 生 さ れ 停 止 で き な い 場 合 は , 音 声 読
リティサポーテッドな使 用 方法 」である .
み上 げソフトを使 っているユーザがウェブを利 用 する
アクセシビリティサポーテッドとは ,支 援技術 によ
こ と が で き な い .「 2.1.2
フォ ーカ ス移 動 」が満 たさ
ってサポートされているかということである .アクセ
れない場合 は,キーボードだけでウェブコンテンツを
シビリティサポーテッドな使用方法でないと ,せっか
操作 することができない.
「 3 回 の閃 光 ,又 は閾 値 以 下 」
く の 配 慮 が支 援 技 術 に よ っ て 解 釈 さ れ な い こ と に な り ,
が 満 た さ れ な い 場 合 は , 閃 光 (速 い点 滅 ) の た め に ,
アクセシブルでないコンテンツになってしまう .その
ウェブコンテンツを見 ていられなくなるユーザがいる .
ため,
「技術 のアクセシビリティサポーテッドな使 用方
「2.2.2
法 だけ」を使 用 することが求 められている .
こ こ で ,技 術 と は HTML 技 術 な ど の ウ ェ ブ コ ン テ ン
一 時 停 止 ,停 止 ,非 表 示 」が満 た さ れ な い 場
合 は ,一 部 の コ ン テ ン ツ が 動 い た り点 滅 し た り す る こ
と に よ り , そ こ に 注 意 が引 き 付 け ら れ て し ま い , そ れ
ツ 技 術 で あ る . 画 像 に代 替 テ キ ス ト を 付 け る た め の 実
以外 のコンテンツに注 意 が向 かなくなり ,利 用 できな
装 方 法 に は img 要 素 に alt 属 性 を付 け る と い う 方 法 が
くなるユーザがいるのである.
あ る . こ の 実 装 方 法 が想 定 す る 環 境 で は ア ク セ シ ブ ル
5.2 以 後 は適 合 表 明 と部 分 適 合 が説 明 さ れ て い る .
ではないときに ,アクセシビリティサポーテッドな使
5.2 適 合 表 明 ( 任 意 )
用 方 法 と は言 え な い た め , そ の 実 装 方 法 を使 う こ と は
5.3 部 分 適 合 に 関 す る 記 述 -第 三 者 に よ る コ ン テ
で き な い .使 っ た 場 合 は代 替 版 を提 供 す る必 要 が あ る .
あ る 技 術 の使 用 方 法 が , ア ク セ シ ビ リ テ ィ サ ポ ー テ
ンツ
5.4 部 分 適 合 に 関 す る 記 述 -言 語
ッ ド で あ る か ど う か は , ウ ェ ブ コ ン テ ン ツ 制 作 者 が確
適合 したことを表 明 すること は任 意 であるが ,表 明
認 す る事 項 で あ る と さ れ て い る . し た が っ て , ウ ェ ブ
す る 場 合 に は表 明 日 や ガ イ ド ラ イ ン の バ ー ジ ョ ン な ど
コンテンツ制 作者 は,この段階 で,アクセシビリティ
必 須 要 素 が 5.2 で規 定 さ れ て い る .
サ ポ ー テ ッ ド な 使 用 方 法 で あ る か を確 認 し , こ の 実 装
5.3 と 5.4 で は ,部 分 適 合 に つ い て規 定 さ れ て い る .
方 法 だ け を使 用 す る 必 要 が あ る . し か し , ア ク セ シ ビ
部 分 適 合 と は , 第 三 者 の コ ン テ ン ツ や 異 な る 言 語 の部
リ テ ィ サ ポ ー テ ッ ド な 使 用 方 法 を確 認 す る た め に は ,
分 を除 い て適 合 が宣 言 で き る と い う こ と で あ る . 第 三
手間 がかかるため ,ウェブアクセシビリティ基 盤委員
者 の コ ン テ ン ツ の 例 は , 動 的 に挿 入 さ れ る 広 告 や ブ ロ
会 で は調 査 を行 い , そ の 結 果 を公 開 し て い る .
グ の コ メ ン ト 欄 な ど で あ る .部 分 適 合 は 2010 年 版 JIS
「5.1.5
非 干 渉 」を理 解 す る に は ,「 依 存 す る 技 術 」
に は な か っ た 概 念 で , 2016 年 版 JIS の 特 徴 と 言 え る .
に つ い て理 解 が必 要 で あ る . 依 存 す る技 術 と は , 適 合
の 根 拠 と な る 技 術 の こ と で あ る .「 5.1.2
適合 レベル」
4. 2016 年 版 JIS X 8341-3 と 2010 年 版 と の 違 い
に あ っ た よ う に , 代 替 コ ン テ ン ツ も許 容 し て い る . 例
2016 年 版 JIS は ,WCAG 2.0 の翻 訳 版 と い う こ と に
え ば ,同 じ内 容 を HTML 技 術 と技 術 A と両 方 で表 現 し
な る の で ,2010 年 版 JIS と は 表 現 が異 な る 部 分 も あ る
ているときに,技 術 A ではアクセシブルではないが,
が , 達 成 基 準 の 内 容 は変 わ っ て い な い .
HTML 技 術 で は適 合 で あ り , HTML 技 術 に お い て は 適
2010 年 版 JIS は WCAG 2.0 と 同 じ達 成 基 準 を採 用 し
画像電子学会
The Institute of Image Electronics
Engineers of Japan
年次大会予稿
Proceedings of the Media Computing Conference
た が , 日 本 独 自 の基 準 で あ る 基 準 が入 っ て い た . 達 成
・ JIS X 8341-3:2010 対 応 発 注 ガ イ ド ラ イ ン
基 準 を規 定 す る だ け で な く , プ ロ セ ス に つ い て も 重 要
・ ウェブアクセシビリティ方針策定ガイドライン
だという考 えから 「6 ウェブアクセシビリティの確
・ ウェブアクセシビリティ評価ツールの最低要求
保 ・向 上 に関 す る 要 件 」と い う 規 定 を作 成 し た .適 合
仕様
を 宣 言 す る こ と は JIS の枠 組 み の中 で は 難 し い と い う
WCAG 2.0 関 連 翻 訳 文 書
ことから,
「8
・ ウェブ・コンテンツ・アク セシビリティ・ガイド
試 験 方 法 」と い う 規 定 を作 成 し た .JIS
で い う 「適 合 」 と い う 用 語 は , WCAG 2.0 の 「適 合 」
ラ イ ン ( WCAG) 2.0
と は 異 な り , 他 の JIS 規 格 を 満 た す必 要 が あ る . そ こ
・ WCAG 2.0 解 説 書 [9]
で , 試 験 方 法 を定 め , 適 合 宣 言 の代 わ り に , 試 験 結 果
・ WCAG 2.0 実 装 方 法 集 [10]
を 公 開 で き る よ う に し た . 2016 年 版 JIS は WCAG 2.0
今 回 の JIS X 8341-3 改 正 に 伴 い ,「 ア ク セ シ ビ リ テ
の ITD(一 致 規 格 ) と な っ た た め , こ れ ら の 規 定 は参
ィ ・ サ ポ ー テ ッ ド ( AS ) 情 報 」,「 AS 情 報 を作 成 す る
考 と な り ,そ れ ぞ れ「 附 属 書 JA(参 考 )ウ ェ ブ ア ク セ
際 に必 要 と な る テ ス ト フ ァ イ ル 」,「 ウ ェ ブ ア ク セ シ ビ
シ ビ リ テ ィ の 確 保 ・維 持 ・ 向 上 の プ ロ セ ス に 関 す る 推
リ テ ィ 評 価 ツ ー ル の 最 低 要 求 仕 様 」以 外 の文 書 が 改 訂
奨 事 項 」,「 JB(参 考 )試 験 方 法 」 と し て 掲 載 さ れ て い
さ れ た . WAIC で は今 後 も 翻 訳 文 書 の改 訂 な ど , 技 術
る . WCAG 2.0 に よ り 忠 実 な 翻 訳 と な っ た た め ,2010
情 報 の整 備 を進 め て い く 予 定 で あ る . こ れ ら の 文 書 を
年 版 JIS で説 明 の た め に 補 っ た 表 現 が な く な る な ど ,
活 用 し て ウ ェ ブ ア ク セ シ ビ リ テ ィ の配 慮 を進 め て い た
やや理 解 しづらい内 容 になっていると言 える .もとも
だきたい.
と , WCAG 2.0 の 文 章 は 難 解 な の で , Understanding
WCAG 2.0 な ど の 解 説 書 を 参 照 さ れ た い . ま た , 前 節
6. ウ ェ ブ ア ク セ シ ビ リ テ ィ の 課 題 と 今 後 の 展
で述 べたように,
「 部 分 適 合 」の考 え方 も 2016 年 版 JIS
の特 徴 である .
望
6.1 技 術 的 な 課 題
5. 関 連 す る 技 術 文 書
ェブアクセシビリティは,現在 よりもよかった.ウェ
か つ て ,文 字 だ け で 情 報 を 伝 え て い た 時 代 に は , ウ
JIS X 8341-3:2016 (WCAG 2.0) は本 体 だ け で な く ,
ブコンテンツがテキストで表現 されていたためである .
Understanding WCAG 2.0 や Techniques for WCAG 2.0 な
現 在 は ,画 像 や映 像 な ど , テ キ ス ト以 外 の コ ン テ ン ツ
ど , 様 々 な関 連 す る 技 術 文 書 に支 え ら れ て い る . 言 う
(非 テキストコンテンツ)が掲 載 されているサイトも
ま で も な く ,こ れ ら は 英 語 で 書 か れ て い る .2010 年 版
多 く ,非 テ キ ス ト コ ン テ ン ツ を ど の よ う に テ キ ス ト で
JIS が公 示 さ れ た 当 時 , 日 本 で の 利 用 を 考 え て , 有 志
表 現 す る か が 大 き な 問 題 で あ る .WCAG 2.0 に お い て ,
がこれらを翻 訳 して ,日 本 規格協会 のサイトで公 開 し
問 題 点 ,配 慮 す べ き こ と は 明 確 に な っ て い る も の の ,
て い た .現 在 , こ れ ら の コ ン テ ン ツ は ウ ェ ブ ア ク セ シ
どう表 現 すべきかが定 まっていない .例 えば ,図 は,
ビ リ テ ィ 基 盤 委 員 会 ( WAIC: Web Accessibility
言 葉 で説 明 す る こ と が 難 し い た め に図 で表 現 し て , 理
Infrastructure Association ) の サ イ ト に 引 き 継 が れ , 公
解 を促 進 す る面 が あ る . そ れ を テ キ ス ト だ け で 表 現 す
開 さ れ て い る [11] .WAIC は , JIS を用 い た ウ ェ ブ ア ク
る(代 替 テキストを付 与 する)のは難 しく ,特 に,地
セ シ ビ リ テ ィ の 普 及 を 目 的 に 2010 年 に 設 立 さ れ
図 コンテンツなど をどのように表 現 するのがよいかは
た .WCAG 2.0 や関 連 文 書 の 翻 訳 を始 め ,様 々 な 技 術 文
今 後 の研 究 の進 歩 が期 待 さ れ る .
書 の整 備 , セ ミ ナ ー に よ る 普 及 等 を行 っ て い る . 公 開
ア ク セ シ ビ リ テ ィ に 配 慮 す る た め に , 表 現 を工 夫 し
し て い る技 術 文 書 の一 つ が JIS X 8341-3 関 連 文 書 , も
な け れ ば い け な い 場 合 も出 て く る . こ の 場 合 ,元 々 の
う 一 つ が WCAG 2.0 関 連 の 翻 訳 文 書 で あ る .前 者 は JIS
コンテンツとは異 なる表 現 にしなくてはならなくなり ,
X 8331-3 の理 解 促 進 や補 足 の た め の 文 書 で あ り ,後 者
ト レ ー ド オ フ が 生 じ る 場 合 が あ る .例 え ば , な る べ く
は WCAG 2.0 の関 連 文 書 の 翻 訳 版 で あ る .
テキストで伝 えようとすると ,晴 眼者 にとっては冗 長
JIS X 8341-3:2010 関 連 文 書
に 見 え る場 合 も あ る . ま た , 文 字 色 と背 景 色 の コ ン ト
・ JIS X 8341-3:2010 解 説
ラ ス ト の基 準 を満 た す た め に 色 を変 え る と , そ の ペ ー
・ ア ク セ シ ビ リ テ ィ ・ サ ポ ー テ ッ ド ( AS) 情 報
ジ の 伝 え て い た 雰 囲 気 が変 わ っ て し ま う 場 合 も あ る .
・ AS 情 報 を 作 成 す る 際 に 必 要 と な る テ ス ト フ ァ イ
こ の 辺 り は , 障 が い 者 と一 緒 に ウ ェ ブ コ ン テ ン ツ を 制
ル
・ JIS X 8341-3:2010 試 験 実 施 ガ イ ド ラ イ ン
・ ウ ェ ブ コ ン テ ン ツ の JIS X 8341-3:2010 対 応 度 表
記ガイドライン
作 していくことで解 消 される可 能性 はある .
アクセシビリティサポーテッドに関 連 する問 題 も
あ る .例 え ば ,構 造 化 す る と い う 項 目 が あ る が ,ul な
ど の リ ス ト 要 素 で表 現 し て も , 音 声 読 み上 げ ソ フ ト が
画像電子学会
The Institute of Image Electronics
Engineers of Japan
ほ と ん ど対 応 し て い な い . 対 応 し て い な い が , 将 来 対
年次大会予稿
Proceedings of the Media Computing Conference
ISO/IEC 40500 (WCAG 2.0) と 合 わ せ て 改 正 さ れ た こ
応 す る可 能 性 を考 慮 す る と , 配 慮 し て お く べ き だ と 考
と で , 世 界 で共 通 の基 準 を 使 う こ と が で き る よ う に な
えられる.しかし,ギリギリの予 算 でウェブコンテン
った.
ツを作 成 していることがほとんどのため ,配 慮 すべき
ウェブアクセシビリティが特 別 な配 慮 であると意
かを説 明 できない場 合 もある .
識 す る の で は な く , そ れ が 当 た り前 で あ る と い う 世 の
6.2 技 術 以 外 の 課 題
中 を作 っ て い く 必 要 が あ る . そ の た め に は , 技 術 の発
2010 年 版 JIS の公 示 に合 わ せ ,「 み ん な の公 共 サ イ
達 も非 常 に重 要 で は あ る が , そ れ を用 い る 人 の意 識 を
ト 運 用 モ デ ル 」 も 改 定 さ れ た [12] . こ の モ デ ル で は ,
変 えていく必 要 もある .ウェブアクセシビリティに配
対 応 期 限 が明 記 さ れ て い た . 自 治 体 の サ イ ト で は , 既
慮 さ れ た ウ ェ ブ サ イ ト が 普 及 し ,高 齢 者 ,障 が い 者 も
に 公 開 さ れ て い る ホ ー ム ペ ー ジ に つ い て は ,2012 年 度
含 め て ,平 等 に情 報 を利 用 で き る 社 会 の到 来 を 望 む .
末 ま で 「 ウ ェ ブ ア ク セ シ ビ リ テ ィ 方 針 」策 定 ・公 開 ,
2013 年 度 末 ま で JIS の等 級 A に準 拠(試 験 結 果 の公 開 ),
2014 年 度 末 ま で JIS の等 級 AA 準 拠(試 験 結 果 の公 開 )
と い う 目 的 が書 か れ て い た . 中 央 省 庁 や都 道 府 県 ,政
令 指 定 都 市 な ど , 大 規 模 な 自 治 体 な ど で は , 対 応 が進
ん だ . 一 方 で , 小 規 模 な自 治 体 で は対 応 は進 ん で お ら
ず,対 応 されていないサイトがほとんどである .この
モ デ ル は ,2016 年 版 JIS に 合 わ せ「 み ん な の 公 共 サ イ
ト 運 用 ガ イ ド ラ イ ン 」 [12] と な り 公 開 さ れ て い る の で
参考 にされたい.
ウェブサイト運 用者 の意 識 である が向上 されてい
な い の が問 題 で あ る . 現 状 の ウ ェ ブ ペ ー ジ が , ア ク セ
シビリティの観 点 でどのような問 題 があるのかを ,ウ
ェ ブ サ イ ト の 運 用 者 が理 解 し て い な い と い う 場 合 も あ
る . 自 治 体 の担 当 者 の多 く は , ウ ェ ブ ア ク セ シ ビ リ テ
ィの理 解 はあると思 われる .しかし,アクセシビリテ
ィに対 応 するために ,予 算 や手 間 がかかるため ,対 応
す る の が難 し い .
ウェブページにある問 題 点 を自動的 にチェックす
る た め に , い く つ か の 評 価 ツ ー ル が開 発 さ れ て い る .
総 務 省 の miChecker [14] な ど , 無 償 で利 用 で き る も の
も 多 い [15,16] .こ れ ら を う ま く 利 用 し て い く こ と も 重
要 である.
6.3 今 後 の 展 望
今後 も新 しいウェブコンテンツ技 術 が開発 されて
い く だ ろ う .し か も ,映 像 や 動 的 コ ン テ ン ツ が 増 え る .
ス マ ー ト フ ォ ン 向 け の コ ン テ ン ツ も増 え る で あ ろ う .
こ れ ら の新 し い 技 術 に対 応 す る , 新 し い ア ク セ シ ビ リ
テ ィ の 実 装 の方 法 を開 発 し て い く こ と が 重 要 で あ る .
地 図 を ど う表 現 す る か な ど 課 題 も多 い . さ ら に , ウ ェ
ブ サ イ ト の 保 守 ・運 用 に関 し て も ,運 用 担 当 者 の意 識
の 向 上 と ,業 務 を簡 単 に す る 自 動 化 な の ど の 技 術 の向
上 が望 ま れ る .
7. ま と め
本稿 では,ウェブアクセシビリティについて説 明 し,
2016 年 3 月 22 日 に改 正 さ れ た JIS X 8341-3 の概 要 と
関 連 す る技 術 文 書 に つ い て 解 説 し た .国 際 的 な標 準 m
文
献
[1] 渡 辺 昌 洋 , 齋 藤 晴 美 , 林 阿 希 子 , 浅 野 陽 子 ,“ ウ
ェ ブ ユ ニ バ ー サ ル デ ザ イ ン ”, NTT サ ー ビ ス エ ボ
リ ュ ー シ ョ ン 研 究 所 編 ,近 代 科 学 社 ,東 京 ,1994 .
[2] 日 本 工 業 標 準 調 査 会 , JIS X 8341-3 高 齢 者 ・障 害
者等配 慮設 計指針 ‐第 3 部 ウェブコ ンテン ツ,
日 本 規 格 協 会 , 東 京 , 2016.
[3] W3C, Web Content Accessibility Guidelines 1.0,
http://www.w3.org/TR/WCAG10/, May, 1999.
[4] W3C, Web Content Accessibility Guidelines
(WCAG) 2.0, http://www.w3.org/TR/WCAG20/, Aug.
2008.
[5] ISO/IEC 40500:2012 Information technology -- W3C
Web Content Accessibility Guidelines (WCAG) 2.0 ,
http://www.iso.org/iso/iso_catalogue/catalogue_tc/ca
talogue_detail.htm?csnumber=58625 , 2012
[6] W3C, Understanding WCAG 2.0, http://www.w3.org/
TR/UNDERSTANDING-WCAG20/Overview.html,
Mar. 2016.
[7] W3C,
Techniques
for
WCAG
2.0,
http://
www.w3.org/TR/WCAG20-TECHS/, Mar. 2016.
[8] W3C, How to Meet WCAG 2.0, http://www.w3.org/
WAI/WCAG20/quickref/, May. 2016.
[9] WAIC, WCAG 2.0 解 説 書 , http://waic.jp/docs/
wcag2/understanding.html, 2010.
[10] WAIC, WCAG 2.0 実 装 方 法 集 , http://waic.jp/docs/
wcag2/techs.html, 2012..
[11] ウ ェ ブ ア ク セ シ ビ リ テ ィ 基 盤 委 員 会 , http://
www.waic.jp/, Mar. 2016.
[12] 後 藤 靖 博 ,総 務 省 「 み ん な の 公 共 サ イ ト 運 用 モ デ
ル の 概 要 」ウ ェ ブ ア ク セ シ ビ リ テ ィ推 進 協 会 ウ ェ
ブアクセシビリティ 自 治体等関係者 さま向 け
セ ミ ナ ー ( 2011 年 5 月 開 催 ) 資 料 ,
http://www.jwac.or.jp /event/data/110526_3_02.pdf,
2011.
[13] 総 務 省 , み ん な の 公 共 サ イ ト 運 用 ガ イ ド ラ イ ン
http://www.soumu.go.jp/main_sosiki/joho_tsusin/b_f
ree/guideline.html
[14] 総 務 省 , み ん な の ア ク セ シ ビ リ テ ィ 評 価 ツ ー ル :
miChecker ( エ ム ア イ チ ェ ッ カ ー )Ver.2.0, http://
www.soumu.go.jp/main_sosiki/joho_tsusin/b_free/mi
checker.html, 2016.
[15] エ ー イ レ ブ ン ワ イ , Web ア ク セ シ ビ リ テ ィ の チ ェ
ッ ク ツ ー ル , http://weba11y.jp/tools/, 2016.
[16] NTT ア イ テ ィ , ウ ェ ブ ア ク セ シ ビ リ テ チ ェ ッ ク サ
イ ト “ ハ レ ッ タ ” , http://haretta.ntt-it.co.jp/, 2016.