jis x...
TRANSCRIPT
6
岡山で独立(2014)
キヤノン (〜2013)
WAIC (2011〜)
Webアクセシビリティ検証/
イラスト制作/
岡山情報ビジネス学院 非常勤講師
などなど
サイトデザイン監修/
Webアクセシビリティ対応
(ウェブアクセシビリティ基盤委員会)
WG2(実装)/WG4(翻訳)委員
11
WCAG 2.0(W3C勧告)が、
そのまま国際規格であるISO/IEC規格に (ISO/IEC 40500:2012)
WCAG 2.0とイコールに
20
試験方法:8.X → 附属書JB
「要件」が「推奨事項」に
例:ウェブページ一式(サイト全体)単位の試験も「推奨」に
※供給者適合宣言はウェブページ単位のみ
ただし「準拠」「一部準拠」などは今まで通り
WAIC作成の対応度表記ガイドラインに則れば可能
附属書に格下げされたことによる影響
WCAG 2.0原文 2010年版 2016年版
Conformance Level アクセシビリティ達成等級 適合レベル
Level A 等級A レベルA
Techniques 実装方法 達成方法
Robust 頑健性 堅牢性
failures 不適合事例 失敗例
Audio Description 音声ガイド 音声解説
changes of context 状況の変化 コンテキストの変化
time-based media時間の経過に伴って変化するメディア
時間依存メディア
27
訳語変更の例
WCAG 2.0原文 2010年版 2016年版
image of text 画像化された文字 文字画像
No Keyboard Trap フォーカス移動 キーボードトラップなし
On Focus オンフォーカス フォーカス時
On Inputユーザインタフェースコンポーネントによる状況の変化
入力時
Interruptions 中断 割り込み
presentation 表現 提示
if CJK日本語,中国語及び韓国語の場合
全角文字の場合
Focus Visible視覚的に認識可能なフォーカス
フォーカスの可視化
28
訳語変更の例
WCAG 2.0原文 2010年版 2016年版
pure decoration 装飾だけを目的にしている 純粋な装飾
Name, Role, Valueプログラムが解釈可能な識別名,役割及び設定可能な値
名前(name),役割(role)及び値(value)
(Prerecorded) 収録済みの〜 (収録済)
(Live) ライブの〜 (ライブ)
(No Exception) 例外のない〜 (例外なし)
Error Prevention (Legal, Financial, Data)
法的義務,金銭的取引,データ変更及び回答送信のエラー回避に関する達成基準
エラー回避 (法的、金融、データ)
Timing Adjustable 調整可能な制限時間 タイミング調整可能
No Timing 制限時間なし タイミング非依存
29
訳語変更の例
WCAG 2.0原文 2010年版 2016年版
operate 動作 挙動
Change on Request利用者の要求による状況の変化に関する達成基準
要求による変化
disorient まごつかせてしまう 混乱させる
right frequency range ある周波数 特定の頻度
programmatically determinable プログラムが解釈可能な プログラムによる解釈が可能な
text alternative 代替テキスト テキストによる代替
media alternative to text テキストの代替メディア メディアによるテキストの代替
ambiguous to users in general一般的にみて利用者にとってあいまい(曖昧)
ほとんどの利用者にとって曖昧
30
訳語変更の例
50
特定の言語における
アクセシビリティ・サポート のこと
【アクセシビリティ・サポーテッド】
特定の利用シーンで、支援技術とユーザーエージェントで
その達成方法を使用できる状態になっていること
「言語」とは
63http://waic.jp/docs/jis2016/test-guidelines/201604/
64
1.ウェブページ単位での試験
2.ウェブページ一式単位での試験
a)全てのウェブページを選択する場合
b)ランダムに選択する場合
c)ウェブページ一式を代表するウェブページを選択する場合
d)ウェブページ一式を代表するウェブページとランダムに選
択したウェブページとを併せて選択する場合
決められた範囲
65
1.AC(Automated Check)
試験対象を機械的に発見し、機械的に判断
2.AF(Automated Find)
試験対象を機械的に発見し、人が判断
3.HC(Human Check) 試験対象を人が発見し、人が判断
決められた方法で試験
66
1.実装チェックリスト
例:http://waic.jp/docs/jis2010/test-
guidelines/201211/icl-index.html 2016年版は現在作成中(WAIC)
2.達成基準チェックリスト
例:http://waic.jp/docs/jis2016/test-
guidelines/201604/gcl_example.html
決められた方法で公表
70
1. ページタイトル
2. 画像の代替テキスト
3. 見出し
4. 色のコントラスト
5. 文字サイズの拡大
6. キーボード操作/フォーカスの可視化
7. フォーム・コントロール
8. エラーメッセージ
9. 音声/動画に対する代替コンテンツ
10. 文書構造
Easy Checks - A First Review of Web Accessibility
75
松と梅のいいとこ取りチェック
1. ウェブページ単位でのチェック (大規模なチェックは想定していない)
2. チェック方法はAC/AF/HC (試験実施ガイドラインに則る)
3. 実装チェックリスト (試験実施ガイドラインに則る)
78
今回の実装チェックリスト
1. レベルAとレベルAA用の2枚
2. 試験方法を既に指定済み (ACを優先:変更してもOK)
3. 該当しないことが明らかな項目を
マスク済み (黄色のセルのみ記入すればOK)
※達成方法のタイトルは2010年版のまま
81
レベルAAのチェック内容
1.2.4 キャプション(ライブ)
1.2.5 音声解説(収録済)
1.4.3 コントラスト( 低限)
1.4.4 テキストのサイズ変更
1.4.5 文字画像
2.4.5 複数の手段
2.4.6 見出し及びラベル
2.4.7 フォーカスの可視化
3.1.2 一部分の言語
3.2.3 一貫したナビゲーション
3.2.4 一貫した識別性
3.3.3 エラー修正の提案
3.3.4 エラー回避(法的、金融、データ)
82
1.2.4 キャプション (ライブ) :
同期したメディアに含まれているすべてのライブの音
声コンテンツに対してキャプションが提供されている
1.2.5 音声解説 (収録済) :
同期したメディアに含まれているすべての収録済の映
像コンテンツに対して、音声解説が提供されている
「メディアによるテキストの代替」の除外なし
レベルAAのポイント
83
1.4.3 コントラスト ( 低限) :
テキスト及び文字画像の視覚的提示に、少なくとも
4.5:1のコントラスト比がある。ただし、次の場合は除く
•大きな文字: 少なくとも 3:1 のコントラスト比
•付随的
•ロゴタイプ
コントラスト比の具体的な数値
レベルAAのポイント
84
1.4.4 テキストのサイズ変更:
キャプション及び文字画像を除き、テキストは、コン
テンツ又は機能を損なうことなく、支援技術なしで
200% までサイズ変更できる。
文字サイズ拡大の具体的な数値
レベルAAのポイント
85
1.4.5 文字画像:
使用している技術で意図した視覚的提示が可能である
場合、文字画像ではなくテキストが情報伝達に用いら
れている。ただし、次に挙げる場合を除く
•カスタマイズ可能
•必要不可欠
まだ「なるべく」というレベル
レベルAAのポイント
86
2.4.5 複数の手段:
ウェブページ一式の中で、あるウェブページを見つけ
る複数の手段が利用できる。ただし、ウェブページが
一連のプロセスの中の1ステップ又は結果である場合は
除く。
ナビゲーションにも代替手段が必要
レベルAAのポイント
87
2.4.6 見出し及びラベル:
見出し及びラベルは、主題又は目的を説明している。
コンテンツに対する説明
※レベル Aではページタイトルで主題又は目的を説明
(2.4.2)→ページに対する説明
レベルAAのポイント
88
2.4.7 フォーカスの可視化:
キーボード操作が可能なあらゆるユーザインタフェー
スには、フォーカスインジケータが見える操作モード
がある。
フォーカスインジケータを消さないで
レベルAAのポイント
89
3.1.2 一部分の言語:
コンテンツの一節、又は語句それぞれの自然言語がど
の言語であるか、プログラムによる解釈が可能である。
ただし、固有名詞、技術用語、言語が不明な語句、及
びすぐ前後にあるテキストの言語の一部になっている
単語又は語句は除く。
コンテンツの言語指定
※レベル Aではページの言語指定(3.1.1)
レベルAAのポイント
90
3.2.3 一貫したナビゲーション:
ウェブページ一式の中にある複数のウェブページ上で繰り返され
ているナビゲーションのメカニズムは、繰り返されるたびに 相対
的に同じ順序で出現する。ただし、利用者が変更した場合は除く。
3.2.4 一貫した識別性:
ウェブページ一式の中で同じ機能を有するコンポーネントは、
一貫して識別できる。
一貫性に対する要求
レベルAAのポイント
91
3.3.3 エラー修正の提案:
入力エラーが自動的に検出され、修正方法を提案できる場合、そ
の提案が利用者に提示される。ただし、セキュリティ又はコンテ
ンツの目的を損なう場合は除く。
何がNGで、どうすればOKになるかを提示
レベルAAのポイント
92
3.3.4 エラー回避 (法的、金融、データ):
利用者にとって法律行為もしくは金融取引が生じる、利用者が制
御可能なデータストレージシステム上のデータを変更もしくは削
除する、又は利用者が試験の解答を送信するウェブページでは、
次に挙げる事項のうち、少なくとも一つを満たしている:
取消/チェック/確認
重要な取り引きには確認画面が必要
レベルAAのポイント