1 2007/07/15 株式会社 スカイフィッシュ 大塚雅永 CopyRight Skyfish Inc. スクリーンリーダー開発者が明かす コンテンツ制作のツボ.

Presentation on theme: "1 2007/07/15 株式会社 スカイフィッシュ 大塚雅永 CopyRight Skyfish Inc. スクリーンリーダー開発者が明かす コンテンツ制作のツボ."— Presentation transcript:

1 1 2007/07/15 株式会社 スカイフィッシュ 大塚雅永 CopyRight Skyfish Inc. スクリーンリーダー開発者が明かす コンテンツ制作のツボ

2 2 本日のアジェンダ CopyRight Skyfish Inc. 自己紹介 スクリーンリーダーとは スクリーンリーダーの動作原理 Web ブラウザ（ IE7.0) 読み上げ FLASH 読み上げ PDF 読み上げ フォーカストークの便利な使い方 スカイスカイフィッシュの考えるアクセシビリティとは？ 今後の課題・提言 Q&A

3 1993 年 4 月に、国産初の大規模テスティングセンター企業の第一期社員 として入社後、品質評価（テスティング）、インターネットサービス、 スクリーンリーダー等の事業運営を経験。 テスティングでは、「 100%PureJava 認定センター」「 Novell 認定検証 センター」「 PictBridge 」等の各種ロゴプログラム事業の立ち上げを担 当。 2005 年 9 月に株式会社スカイフィッシュを設立。 デモ担当：川俣勇二 プロダクト UI/ アクセシビリティデザイン担当 テスティングサービス事業 マネージャ（兼任） 1993 年 4 月に、国産初の大規模テスティングセンター企業の第一期社員 として入社後、品質評価（テスティング）、インターネットサービス、 スクリーンリーダー等の事業運営を経験。 テスティングでは、「 100%PureJava 認定センター」「 Novell 認定検証 センター」「 PictBridge 」等の各種ロゴプログラム事業の立ち上げを担 当。 2005 年 9 月に株式会社スカイフィッシュを設立。 デモ担当：川俣勇二 プロダクト UI/ アクセシビリティデザイン担当 テスティングサービス事業 マネージャ（兼任） 3 自己紹介 CopyRight Skyfish Inc.

4 4 スカイフィッシュのご紹介 CopyRight Skyfish Inc. 創業日 ： 2005 年 9 月 29 日 資本金 ： 1,000 万円 所在地 ：栃木県宇都宮市御幸ヶ原町 185-7 従業員 ： 6 名 Web ： http://www.skyfish.co.jp/http://www.skyfish.co.jp 事業内容： New! Open XML ソリューション開発・販売 アクセシビリティ関連ソフトウェア開発・販売、他 Web システムを中核とした各種ソフトウェア開発 IT 製品のテスティング（品質評価・コンサルティング）サービ ス システム / ネットワーク設計・構築・運用保守サービス

5 5 プロダクトのご紹介 CopyRight Skyfish Inc. 日本語 Windows 用スクリーンリーダー FocusTalk ver1.0 (2006/1/25 発売, XP/2000 用 ) FocusTalk ver2.0 (2007/1/30 発売, Vista/XP 用 ) Skype 簡単操作ソフトウェア SkyHelper ver2.0 (2007/2/5 公開, Vista/XP/2000) Open XML Reader( 仮称 ) 2007 秋 発売予定 * SkyHelper は FocusTalk 専用フリーソフトウェアです。

6 6 スクリーンリーダーとは？ CopyRight Skyfish Inc. Windows の画面上に表示されている情報、ユーザーのキーボー ド操作などを音声化するソフトウェアです。 Windows 上のフォーカス（マウスカーソル）の当たっている場所の情報を 音声で読み上げます。 キーボード操作を音声で読み上げます。 漢字の詳細情報を音声で読み上げます。 アプリケーション内のテキスト情報を音声で読み上げます。 Windows 読み上げのイメージアプリケーション読み上げのイメージ（ Excel 2007 ）

7 7 ホームページリーダーとの違いは？ CopyRight Skyfish Inc. Windows 全般（デスクトップ、アプリケーション、キーボード操作、日本語入力 など）について音声化をします。 Web コンテンツ、あるいはブラウザに特化して音声化をします。 IBM 製品はデスクトップリーダー（簡易スクリーンリーダー）が付属しています。 スクリーンリーダー ホームページリーダー

8 8 CopyRight Skyfish Inc. DEMO １. Windows の基本画面を読み上げてみます

9 9 どのような方が使うのでしょうか？ CopyRight Skyfish Inc. 視覚障害者 高齢者 外国籍の方 ・・・を始めとして、あらゆる方にお使いいただけますが、 視覚障害者の方にとっては、 PC を操作するための必要技術 （支援技術 =Assistive Technology ）となります。

