SlideShare a Scribd company logo
1 of 63
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)
  • 情報が理解しづらい
   • 簡潔で明確な表現
肢体障害


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




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



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


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


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




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


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




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

Similar to Assistive Technologies for Web Access

ConversionConference Feedbackその1 第1回LPO担当者交流会 101125
ConversionConference Feedbackその1 第1回LPO担当者交流会 101125ConversionConference Feedbackその1 第1回LPO担当者交流会 101125
ConversionConference Feedbackその1 第1回LPO担当者交流会 101125VOYAGE GROUP UIO strategies section
 
Sct Profile 2011 Nov
Sct Profile 2011 NovSct Profile 2011 Nov
Sct Profile 2011 Novchibanha
 
Tech Night Vol.11〜明日から実践!スマートホーム・VUI勉強会〜 | VUIがもっと捗る!ネットワークと"物理”の話
Tech Night Vol.11〜明日から実践!スマートホーム・VUI勉強会〜 | VUIがもっと捗る!ネットワークと"物理”の話Tech Night Vol.11〜明日から実践!スマートホーム・VUI勉強会〜 | VUIがもっと捗る!ネットワークと"物理”の話
Tech Night Vol.11〜明日から実践!スマートホーム・VUI勉強会〜 | VUIがもっと捗る!ネットワークと"物理”の話SORACOM,INC
 
ライブ配信支援およびスタジオ構築サービスのご紹介(ヒューマンセントリックス).pdf
ライブ配信支援およびスタジオ構築サービスのご紹介(ヒューマンセントリックス).pdfライブ配信支援およびスタジオ構築サービスのご紹介(ヒューマンセントリックス).pdf
ライブ配信支援およびスタジオ構築サービスのご紹介(ヒューマンセントリックス).pdfHiroyuki Yasukouchi
 
Go azure5 16 9_提出用
Go azure5 16 9_提出用Go azure5 16 9_提出用
Go azure5 16 9_提出用Mami Shiino
 
コンバージョンカンファレンス2010EAST
コンバージョンカンファレンス2010EASTコンバージョンカンファレンス2010EAST
コンバージョンカンファレンス2010EASTToru Enomoto
 
第31回WebSig会議【セッション2】 タブレットが与える影響について考える
第31回WebSig会議【セッション2】 タブレットが与える影響について考える第31回WebSig会議【セッション2】 タブレットが与える影響について考える
第31回WebSig会議【セッション2】 タブレットが与える影響について考えるHideto Ishibashi
 
Beat Shuffle 製品紹介資料
Beat Shuffle 製品紹介資料Beat Shuffle 製品紹介資料
Beat Shuffle 製品紹介資料beatcommunication
 
20190712 howto vui_design
20190712 howto vui_design20190712 howto vui_design
20190712 howto vui_design浩治 福村
 

Similar to Assistive Technologies for Web Access (10)

ConversionConference Feedbackその1 第1回LPO担当者交流会 101125
ConversionConference Feedbackその1 第1回LPO担当者交流会 101125ConversionConference Feedbackその1 第1回LPO担当者交流会 101125
ConversionConference Feedbackその1 第1回LPO担当者交流会 101125
 
Sct Profile 2011 Nov
Sct Profile 2011 NovSct Profile 2011 Nov
Sct Profile 2011 Nov
 
Tech Night Vol.11〜明日から実践!スマートホーム・VUI勉強会〜 | VUIがもっと捗る!ネットワークと"物理”の話
Tech Night Vol.11〜明日から実践!スマートホーム・VUI勉強会〜 | VUIがもっと捗る!ネットワークと"物理”の話Tech Night Vol.11〜明日から実践!スマートホーム・VUI勉強会〜 | VUIがもっと捗る!ネットワークと"物理”の話
Tech Night Vol.11〜明日から実践!スマートホーム・VUI勉強会〜 | VUIがもっと捗る!ネットワークと"物理”の話
 
ライブ配信支援およびスタジオ構築サービスのご紹介(ヒューマンセントリックス).pdf
ライブ配信支援およびスタジオ構築サービスのご紹介(ヒューマンセントリックス).pdfライブ配信支援およびスタジオ構築サービスのご紹介(ヒューマンセントリックス).pdf
ライブ配信支援およびスタジオ構築サービスのご紹介(ヒューマンセントリックス).pdf
 
