• HOME
• Webキャッシュ
• viewer
• マイページ
• アップロード

スライド1: Webアクセシビリティの概要 2008年12月18日 ACRIプロジェクト・http://www.acri.jp/ 持田 徹 (motchie@acri.jp) Silverlightを囲む会 in 大阪 #6 

スライド2: ACRI(アクリ)について ・  名前 ・  Accessible Contents Research Initiative ・  利益を目的としない任意団体 ・  活動の目的 ・  Webアクセシビリティの研究と普及・啓蒙 ・  活動内容 ・  「ACRI研究会」開催や講演、雑誌記事の執筆 ・  mixiコミュニティもあります 2008年12月18日  Silverlightを囲む会 in 大阪 #6  1 

スライド3: ACRIのスタンス ・  Web利用者と制作者、技術者の間をうめる ・  それぞれの間には、距離がある気がします… ・  企業が気づかない、できないところをやる ・  利益にならないところ ・  注目されていないところ ・  オープンソースのモデルを活用する ・  開発、コミュニティ、人脈 ・  Silverlightを囲む会やKOFも! 2008年12月18日  Silverlightを囲む会 in 大阪 #6  2 

スライド4: これまでの活動 ・  2002年4月20日 ・  活動開始 ・  2002年12月7日 ・  KOF2002 オープンステージ出演 ・  2004年4月7日 ・  第1回ACRI研究会を開催、その後9回開催 ・  2005年4月~2008年7月  ・  技術評論社『Web Site Expert』誌で連載 2008年12月18日  Silverlightを囲む会 in 大阪 #6  3 

スライド5: Webアクセシビリティとは? ・  できるだけ多くの人がWebで提供される ・  情報を支障なく得られること ・  サービスを支障なく利用できること ・  起きている問題 ・  全く情報が得られない/利用できない ・  ページにたどり着けない(ナビゲーション) ・  ユーザに身体的な損害を与える(点滅など) ・  ポケモンショック(光過敏性発作) 2008年12月18日  Silverlightを囲む会 in 大阪 #6  4 

スライド6: 関連用語との関係 ・  できるだけ多くの人が使えるサイト → 「Webアクセシビリティが高い」 ・  想定された人にとって使いやすい → 「ユーザビリティが高い」 ・  できるだけ多くの人にとって使いやすい → 「ユニバーサル・デザインの適用」 厳密な区別ではなく、相互に重なる概念 2008年12月18日  Silverlightを囲む会 in 大阪 #6  5 

スライド7: Webアクセシビリティの対象 ・  最も影響を受けるのは高齢者・障がい者 ・  2008年現在、すでに5人に1人が65歳以上 ・  身体障がい者数は366万人超  ・  健常者でも… ・  色覚 : 男性の20人に1人、女性の500人に1人 ・  環境、状況などによる一時的な制限 ・  ケガ、病気 → 手や腕を骨折したとか ・  メガネが壊れた、大騒音の中,両手に荷物,... ・  Mac、Linux、Wii、携帯電話、テレビ、… 2008年12月18日  Silverlightを囲む会 in 大阪 #6  6 

スライド8: 例) 視覚障がい者にとってのWeb ・  視覚障がい者にとってWebは、 自主的に・情報を得られる数少ない手段 ・  ECサイト、ネットバンキングなどは、 ・外出が困難な視覚障がい者にも、大変便利  ・  しかし... ・  Webサイトは「読む」ものなので、・そのままでは視覚障がい者の利用は困難  ・  障がいによってWebが利用できないと、・「情報格差(デジタルデバイド)」を生む  2008年12月18日  Silverlightを囲む会 in 大阪 #6  7 

スライド9: 支援技術としての音声ブラウザ ・  音声ブラウザ  ・  Webサイトの文字、画像のalt属性を読み上げ ・  IBMの「ホームページリーダー」が代表的  ・  支援技術 (アシスティブ・テクノロジー)  ・  個々の障がいを補い、その生活を助ける技術  ・  音声ブラウザ、スクリーンリーダー、・点字ディスプレイなど  ・  車椅子なども支援技術の仲間 2008年12月18日  Silverlightを囲む会 in 大阪 #6  8 

