More Related Content
Similar to アクセシビリティ対応をプロジェクトに取り入れるには? (20)
アクセシビリティ対応をプロジェクトに取り入れるには?
- 4. 自己紹介
• 伊原 ⼒也
– BA
• シニアインフォメーションアーキテクト
– アクセシビリティキャンプ東京 実⾏委員
– @magi1125
- 11. 検討プロセス
• 内側での認識合わせ → 外側への提案、の順で考える
• 発注者から求められた場合に対応する。
これは当たり前だし、やる動機がある
– みんなの公共サイト運用モデル
– グローバルなビジネス展開
– 親会社のガイドラインへの準拠
– 企業の社会的責任(CSR)
• でもそういう案件ばっかりじゃない
– 構築に携わる人たちが、このプロジェクトで
どう考えて対応していくか、というのが先
- 25. みるべきページ
• アクセス数の多いページ
• ほか、カテゴリごと
– ホーム、カテゴリトップ
– 一連タスク系:商品検索、カート、購入、資料請求
– UI系:フォームや JS による UI
– 対応大変系:テーブル、動画、音声、PDF、Flash
– 動的生成系:検索結果やイベントカレンダーなど
– ユーティリティ系:問い合わせ、ヘルプ、サイトマップ
http://waic.jp/docs/jis2010-test-guidelines/201211/index.html
http://www.soumu.go.jp/main_sosiki/joho_tsusin/w_access/pdf/index_02_03.pdf
- 26. みるべきポイント = W3C Easy Check
http://www.w3.org/WAI/eval/preliminary
• Page title
• Image text alternatives
("alt text")
• Headings
• Contrast ratio
• Resize Text
• Keyboard access and
visual focus
• Forms, Labels, and
Errors (including
Search fields)
• Multimedia (video,
audio) alternatives
• Basic Structure Check
- 27. ⾒た結果をまとめる
• 達成基準チェックリストの例 2010年8月版 を参考利用
– http://waic.jp/docs/jis2010-test-guidelines/201211/gcl.html
– 等級A以外の項目はいったん一覧から削除
• 該当コンテンツが確認範囲にあった場合は「適用」に○をつける
– 例:サイトに動画ファイルがあったときだけ○をつける
• 確認した結果、概ね問題ない場合は「適合」に○をつける
• 問題があった場合は✕をつけ、「備考」に問題点を記載する
- 28. そして⽅針を⽴てる
• ウェブアクセシビリティ⽅針策定ガイドラインを参考
– (1) 対象範囲、(2) 目標を達成する期限、
(3) 目標とする達成等級
(4) 例外事項、(5) 追加する達成基準
• http://waic.jp/docs/jis2010/accessibility-plan-guidelines.html
• 極端に言えば「やるのか・やらないのか」決める
– 決めないことが一番の問題
– プロジェクト的には「曖昧にしない」ことが大事
– ⽅針から逸れる必要がある場合も、きちんと「検討」を持つ
- 33. 「今は」別コストが発生しそうなもの
• 動画、音声
– 実はJIS的にはシングルA
• 1.2.1 収録済の音声しか含まないメディア及び収録済の映像しか含まないメディア
• 1.2.2 収録済の音声コンテンツのキャプション
• 1.2.3 収録済の映像コンテンツの代替コンテンツ又は音声ガイド
– 代替コンテンツを用意する作業そのものにコストが掛かる
• PDF
– 公開するならHTMLと同じ扱い
• JISは特定のコンテンツに依存しないため
– もともとWordとかで作ってれば良いが、
紙もののスキャンとか、グラフィックデータの変換だと…
- 39. ルールを変える編
• アクセシビリティ対応状況を白日の下に晒す
– 例:自治体サイトアクセシビリティ調査
• http://www.u-works.co.jp/jichitai/
• コストを分散する仕組みを作る
– 例:youtube自動キャプション
• http://youtubejpblog.blogspot.jp/2011/07/youtube.html
– 例:Amara、mysmarteye
• http://www.amara.org/ja/
• http://www.youtube.com/watch?v=Li3A3HY2vlw