211101_DXの基礎
211101_DXの基礎211101_DXの基礎
211101_DXの基礎
 
Go azure5 16 9_提出用
Go azure5 16 9_提出用Go azure5 16 9_提出用
Go azure5 16 9_提出用
 
コンバージョンカンファレンス2010EAST
コンバージョンカンファレンス2010EASTコンバージョンカンファレンス2010EAST
コンバージョンカンファレンス2010EAST
 
第31回WebSig会議【セッション2】 タブレットが与える影響について考える
第31回WebSig会議【セッション2】 タブレットが与える影響について考える第31回WebSig会議【セッション2】 タブレットが与える影響について考える
第31回WebSig会議【セッション2】 タブレットが与える影響について考える
 
Beat Shuffle 製品紹介資料
Beat Shuffle 製品紹介資料Beat Shuffle 製品紹介資料
Beat Shuffle 製品紹介資料
 
20190712 howto vui_design
20190712 howto vui_design20190712 howto vui_design
20190712 howto vui_design
 

More from Toshimitsu YAMAGUCHI

支援技術と特別支援教育 — 視覚障害教育とiPad
支援技術と特別支援教育 — 視覚障害教育とiPad支援技術と特別支援教育 — 視覚障害教育とiPad
支援技術と特別支援教育 — 視覚障害教育とiPadToshimitsu YAMAGUCHI
 
新潟市における障がい者の情報技術に関するニーズ調査
新潟市における障がい者の情報技術に関するニーズ調査新潟市における障がい者の情報技術に関するニーズ調査
新潟市における障がい者の情報技術に関するニーズ調査Toshimitsu YAMAGUCHI
 
第58回WIT研究会におけるリアルタイム映像配信の報告
第58回WIT研究会におけるリアルタイム映像配信の報告第58回WIT研究会におけるリアルタイム映像配信の報告
第58回WIT研究会におけるリアルタイム映像配信の報告Toshimitsu YAMAGUCHI
 
触地図自動作成システム「tmacs」の開発
触地図自動作成システム「tmacs」の開発触地図自動作成システム「tmacs」の開発
触地図自動作成システム「tmacs」の開発Toshimitsu YAMAGUCHI
 
触地図作成システムパンフレット
触地図作成システムパンフレット触地図作成システムパンフレット
触地図作成システムパンフレットToshimitsu YAMAGUCHI
 
先端人間支援科学ミーティング資料
先端人間支援科学ミーティング資料先端人間支援科学ミーティング資料
先端人間支援科学ミーティング資料Toshimitsu YAMAGUCHI
 
視覚障害者のための触地図作成システムの開発—経路情報を利用した触地図簡略化—
視覚障害者のための触地図作成システムの開発—経路情報を利用した触地図簡略化—視覚障害者のための触地図作成システムの開発—経路情報を利用した触地図簡略化—
視覚障害者のための触地図作成システムの開発—経路情報を利用した触地図簡略化—Toshimitsu YAMAGUCHI
 
触地図作成システムの開発
触地図作成システムの開発触地図作成システムの開発
触地図作成システムの開発Toshimitsu YAMAGUCHI
 
第53回WIT研究会におけるリアルタイム映像配信 -技術編-
第53回WIT研究会におけるリアルタイム映像配信 -技術編-第53回WIT研究会におけるリアルタイム映像配信 -技術編-
第53回WIT研究会におけるリアルタイム映像配信 -技術編-Toshimitsu YAMAGUCHI
 
新潟市障がい者ITサポートセンターの活動 - 新潟市におけるITサポートの実践と課題
新潟市障がい者ITサポートセンターの活動 - 新潟市におけるITサポートの実践と課題新潟市障がい者ITサポートセンターの活動 - 新潟市におけるITサポートの実践と課題
新潟市障がい者ITサポートセンターの活動 - 新潟市におけるITサポートの実践と課題Toshimitsu YAMAGUCHI
 
Perlmagickを使った画像処理
Perlmagickを使った画像処理Perlmagickを使った画像処理
Perlmagickを使った画像処理Toshimitsu YAMAGUCHI
 
秋葉区ボランティアセンタ支援技術講座
秋葉区ボランティアセンタ支援技術講座秋葉区ボランティアセンタ支援技術講座
秋葉区ボランティアセンタ支援技術講座Toshimitsu YAMAGUCHI
 