スライド10: Webサイトを聞いてみましょう ・  音声ブラウザで読み上げる際のポイント ・  そこを利用する目的は何でしょうか?  ・  ほしい情報は、すぐに得られますか?  ・  また、このサイトを利用したいと思いますか?  ・  他に、感じたことはありませんか?  ・  聞いてみるWebサイトの候補 ・  埼玉新聞  ・  UOPF  2008年12月18日  Silverlightを囲む会 in 大阪 #6  9 

スライド11: 聞いた結果を整理しましょう ・  どのような問題がありましたか? ・  そもそも、何も聞こえないWebサイトがある  ・  本文が、なかなか読まれない(新聞など)  ・  余計な文字が、たくさん読み上げられる  ・  その他  2008年12月18日  Silverlightを囲む会 in 大阪 #6  10 

スライド12: 問題が起きる原因 ・  本文全体が画像でできている ・  音声ブラウザを考慮してないレイアウト ・  alt属性のない画像 ・  その他 サイト制作者が、ユーザーの利用環境に・ついて配慮していない点が共通している     → 視覚以外の障がいについても同様 2008年12月18日  Silverlightを囲む会 in 大阪 #6  11 

スライド13: Webをアクセシブルにするには? ・  JIS X 8341-3 ・  通称「WebアクセシビリティJIS」 ・  2009年9月ころ改訂の予定 ・  Web Content Accessibility Guidelines (WCAG) 2.0 ・  W3Cの規格。12月12日に勧告! ・  書籍が出版されています  ・  チェックするツールがあります 2008年12月18日  Silverlightを囲む会 in 大阪 #6  12 

スライド14: Silverlightは? ・  基本的にはアクセシブルではない ・  「我々はGUIになって切り捨てられた」 ・  またアクセスできないコンテンツが増えた ・  プログラマに自由なGUIを開放すると… ・  「Visual Basicの悪夢」再び? ・  方法はあります! ・  工夫してアクセシブルに! 2008年12月18日  Silverlightを囲む会 in 大阪 #6  13 

スライド15: 「Visual Basicの悪夢」って? 「GUIのGがグロテスクであってはならない」 …プログラマにボタン、スクロールバー、ウィンドウやメニューをたっぷり使えるように放っておくと、完成したプログラムのインターフェースは不幸にして「グラフィカル」ではなく、「グロテスク」インターフェースとなっていることがしばしばあるのです。… 2008年12月18日  Silverlightを囲む会 in 大阪 #6  14 

スライド16: Silverlightのアクセシビリティ(1) ・  Silverlight 2からMSAAをサポート  → スクリーンリーダが読み上げ可能 ・  スクリーンリーダとは? ・  PCの画面を読み上げて、操作できるソフト ・  MSAAとは? ・  Microsoft Active Accessibilityのこと ・  画面上の全コントロール情報を階層的に提供 ・  この情報を読み上げることで操作を可能に 2008年12月18日  Silverlightを囲む会 in 大阪 #6  15 

スライド17: Silverlightのアクセシビリティ(2) ・  MSAAの階層構造をAccExplorerで見る 2008年12月18日  Silverlightを囲む会 in 大阪 #6  16 

スライド18: Silverlightのアクセシビリティ(3) ・  MSAAとSilverlightとUI Automation ・  UI Automationがブリッジするらしいです ・  UIの自動テストにも使う話題でもちきりです ・  MSAAをサポートするスクリーンリーダ ・  JAWS, 95Reader, PC-Talker, Focus Talk… ・  実際に試したわけではありません… ・  Silverlightの読み上げ実験が必要ですね! 2008年12月18日  Silverlightを囲む会 in 大阪 #6  17 

スライド19: Silverlightのアクセシビリティ(4) ・  注意すべき点は5つ ・  関連プロパティをちゃんと正しく設定する ・  AutomationProperties.Nameとか ・  カスタムコントロールは特に慎重に ・  キーボードでの操作を可能にする ・  Tab Order重要ですよ! これが頼り ・  フォントサイズを大きくできるようにする ・  色の変更(ハイライト)を可能にする ・  色の組み合わせに注意する 2008年12月18日  Silverlightを囲む会 in 大阪 #6  18 

