入力欄は、何を入力すればよいかをわかりやすくするこ と
Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2011, All rights reserved. 53
住所
(
全角で入力)
住所
(
半角で入力)
番地を半角で入力し終わった後、
全角で入力することに気づく可能性
Princple 4
コンテンツは現在、そして将来のユーザエージェントでも 動作するように堅牢であるべきである
Guideline 4.1:
現在、そして将来のユーザエージェントとの互換性をサポートすること
Guideline 4.2:
コンテンツがアクセシビリティを満たしているものであるか、または代替手段を提供している ものかを確認すること
Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2011, All rights reserved. 54
※ユーザエージェント :
利用者が使うソフトウェアなど(Ex. Web
ブラウザ,
スクリーンリーダ, etc.)
※互換性 :
異なるソフトウェア同士などでファイルなどが共通で使えること(
現在作ったコンテンツを将来のユーザエージェントでも使えること)
Guideline 4.1
現在、そして将来のユーザエージェントとの互換性を サポートすること
Ex.
厳密にHTML
の文法に従って記述することHTML
には、文法自体にアクセシビリティの要素が含まれている→文法に従って記述すると、あるていどアクセシビリティの高い
Web
ページが作成できる文法は、文法チェックツール
(Another HTML lint, The W3C MarkUp Validation Service)
などで確認できるEx.
ボタンや入力フィールドなどは、なるべくHTML
で 用意されているものを使うことCopyright (C) Junko Shirogane, Tokyo Woman's Christian University 2011, All rights reserved. 55
Guideline 4.2
コンテンツがアクセシビリティを満たしているもので
あるか、または代替手段を提供しているものかを確認 すること
Ex.
このガイドラインの尐なくともLevel 1
の項目を 満たしているかどうかを確認することLevel 1:
各Guideline
で、高い優先度で満たさすべき内容Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2011, All rights reserved. 56
アクセシビリティのチェックツール
Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2011, All rights reserved. 57
アクセシビリティチェック (1)
みんなのウェブ http://barrierfree.nict.go.jp/accessibility/
総務省が中心となってしていたアクセシビリティに 関する実験のページ
ダウンロードして利用
aDesigner
http://www.trl.ibm.com/projects/acc_tech/
adesigner.htm
IBM
が提供しているアクセシビリティチェックツール 色使いによる見え方のチェックも可能ダウンロードして利用
Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2011, All rights reserved. 58
アクセシビリティチェック (2)
Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2011, All rights reserved. 59
富士通 WebInspector
http://jp.fujitsu.com/about/design/ud/
assistance/
HTML ファイルと CSS ファイルのアクセシビリティチェック JIS 8341-3 にも対応
ダウンロードして利用
WebInspector: Web
ページのアクセシビリティチェックColorSelector:
背景色と文字の見やすさをチェックColorDoctor:
ディスプレイの表示を、色覚障害などにあわせてシミュレーション
Web ページ・画像の色変換
Vischeck: http://www.vischeck.com/
Web
ページや画像が、色覚障害の人にとってどのように 見えるかを見せてくれるProtanope(
第一色盲) Deuteranope(
第二色盲) Tritanope(
第三色盲)
Copyright (C) Junko Shirogane, Tokyo Woman's Christian University 2011, All rights reserved. 60