視覚障害者のための触地図作成システムの試作
視覚障害者のための触地図作成システムの試作視覚障害者のための触地図作成システムの試作
視覚障害者のための触地図作成システムの試作Toshimitsu YAMAGUCHI
 
触地図システムの機能紹介
触地図システムの機能紹介触地図システムの機能紹介
触地図システムの機能紹介Toshimitsu YAMAGUCHI
 

More from Toshimitsu YAMAGUCHI (20)

支援技術と特別支援教育 — 視覚障害教育とiPad
支援技術と特別支援教育 — 視覚障害教育とiPad支援技術と特別支援教育 — 視覚障害教育とiPad
支援技術と特別支援教育 — 視覚障害教育とiPad
 
新潟市における障がい者の情報技術に関するニーズ調査
新潟市における障がい者の情報技術に関するニーズ調査新潟市における障がい者の情報技術に関するニーズ調査
新潟市における障がい者の情報技術に関するニーズ調査
 
第58回WIT研究会におけるリアルタイム映像配信の報告
第58回WIT研究会におけるリアルタイム映像配信の報告第58回WIT研究会におけるリアルタイム映像配信の報告
第58回WIT研究会におけるリアルタイム映像配信の報告
 
触地図自動作成システム「tmacs」の開発
触地図自動作成システム「tmacs」の開発触地図自動作成システム「tmacs」の開発
触地図自動作成システム「tmacs」の開発
 
触地図作成システムパンフレット
触地図作成システムパンフレット触地図作成システムパンフレット
触地図作成システムパンフレット
 
サイトワールド2010
サイトワールド2010サイトワールド2010
サイトワールド2010
 
先端人間支援科学ミーティング資料
先端人間支援科学ミーティング資料先端人間支援科学ミーティング資料
先端人間支援科学ミーティング資料
 
視覚障害者のための触地図作成システムの開発—経路情報を利用した触地図簡略化—
視覚障害者のための触地図作成システムの開発—経路情報を利用した触地図簡略化—視覚障害者のための触地図作成システムの開発—経路情報を利用した触地図簡略化—
視覚障害者のための触地図作成システムの開発—経路情報を利用した触地図簡略化—
 
G空間EXPO 触地図ポスタ
G空間EXPO 触地図ポスタG空間EXPO 触地図ポスタ
G空間EXPO 触地図ポスタ
 
新潟養護学校勉強会2010
新潟養護学校勉強会2010新潟養護学校勉強会2010
新潟養護学校勉強会2010
 
触地図作成システムの開発
触地図作成システムの開発触地図作成システムの開発
触地図作成システムの開発
 
第53回WIT研究会におけるリアルタイム映像配信 -技術編-
第53回WIT研究会におけるリアルタイム映像配信 -技術編-第53回WIT研究会におけるリアルタイム映像配信 -技術編-
第53回WIT研究会におけるリアルタイム映像配信 -技術編-
 
新潟市障がい者ITサポートセンターの活動 - 新潟市におけるITサポートの実践と課題
新潟市障がい者ITサポートセンターの活動 - 新潟市におけるITサポートの実践と課題新潟市障がい者ITサポートセンターの活動 - 新潟市におけるITサポートの実践と課題
新潟市障がい者ITサポートセンターの活動 - 新潟市におけるITサポートの実践と課題
 
Perlmagickを使った画像処理
Perlmagickを使った画像処理Perlmagickを使った画像処理
Perlmagickを使った画像処理
 
pgRoutingを使った経路検索
pgRoutingを使った経路検索pgRoutingを使った経路検索
pgRoutingを使った経路検索
 
CSUN2010報告
CSUN2010報告CSUN2010報告
CSUN2010報告
 
2010MSW協会プレゼン
2010MSW協会プレゼン2010MSW協会プレゼン
2010MSW協会プレゼン
 
秋葉区ボランティアセンタ支援技術講座
秋葉区ボランティアセンタ支援技術講座秋葉区ボランティアセンタ支援技術講座
秋葉区ボランティアセンタ支援技術講座
 
視覚障害者のための触地図作成システムの試作
視覚障害者のための触地図作成システムの試作視覚障害者のための触地図作成システムの試作
視覚障害者のための触地図作成システムの試作
 
触地図システムの機能紹介
触地図システムの機能紹介触地図システムの機能紹介
触地図システムの機能紹介
 

Assistive Technologies for Web Access

Editor's Notes