狠狠撸

狠狠撸Share a Scribd company logo
2008年6月21日 UAIミニセミナ



    Web閲覧のための支援技術
Web Browsing with Assistive Technologies




      独立行政法人 国立特別支援教育総合研究所
                      山口 俊光
about me




            計算機科学
         支援技術(視覚、認知)
         Webアクセシビリティ


http://mixi.jp/show_profile.pl?id=122795
今日の方針




5章 + 付録D + α
今日の方針




基礎的な前提知識
     +
5章 + 付録D + α
支援技術の位置づけ




How the Components Relate (W3C/WAI)
支援技術の位置づけ




How the Components Relate (W3C/WAI)
HCI




  ヒューマン?コンピュータ
(インタフェース ? インタラクション)
HCI
HCI
     画面表示   目




                脳




キーボード?マウス   手
HCI
     画面表示




                脳




キーボード?マウス   手
HCI
     画面表示   目




                脳




キーボード?マウス   手
HCI
     画面表示   目




                脳




キーボード?マウス
HCI
     画面表示   目




                脳




キーボード?マウス   手
HCI
     画面表示   目




                脳




キーボード?マウス   手
アナログな例
視覚障害



? 画面が見えない
 ? 明暗ぐらいは分かることも多い
? 画面が見えづらい
 ? ぼやける、見える範囲が狭い
 ? まぶしい
視覚障害




? コンピュータからの出力を工夫する
 ? 拡大、配色、音声、点字
? コンピュータへの入力を工夫する
 ? キーボード
画面拡大




(C)独立行政法人 高齢?障害者雇用支援機構
画面拡大




(C)独立行政法人 高齢?障害者雇用支援機構
画面拡大




(C)独立行政法人 高齢?障害者雇用支援機構
スクリーンリーダ




(C)独立行政法人 高齢?障害者雇用支援機構
スクリーンリーダ




(C)独立行政法人 高齢?障害者雇用支援機構
スクリーンリーダ




(C)独立行政法人 高齢?障害者雇用支援機構
点字ディスプレイ
点字ディスプレイ
日本と欧米の事情



    ? JAWSやWindow-Eyes
    ? 95ReaderやPC-Talker
    ? 独特の事情
     ? スクリーンリーダのコンセプト
     ? 「ニュースtoスピーチ」
http://www.nise.go.jp/kenshuka/josa/kankobutsu/pub_d/d-267.html
何が問題か?


? 情報が得られない?操作できない
 ? 画像、動画、動的な変化、RIA
? 情報が理解しづらい
 ? レイアウト
? 日本の事情
 ? 欧米の事情に即したガイドライン
で、どうする?


  ? 情報が得られない?操作できない
   ? 代替情報、ARIA、キーボード操作
  ? 情報が理解しづらい
   ? 意味情報を付与、シリアライズ確認
  ? 日本の事情
   ? JISの整備、支援技術の進化
聴覚障害



? 音声が聞こえない
 ? 音声情报へのアクセス
? 音声が聞きづらい
 ? 伝音性難聴(外耳、鼓膜、中耳)
 ? 感音性難聴(内耳、神経)
聴覚障害




? コンピュータからの出力を工夫する
 ? 字幕、トランスクリプト
 ? 文章表現
音声情报




       音声情报



電気信号
磁気信号
字幕(CC)




http://www.cnettv.com/
字幕(CC)




http://www.cnettv.com/
トランスクリプト



植木、辻(以下、二人):
辻ちゃん、ウエちゃんのアクセシビリティPodcast、シーズンス
リー、いぇ~い!(拍手)
辻:はい、第16回目となりましたアクセシビリティPodcast、
植木(以下、ウ):はい、
辻:今回もミツエーリンクスのスタジオからお送りして参りまーす。




http://accessibility.mitsue.co.jp/
何が問題か?




? 情報が得られない
 ? 音声、動画の音声
? 情報が理解しづらい
 ? 文章の処理
で、どうする?




  ? 情報が得られない
   ? 代替情報(トンスクリプト、CC)
  ? 情報が理解しづらい
   ? 簡潔で明確な表現
肢体障害


? 動く部位
 ? 手、足、舌、まぶた、呼吸
? 動く範囲
 ? 狭い、広い
? 動きの特性
 ? 繊細さ、不随意運動の有無
肢体障害




? コンピュータからの出力を工夫する
 ? ディスプレイの取り付け位置
? コンピュータへの入力を工夫する
 ? 動きに合わせて選択する
キーガード
大きなキーボード
ジョイスティック
スイッチ
息で操作するスイッチ
スキャンキーボード
笔颁との接続
スイッチで操作する
何が問題か?



? 操作できない
 ? フォーカスがあたらない
? 操作に時間がかかる
 ? ポインティング?文字入力
 ? エラーの修正
で、どうする?


 ? 操作できない
  ? キーボードオペレーションへの対応
 ? 操作に時間がかかる
  ? 操作対象のサイズ
  ? 時間制限の延長?撤廃
  ? 入力箇所を減らす
認知的な障害


? 認知機能の障害(機能的な分類)
 ? 記憶
 ? 問題解決
 ? 注意
 ? 読みや表現、言語に関する能力
 ? 視覚的な能力
認知的な障害




? 個人差が大きい
? 別コンテンツ用意するケース
? 「使いやすさ」で支援できるケース
 ? ユーザビリティの向上(認知的な負
  荷の軽減)
認知的な障害


? コンピュータからの出力を工夫する
 ? ピクトグラム、ふりがな
 ? 情報の整理
? コンピュータへの入力を工夫する
 ? オンスクリーンキーボード
 ? スペルチェッカ
分かりやすい操作盘
代替情報を呈示する




Point and Read



WebTrek
理解を助ける




(C)独立行政法人 高齢?障害者雇用支援機構
理解を助ける




(C)独立行政法人 高齢?障害者雇用支援機構
何が問題か?


? 情報の理解
 ? 情報(映像?文字)の理解が困難、注意
? 入力エラー?エラーからの復帰
 ? エラーが多い、復帰が出来ない
? ガイドライン整備の遅れ
 ? ガイドラインでカバーされていない
で、どうする?


  ? 情報の理解
   ? 代替情報、明確な表現、注意を保つ
  ? 入力エラー?エラーからの復帰
   ? 入力の支援、エラーの知らせ方
  ? ガイドライン整備の遅れ
   ? 基礎的な研究の推進
まとめ




? ユーザの人間特性と支援技術
? 支援技術の特性に合ったコンテンツ
? 未来の支援技术に合ったコンテンツ
参考Web



こころWeb

http://www.kokoroweb.org/


様々な障害に対する支援技術のデータベース
障害についても解説がある
ただし、やや古い情報もある
参考Web



就労支援機器のページ

http://www.kiki.jeed.or.jp/


様々な障害に対する支援技術のデータベース
実際に職場で使うことを前提に情報が集めら
れている
各支援機器ごとに使っている様子が動画で見
られる
参考図書



誰のためのデザイン?
D.A. ノーマン
ISBN:4-78850-362-X
3,465円

ヒューマンインタフェースについて書かれた
超有名本
翻訳版が出て20年近くたつが、未だに有益な
内容
Question?
  質問?
Thank you
ありがとうございました

More Related Content

Assistive Technologies for Web Access

Editor's Notes