10 10 スクリーンリーダーの動作メカニズム １ CopyRight Skyfish Inc. Focus Talk IE7.0 Adobe Reader Adobe Reader Office Media Player Media Player Windows OS etc. 音声出力 OS とアプリケーション間のメッセージ通信、 MSAA などから音声化情報を 取得 MSAA, etc hook, etc MSAA, etc Message, etc

11 11 MSAA とは？ CopyRight Skyfish Inc. Microsoft Windows ベースのユーザー インターフェイス (UI) 要素に関する情報を公開し、 Web コンテンツ情報を 集める上で、信頼度の高い方法を提供してくれる COM インターフェイスと API スクリーンリーダーが、対象アプリケーションなどを音 声化する際のインターフェースとして利用 Microsoft Active Accessibility API 引用： http://www.microsoft.com/japan/msdn/accessibility/msaa/default.aspx

12 12 Web ブラウザ（ IE7.0 ）の読み上げ １ CopyRight Skyfish Inc. アプリケーションメニュー 各種アイコン お気に入り 各種設定画面 コンテンツ (XHTML) 部分 TAB 切り替え アプリケーションとしての IE7.0 を音声化

13 13 CopyRight Skyfish Inc. DEMO ２. IE7.0 を読み上げてみます

14 14 Web ブラウザ（ IE7.0 ）の読み上げ ２ CopyRight Skyfish Inc. フォーカストークから見た XHTML 情報 IE7.0 Focus Talk MSAA （メイン） +MSHTML （サ ブ）による情報取得 ページ情報を 独自リスト化 コンテンツ読み上げ キー操作

15 15 Web ブラウザ（ IE7.0 ）の読み上げ ３ CopyRight Skyfish Inc. 例： www.infoaxia.com のリスト化の例 ホーム サイトマップ ページタイトル ・・・ スキップリンプ お問い合せ (Navigation) ここからメインメニュー ニュース

16 16 Web ブラウザ（ IE7.0 ）の読み上げ ４ CopyRight Skyfish Inc. フォーカストークでサポートしている要素,,,,,,,,,,,,,,,,,,,,,,,,,, 上記以外の判別は現在未対応で、テキスト部分の読み上げのみとなります。

17 17 Web ブラウザ（ IE7.0 ）の読み上げ 5 CopyRight Skyfish Inc. フォーカストークに実装されている機能 各種テキスト・コントロール（画像、ボタン、ボックス類、等）の判定 総項目数と現在の仮想カーソル位置の項目数読み上げ （読み上げた）テキストをクリップボードにコピー コントロールの移動 テキストジャンプ（ニュースの本文などにジャンプ） 訪問済み / 未訪問リンクの判定 アンカー（ IE でサポートされている属性のもの） テーブル内のカーソル移動、テーブル間を移動 連続キーワード検索、など、 60 以上 の機能を実装 各種テキスト・コントロール（画像、ボタン、ボックス類、等）の判定 総項目数と現在の仮想カーソル位置の項目数読み上げ （読み上げた）テキストをクリップボードにコピー コントロールの移動 テキストジャンプ（ニュースの本文などにジャンプ） 訪問済み / 未訪問リンクの判定 アンカー（ IE でサポートされている属性のもの） テーブル内のカーソル移動、テーブル間を移動 連続キーワード検索、など、 60 以上 の機能を実装

18 18 Web ブラウザ（ IE7.0 ）の読み上げ ６ CopyRight Skyfish Inc. コンテンツ制作のツボ１：基本 XHTML ＋ CSS で正しくマークアップする ┗要素と属性の正しい理解と使用 WAI-ARIA （草案）等、今後の注目技術の動向把握 Web Accessibility Initiative Accessible Rich Internet Application Web コンテンツ作成後に、スクリーンリーダで読み上げテストを実施 ・読み上げに問題が無いかチェック ・キーボードのみでの操作が可能かチェック +α のツボ：ディスプレイを消して、音声だけであなたのコンテンツにアクセスしてみて下さい！

19 Web ブラウザ（ IE7.0 ）の読み上げ ７ CopyRight Skyfish Inc. コンテンツ制作のツボ２：代替テキスト 視覚障害者を意識した、コンテンツを作成する １．適切な代替テキスト 19 +α のツボ： 加えて、グラフのデータを示した情報が必要です（データテーブルなど）

20 ２．テーブルの読み上げを意識する ■ セルの結合や項目の省略を避ける ■ 要素で、表のタイトルをつける（フォーカストーク対応予 定） Web ブラウザ（ IE7.0 ）の読み上げ 8 CopyRight Skyfish Inc. コンテンツ制作のツボ３：テーブル 20