スライド20: 色の組み合わせチェック ・  組み合わせは何層にもなる: ・  全体の背景とコントロールの色 ・  コントロールの背景と文字の色 ・  ハイライト表示するなら、その時の背景色 ・  チェックツールの例 ・  富士通のColorDoctor・http://jp.fujitsu.com/about/design/ud/assistance/colordoctor/ ・  プレゼン資料にも使えます 2008年12月18日  Silverlightを囲む会 in 大阪 #6  19 

スライド21: なんだ! 問題ないじゃない(1) ・  読み上げできれば問題ないよね! ・  そうですか? 以下、どちらがいいですか?      例) 真っ暗な部屋でエアコンを操作 a.  リモコンをさわると「温度を入力して下さい」 b.  エアコンに「さむい!」と叫ぶ ・  あくまでも「補助技術」だと思います 2008年12月18日  Silverlightを囲む会 in 大阪 #6  20 

スライド22: なんだ! 問題ないじゃない(2) ・  Silverlightは社内システムで使うし ・  社内に視覚に障がいのある人いないし ・  そんなコストかけなくても動くし 例) 時給2000円の従業員1000人が毎日使う・  システムで、UIが原因で6分浪費すると?    → 年200日で40,000,000円のコスト 2008年12月18日  Silverlightを囲む会 in 大阪 #6  21 

スライド23: 「おもてなし」ではないですか? ・  ソフトウェア開発、Webページ制作には・「おもてなし」の心が重要と考えます ・  「ユーザーエクスペリエンス(UX)」の・「ユーザー」とは具体的に誰?・  何に困っていて、何を提供すべきか? ・  奇抜なUIはおもてなしでしょうか? ・  本当に喜ばれるソリューションを! 2008年12月18日  Silverlightを囲む会 in 大阪 #6  22 

スライド24: 本日はありがとうございました ・  本日の内容は以上です ・  今後もACRIはオープンな活動を続けます ・  ACRIの活動に興味を持たれた方は、・mixiコミュニティなどにご参加ください ・  何か、ご質問はありますか? 2008年12月18日  Silverlightを囲む会 in 大阪 #6  23 

スライド25: 参考情報(1)  全般 ・  今日読み上げたWebサイト ・  埼玉新聞 http://www.saitama-np.co.jp/ ・  UOPF http://uopf.org/press/040210.html ・  書籍 :『GUIデザインのお作法』 ・  Mark Minasi, アスキー出版局, 1995年 ・  原題 : “Secrets of Effective GUI Design” ・  MSAA(Microsoft Active Accessibility) ・  http://msdn.microsoft.com/ja-jp/accessibility/bb960468.aspx 2008年12月18日  Silverlightを囲む会 in 大阪 #6  24 

スライド26: 参考情報(2)  Silverlight関係 ・  “Creating Accessibility-aware Silverlight 2 Content” ・  http://www.code-magazine.com/Article.aspx?quickid=0810062 ・  ユーザー補助 ・  http://msdn.microsoft.com/ja-jp/library/ms753388.aspx ・  UI Automation を用いたユーザーインターフェイスのテスト ・  http://blogs.msdn.com/tomohn/archive/2008/03/18/uia-uiautomation.aspx ・  Accessibility in Silverlight 2 ・  http://archive.visitmix.com/blogs/Joshua/Silverlight-2-Accessibility-with-Mark-Rideout/ 2008年12月18日  Silverlightを囲む会 in 大阪 #6  25 

スライド27: 参考情報(3)  スクリーンリーダ ・  JAWS for Windows Professional ・  http://www.extra.co.jp/jaws/ ・  PC-Talker ・  http://www.aok-net.com/ ・  95Reader ・  http://www.ssct.co.jp/barrierfree/95reader/ ・  FocusTalk ・  http://www.skyfish.co.jp/focustalk/ 2008年12月18日  Silverlightを囲む会 in 大阪 #6  26