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

Slides:



Advertisements
Similar presentations
Internet Explorer 障害解析 最初の一歩 - IE のトラブルを理解する -. 概要 Internet Explorer を使用中に発生するトラブルの 種類と、調査のための切り分け方法を紹介します! (以降は IE と略称で表記します) よくあるお問い合わせ Web ページの表示が白画面のまま完了しない.
Advertisements

PowerPoint 入門 2004年1月17日 聖路加看護大学 中山和弘. PowerPoint とは Microsoft 社製プレゼンテーション用ソフ ト 基本操作や図表作成は Word 、 Excel など と共通 スライド作成ソフト、液晶プロジェクタ でプレゼンテーション スライドは、テキスト、図表、写真など.
1 WORD の起動法と終了法 ● WORD の起動法 (1) デスクトップの Microsoft Word アイ コンをダブルクリックする。 * (2) 「スタート」 ― 「すべてのプログラ ム」 ― 「 Microsoft Word 」と選ぶ。 (3) Word で作成された文書があるとき は、そのアイコンをダブルクリック.
Microsoft Office 2010 クイックガイド ~OneNote編~
フォトブックサイト企画提案書 『モバフォトBook』
スクリーンリーダー NVDA と LibreOffice
IIS 4.0で開発をするコツ Webアプリケーション構築.
ラジオライブ配信テスト版サイト制作 PC & スマートフォン & ガラ系携帯対応.
ブラウザの基本操作 前のページに戻る ブラウザの左上にある 「戻る」ボタンで、自分がたどってきた一つ前のページに戻ることができます。
電子書籍を さがす どんな書籍があるの? Maruzen eBook Libraryは、学術機関向け和書の電子書籍提供サービスです。
Microsoft PowerPoint98 Netscape Communicator 4.06[ja]
コンピュータ プレゼンテーション.
らくらく学校連絡網 スライドショーで見る操作ガイド -7- 出欠確認付きメール escで中断、リターンキーで進みます
らくらく学校連絡網 スライドショーで見る操作ガイド -3- 登録 抜粋-管理者作業 escで中断、リターンキーで進みます
Lync 会議 Lync 会議に参加する Lync 2013 クイック リファレンス Lync 会議のスケジュール
Lync 会議 Lync 会議に参加する Lync 会議をスケジュールする 会議のオプションを設定する
Lync Web App クイック リファレンス カード: 会議にコールインする
第6回 Flashによるゲームの作成 04A2029           古賀慎也.
情報処理 第13回の教材 プレゼンテーションソフト PowerPoint 高知大学 共通教育 理学部 対象 担当:塩田 ここはメモを書く欄。
情報処理 第12回の教材 プレゼンテーションソフト PowerPoint 高知大学 共通教育 理学部 対象 担当教員 : 塩田
電子社会設計論 第11回 Electronic social design theory
Microsoft PowerPointを使ってみよう
第1回 HTML5入門.
Digital Network And Communication
第2章 ソフトウェアの基礎知識 電子制御設計製図Ⅰ    2010年5月11日 Ⅲ限目.
Webサイト運営 09fi118 橋倉伶奈 09fi131 本間昂 09fi137 三上早紀.
F5 を押すか、または [スライド ショー] > [最初から] をクリックして、コースを開始してください。
第2章 ソフトウェアの基礎知識.
情報コミュニケーション入門 2016年度版 情報コミュニケーション入門m 総合実習(1).
インターネット活用法 ~ブラウザ編~ 09016 上野喬.
~ 合成音声を活用したスライド動画ソフト~ リアルナレーターズ2 のご紹介 主な機能
ゆめクラブ藤沢 パソコン教室 テキスト (中級1:インターネット)
講 義 ガ イ ダ ン ス オペレーティングシステム 10/4/07.
Microsoft Office 2010 クイックガイド ~応用編~
Kintone 新デザインコンセプト サイボウズ株式会社 2016/10/28 更新.
XSL-FO + MathML MathML表示、PDF生成、SVG生成
PDF管理Webアプリケーションの制作 ~PDFファイル探索時間の短縮化~
技術伝承 高技能者の手順、動作を わかりやすく動画で伝えるコンテンツを カンタンに作成できます。 ● 比較再生機能 ● 動画マニュアル
Microsoft Office クイックガイド ~OneNote 2013~
Microsoft Office 2010 クイックガイド ~応用編~
Microsoft Office 2010 クイックガイド ~OneNote編~
専用ソフトは不要 Webブラウザだけで簡単モニタリング VioStor Series Live Monitoring
リアルナレーターズ 2 のご紹介 株式会社 スカイフィッシュ
サイトにおける問題事例 平成26年5月29日 NTTクラルティ株式会社 小高 公聡.
管理画面操作マニュアル <サイト管理(1)> 基本設定 第9版 改訂 株式会社アクア 1.
初めてのTSF 囚人.
Office IME 2010 を使う.
MDC Special Session Report tk-engineering.com
ご利用説明 2018年10月 (株)紀伊國屋書店.
利用説明 2018年9月 (株)紀伊國屋書店.
[アクセシビリティはユニバーサルデザインと支援技術の共同作業である] 石川准
3.1 PowerPoint の概要 PowerPointを使ってできること
コンピュータ プレゼンテーション.
初めてのTSF 囚人.
日本郵便 「Web-EDI」利用ガイド (JP EDIシステム)
第2章 ソフトウェアの基礎知識 電子制御設計製図Ⅰ    2010年5月19日 Ⅱ限目.
Maruzen eBook Libraryは、学術機関向け和書の電子書籍提供サービスです。 rev 電子書籍を さがす
Maruzen eBook Libraryは、学術機関向け和書の電子書籍提供サービスです。 rev 電子書籍を さがす
コンピュータ プレゼンテーション.
すべて読む Microsoft SharePoint ニュース
Pattern Library Project
Microsoft® Lync Online™ 2010 Web App
情報処理 第13回の教材 プレゼンテーションソフト PowerPoint 高知大学 共通教育 理学部 対象 担当教員 : 塩田
生産性向上 現場のビデオ映像 OTRSは現場映像から、各種シミュレーションを提供し、組織の生産性向上をサポートしています。
基礎技術ー3 : Webページの標準規格について
Flashを用いたゲーム制作 05A1304 鈴木 浩高.
Microsoft SharePoint Online の Web サイトを カスタマイズする方法
凸版印刷 株式会社 情報・出版事業本部 問合せ先: メディア販促 斉山、大竹( ) システム開発 田原( )
回転する歯車 プレゼンテーション プレゼンテーションのスライドショーを開始 (F5 キー) すると、アニメーションが再生されます。
Copyright 2016 FIT Co., Ltd. All rights reserved.
Presentation transcript:

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

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

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

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

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

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

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

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

10 スクリーンリーダーの動作メカニズム 1 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 MSAA とは? CopyRight Skyfish Inc. Microsoft Windows ベースのユーザー インターフェイス (UI) 要素に関する情報を公開し、 Web コンテンツ情報を 集める上で、信頼度の高い方法を提供してくれる COM インターフェイスと API スクリーンリーダーが、対象アプリケーションなどを音 声化する際のインターフェースとして利用 Microsoft Active Accessibility API 引用:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

26 CopyRight Skyfish Inc. DEMO 4. PDF ( Adobe Reader8 ) を読み上げてみます

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

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

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

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

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

32 CopyRight Skyfish Inc. Q & AQ & A Q & AQ & A Focus Talk 無料体験版ダウンロード先 Focus Talk 無料体験版ダウンロード先

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