21 21 FLASH の読み上げ １ CopyRight Skyfish Inc. 代替テキスト情報を音声化 インプット（マウス操作など）には未対応 MSAA 経由でテキスト情報を取得

22 22 CopyRight Skyfish Inc. DEMO ３. FLASH コンテンツを読み上げてみます

23 23 FLASH の読み上げ ２ CopyRight Skyfish Inc. XHTML コンテンツ内の FLASH を読み上げるメカニズム FLASH FLASH 読み上げロジックに移動 （エンターキーを入力） 読み上げ順番に従い代替テキストの 内容を読み上げ 最後の代替コンテンツ読み上げ後、 IE7.0 読み上げロジックに戻る

24 24 FLASH の読み上げ ３ CopyRight Skyfish Inc. 適切な代替テキスト情報の設定 読み上げ順序の設定 コンテンツ制作のツボ： PDF 編

25 25 PDF の読み上げ １ CopyRight Skyfish Inc. MSAA 経由でテキスト情報を取得 文章全体、ページ単位、 1 行単位での読み上げに対応 テキストウィンドウを表示させることにより・・ 1 文字単位で読み上げ可能 漢字詳細読みが可能 TAG 付きフォームに対応（今後の電子申請等で効果大！）

26 26 CopyRight Skyfish Inc. DEMO ４. PDF （ Adobe Reader8 ） を読み上げてみます

27 各種レイアウトや改行コード 等が除かれたテキストデータ 27 PDF の読み上げ ３ CopyRight Skyfish Inc. MSAA を介してテキスト情報を取得、 2 種類の読み上げを実現 Adobe Reader 8 Focus Talk ① Adobe Reader を直接読み上げ 読み上げ キー操作 ②テキストウィンドウを表示させての読み上げ テキストウィンドウ

28 28 PDF の読み上げ ２ CopyRight Skyfish Inc. コンテンツの読み上げ順位 インデックス付け 画像情報への代替テキストの付加 テーブル読み上げは未対応 しおりの活用 コンテンツ制作のツボ： PDF 編

29 29 Focus Talk の便利な使い方 CopyRight Skyfish Inc. テキスト録音機能 オーディオを聴く感覚 スカイヘルパー 操作ボタンの大型化など、高齢者にも配慮 PowerPoint2007 プレゼンテーションに便利な機能を付加 マウス読み ランダムアクセスの可能性 テキスト録音機能 オーディオを聴く感覚 スカイヘルパー 操作ボタンの大型化など、高齢者にも配慮 PowerPoint2007 プレゼンテーションに便利な機能を付加 マウス読み ランダムアクセスの可能性 音声読み上げはあらゆる人々（※ 1 ）に対するやさしい手段 ※１ 耳のご不自由な方を除きます

30 30 スカイスカイフィッシュの考える アクセシビリティとは？ CopyRight Skyfish Inc. その人に適した方法・手段 Focus Talk は、弊社企業理念「誰にとっても公平に IT の恩恵が受けられる 情報化基盤作りに貢献します。」を具現化した、 “1 つ ” の手段 アクセシビリティとは OS 、アプリケーション、コンテンツ、支援技術が 一体となって、初めて実現できる世界 それぞれの立場で、標準（アクセシビリティ順守）の意識付けが重要

31 31 今後の課題・提言 CopyRight Skyfish Inc. Web 標準に準拠したスクリーンリーダへの発展 IE 未サポートの「要素」への対応 （例：見出し、テーブル読み上げの詳細化など） PDF, FLASH 読み上げの詳細化 RIA （ Rich Internet Application ）： Ajax. spry. MathML. SVG 対応 早急な課題 -> WAI-ARIA( 草案 ) 対応の検討 ニューテクノロジー「 TAJODA 」 東京大学先端科学技術研究センター伊福部研究室との協業で Web アクセスの新たな可能性を模索 Web 標準の共有化 ベンダー・クリエイターの相互理解、意識共有

32 32 CopyRight Skyfish Inc. Q & AQ & A Q & AQ & A Focus Talk 無料体験版ダウンロード先 http://www.skyfish.co.jp/focustalk/ Focus Talk 無料体験版ダウンロード先 http://www.skyfish.co.jp/focustalk/

33 33 CopyRight Skyfish Inc. A lot of thanks ！ Focus Talk 問合せ先 ft-sales@skyfish.co.jp Microsoft 、 Windows 、 Internet Explorer 、 Windows Media 、 Windows Live 、並びに Office 製品（ Word 、 Excel 、 PowerPoint ）は、米国 Microsoft Corporation の 米国およびそ の他の国における登録商標または商標です。 Adobe 、 Acrobat 、および Reader 、ならびに Flash Player は、アドビシステムズ社の米国ならびに他の国における登録商標または商標です。