カテゴリー: Web

アクセシブルなEPUBの作り方 -ウェブアクセシビリティガイドラインとEPUB –

kzakza

　今回は電子書籍の標準フォーマットとして普及しつつあるEPUBのアクセシビリティについて１つ。
　　
　EPUBはデジタル録音図書であるDAISYの要素を多く取り入れているため、フォーマットそのものがアクセシビリティに配慮されているといってもよいフォーマットではありますが、実際にEPUB形式のコンテンツがアクセシブルかどうかは作り手次第です。
　EPUBはHTMLやCSS等のWeb標準技術をベースとしているため、EPUB形式で作成されたコンテンツはW3CのウェブアクセシビリティガイドラインであるWCAG2.0（とそれをJIS化したJIS X8341-3:2010）の対象とする「ウェブコンテンツ（Web技術によって作成されたコンテンツ）」に該当すると思われます。ここで「該当する」というのは、EPUBを作る際にWCAGが参考になるという意味ではなく、WCAG2.0（JIS X8341-3:2010）の準拠が求められる場面において、EPUBコンテンツの作成者はWCAG2.0（JIS X8341-3:2010）に対する目配りも必要になってくるという意味です。

ウェブコンテンツとは、ウェブブラウザ、支援技術などのユーザーエージェントによって利用者に伝達されるあらゆる情報及び感覚的な体験を指し、例えば、ウェブアプリケーション、ウェブシステム、携帯端末などを用いて利用されるコンテンツ、インターネット、イントラネット、CD-ROMなどの記録媒体を介して配布されるウェブコンテンツ技術を用いて制作された電子文書、ウェブブラウザを用いて操作する機器などに適用する。
from JIS X8341-3:2010「1.適用範囲」

　
　WCAG2.0関連文書の１つであるWCAG 2.0 実装方法集では、PDFに対する言及はあるものの、EPUBに対する言及はまだありません。しかし、いずれEPUBに関する記述も追加されるのではないかと思われます。もしくは、HTML、CSS、Script、SMIL等々EPUBで使用されているWeb技術については、それぞれ個別に項目が立てられてまとめられていますので、それらを参照することになるのかもしれません。
　というわけで、「今回は、そういうのを加味しつつ、アクセシブルなEPUBの作り方について紹介しますっ！」と話をすすめたいところですが、EPUBの仕様を管理しているIDPFがEPUBのアクセシビリティガイドラインとしてまとまった文書を公開していますので、それを紹介するに留めます。

　EPUB 3仕様のエディタの1人であるMatt Garrish氏の以下の著書もよくまとまっていますのでお勧めです。O’Reilly Mediaから無料で入手可能です。

Accessible EPUB 3 : Best Practices for Creating Universally Usable Content
　By Matt Garrish
　Publisher: O’Reilly Media
　Released: February 2012
　
これらのドキュメント、長くはないとはいえ、最初にこれらを全部読むのもちょっとしんどいなぁという方には14のTipsにDIAGRAM Centerがまとめた以下のようなものもあります。 とっかかりとしてどうでしょうか。

関連エントリ

ウェブアクセシビリティガイドラインについて
ウェブアクセシビリティガイドライン: 代替テキスト
ウェブアクセシビリティ: 動画
ウェブアクセシビリティ :リンクのはり方
ウェブアクセシビリティ : テキスト
EPUBについて

今年、Web Payments（Web上のオープンな金銭取引の標準化）が大きく動く？

kzakza

　これまでW3CのComunity Groupレベルで検討が進められていたWeb Payments（Web上のオープンな金銭取引の標準）が2013年になって、少し、もしかすると大きく進展することになりそうです。W3Cが力を入れるようになったということなのでしょうか。

　W3CのブログとW3C Wikiによると、Web Paymentsについて、W3Cは今後以下のような活動を予定しているそうです。

  • W3C Advisory Committeeでの報告（2013年6月か7月。開催地は東京？）
  • 外部有識者の招聘
  • ニーズを調査するための開発者を対象としたアンケートの実施
  • キーステークホルダーとの直接的なコンタクトDirect contact with key stakeholder groups (who?)
  • Web Paymentsのスコープが明らかにできた段階で、2013年後半にWeb Paymentsに関するワークショップの開催
  • 公式の報告書の発行

　
　Payment Task Forceなんて、いつの間に立ち上がっていたのだろうか・・・。Wikiの履歴を見る限り、2013年になってからのようですが。
　どちらにしても特定のプラットフォームに依存しなくても、Web上のお金のやり取りができるようになれば、プラットフォーム非依存なコンテンツの流通に大きく寄与すると思われますので、期待したいところです。

関連エントリ

　
　

Google Chrome がWebに音声認識機能を埋め込めるWeb Speech API に多言語で対応。WebへのTTS機能埋め込みも可能？

kzakza

　Google Chromeが安定版のver. 25でWebアプリに音声認識機能を埋め込めるWeb Speech APIに対応しました。しかも、日本語を含む多言語対応です。音声でウェブアプリを操作するといったことが可能になるようです。
　Googleの中の人による紹介動画が公開されています。　

　Googleがデモサイトを公開していますので、音声認識の精度を実際に試すことが可能です。

Web Speech APIの仕様には、このAPIのユースケースとして以下が挙げられています。Web Speech APIはWebの音声入力（speech-input）と自動音声読み上げ（Text-To-Speech）の制御をJavaScriptによって実現することを目的としているようですが、自動音声読み上げ（Text-To-Speech）に該当するものがない・・・？

  • Voice Web Search
  • Speech Command Interface
  • Domain Specific Grammars Contingent on Earlier Inputs
  • Continuous Recognition of Open Dialog
  • Domain Specific Grammars Filling Multiple Input Fields
  • Speech UI present when no visible UI need be present
  • Voice Activity Detection
  • Temporal Structure of Synthesis to Provide Visual Feedback
  • Hello World
  • Speech Translation
  • Speech Enabled Email Client
  • Dialog Systems
  • Multimodal Interaction
  • Speech Driving Directions
  • Multimodal Video Game
  • Multimodal Search
参考

　

Web Speech APIとSpeech Input API

　Web Speech APIの他にフォームに音声入力機能を追加するSpeech Input APIというAPIがあり、こちらはChrome 11から対応しています。input要素にspeech属性を追加するだけなので、実装は非常に簡単です。

　Web Speech APIとSpeech Input APIは機能的に被っている部分があります。どちらもGoogleが提案したAPIのようですが、そのあたりの経緯は以下で説明されています。Speech Input APIを提案した後により広範なWebの音声入出力を扱うWeb Speech APIをJavaScirptベースのAPIとして提案したようです。

参考

　

Text-To-Speech（自動音声読み上げ）機能

　ここからは、勉強不足ということもあり、憶測が混ざります。ご注意ください。
　Web Speech APIによって、Text-To-Speech（自動音声読み上げ）機能をJavaScriptで制御することが可能になります。これがBookshareが提供するブラウザ版電子書籍リーダーでのTTS（自動音声読み上げ）機能でおそらく活用されているのではないかと思われます（Googleの公式ブログが言及しているので）。Google Chromeは2011年にTTS APIを公開TTSエンジンを搭載※していますので、それを使用しているのでしょうか。
※2013-07-08追記
Chrome自身がTTSエンジンを搭載したのではなく、OSなどが搭載しているTTSエンジンを利用するためのAPIを公開したという話でした。誤った情報を流してしまい、大変申し訳ありませんでした。
・Chrome Text To Speech – Beautiful Google – Google活用の仕方
　　以下の動画で紹介されていますが、テキストを読み上げながら、読み上げる箇所をハイライト表示しています。

参考