カテゴリー: ウェブアクセシビリティ

EPUB を アクセシブルにする13のTIPS（AAP EPUB 3 Implementation Project 報告書より）

kzakza

　先のエントリで紹介した米国の出版団体 Association of American Publishers (AAP) のEPUB 3 Implementation Project 報告書には、 EPUB を アクセシブルにする13のTIPSが掲載されています。

　DIAGRAM Centerの”Top Tips for Creating Accessible EPUB 3 Files “をベースにまとめられたものです。今回は、どのようなものがTIPSとしてまとめられれているか、その概要を紹介します。
　　
　なお、以下でそれぞれのTIPSの参考に挙げているものは、基本的に報告書で参考資料として紹介されたものですが、私が参考資料として挙げたものを含まれています（私が挙げたものは【追加】と記載してあります）。

1. コンテンツと表現を分ける
　 Separate content and presentation

　スタイルや書式が適用されている状態とされていない状態でコンテンツの意味が異なってはいけない。色づけされたテキスト、フォントサイズによって重要性を伝えるなどのような、視覚表現にのみに頼る方法はグッドプラクティスとは言えない。
　また、全てのテキストは、論理的順序(人間が読んで自然な順序)で利用できることが重要である。

参考

2. 完全なナビゲーションを提供する
　 Provide complete navigation

　本文の前に完全な目次をつける。そして、各セクションのはじめも小さな目次をつけることも検討する。
　論理的順序(人間が読んで自然な順序)を定義するために<section>、<figure>、<aside>タグをコンテンツの中で使用するのもベストプラクティスである。特に学術、教育、そして、児童書のような複雑で視覚的なレイアウトを用いたコンテンツには重要である。　

3. 可能なかぎり意味のある構造にする
　 Create meaningful structure wherever possible

　論理的な構造に番号が付された見出しをもちいた構造にする。また、その他のタグもepub:type属性を用いてコンテンツを指定する。
　例:前書きところに<section epub:type=”preface”>
　　なお、HTML5の仕様に特定のコンテンツに使用されることが規定されているタグ（引用のために用いる <cite>タグなど）はHTML5の仕様に準じて使用する。

参考

4. コンテンツ内のタグにセマンティックな情報を追加する
　 Define the content of each tag

　 EPUB 3 Structural Semantics Vocabularyなどの語彙を活用してコンテンツ内のタグにセマンティックな情報を追加することを検討する。
　
例:
目次に使用されるsectionタグ:<section epub:type=”toc”>
用語集に使用されるdlタグ:<dl epub:type=”glossary”>
　

5. 表やテキストを表示するためではなく、絵や写真のためだけに画像を使用する
　 Use images only for pictures, not for tables or text

　画像に埋め込まれた情報を視覚障害者は利用できない。表や画像にテキストコンテンツが含まれているならば、テキストと表形式のための適切で完全なマークアップをすることが重要である（header要素やscope属性を用いるなど）。
もし表の表示に画像を用いることが避けられないならば、表形式の適切にマークアップされた別のページを用意して、そのページへのリンクを掲載する。　
　もしテキストの表示に画像を用いることが避けられないならば、テキストの内容を説明したものか、テキストを書き起こしたものを提供することが重要である。また、アクセシブルなSVG形式の画像を使用することが重要である。

6. 画像に説明と代替テキストをつける
　 Use image descriptions and alt text

　装飾目的の画像でないかぎり、全ての画像に、説明やキャプションや代替テキストが付されているべきである。

参考

7. ページ数をいれる
　 Include page numbers

　コンテンツが紙版の書籍と同じである場合は、紙版の書籍でページが改める位置にepub:type=”pagebreak”属性で例えば以下のようにページ数を記述する。
例: <span xml:id=”page361″ epub:type=”pagebreak”>361</span>
　
　さらにPackageドキュメントで提供するEPUB書籍のメタデータに紙版の書籍のISBNを記述しておくとベストである。.

参考

8. 言語を指定する
　 Define the language(s)

　支援技術が正しく理解できるようにコンテンツに使用されている言語情報を提供する。
　ルートとなるhtml要素にはコンテンツのデフォルトの言語を指定した上で、デフォルトの言語と異なる部分については、@xml:lang属性を用いて単語、フレーズ、パラグラフ単位で以下のように指定する。
例: <span xml:lang=”fr” lang=”fr”>rueSaint-Andre-des-Arts</span>

参考

　

9. MathMLを使用する
　 Use MathML

　　数式を記述するためのマークアップ言語MathML（Mathematical Markup Language） で数式を記述する。

参考

10. メディアコンテンツの代替物を提供する
　 Provide alternative access to media content

　映像コンテンツや音声コンテンツに対するHTML5のネイティブコントロールを初期設定の段階で有効にする。
　映像コンテンツや音声コンテンツには、キャプション、映像に対する説明、音声を書き起こしたものなどような代替コンテンツを提供することが重要である。
　聴覚障害者にとってや、手話を提供されることも重要である。

参考

11. インタラクティブなコンテンツをアクセシブルに
　 Make interactive content accessible

　JavaSciptやSVGを用いたインタラクティブなコンテンツをアクセシブルにするために、すべてのカスタムコントロールに、ARIAのロール（role）、ステート（state）及び属性を必要に応じてすべて実装するべきである。

参考

　

12.アクセシビリティの情報をメタデータとして提供する
　 Use accessibility metadata

　コンテンツのファイルの中でアクセシビリティに関する情報をメタデータとして提供して、ユーザーがそのコンテンツがアクセシブリティについてどのような機能をもっているのかわかるようにしたり、検索エンジンがアクセシブルなコンテンツを発見できるようにする。

参考

13.　以上のベストプラクティスを組織がサポートする体制にする
　 Make sure your processes support the above best practices

　以上の1から12のベストプラクティスを組織がサポートできる体制をするためのTIPSが（以下）が13番目のTIPSとして紹介されています。

  • アクセシビリティについて、内部の人間と外部の人間の間を結ぶコミュニケーションのルートとして動ける人間を組織内に置く。
  • アクセシビリティを、自社製品やマーケティングなどの核となる価値をするために企業レベルの継続的な努力を開始する。
  • アクセシビリティガイドラインを作成した上でそれを実施し、著者向けに研修を行う。
  • アクセシビリティガイドラインを作成した上でそれを実施し、編集スタッフと製作スタッフむけに研修を行う。
  • ベンダーとアクセシビリティの問題とスタンダードについて議論する。
  • 品質保証管理のプロセスにアクセシビリティの観点からのレビューを含める。
  • ウェブサイトやマーケティング資料にアクセシビリティ情報を追加する。
  • アクセシビリィに対する意識をもたせるためのカスタマーサービスセンタースタッフ向けの研修を行う。

参考

関連エントリ

EPUBを読み上げ音声付きEPUBに変換できる日立の音声合成システム 「ボイスソムリエ ネオ」

kzakza

　日立ソリューションズ・ビジネスの音声合成システム 「ボイスソムリエ ネオ」が、2013年9月に販売を開始したver 1.6でEPUBを音声合成による読み上げ音声付きEPUB（メディアオーバーレイ対応）に変換できる機能を実装しました。この機能でテキストDAISY的なEPUBをマルチメディアDAISY的なEPUBに変換することができます。

　少し技術的な話ですが、EPUBファイルを読み込むと、EPUB内のテキスト情報が抽出され、音声合成による音声データ、そして、テキストデータと音声を同期させるためのSMILファイルが生成され、メディアオーバーレイ対応のEPUBが出力されるようです。

from 日立ソリューションズ・ビジネス ニュースリリース

参考 読み上げ音声付きEPUB（メディアオーバーレイ対応）について

　読み上げ音声付きEPUB（メディアオーバーレイ対応）は、以下のように音声とテキストを同期させて読み上げ箇所のテキストをハイライト表示させることができます。

※上の動画は、あくまで読み上げ音声付きEPUB（メディアオーバーレイ対応）を紹介するためのもので、「ボイスソムリエ ネオ」で作成したEPUBを読み上げたものではありません。上の動画で読み上げているEPUBファイルは以下で公開されています。

関連エントリ

EPUB 作成ソフト
EPUB 3とDAISY 4の関係
DAISYからEPUB 3に変換する
DAISY再生ソフト・機器のEPUB対応

Schema.orgにアクセシビリティに関する語彙が追加された

kzakza

12月に公開されたver.1.0eでSchema.orgにアクセシビリティに関する語彙が追加されました。本、映画、写真、音楽といった創作物のメタｰデータにアクセシビリティに関する情報を追加するためのものです。

Schema.orgとは

Schema.orgはウェブの構造化データ、マークアップの共通仕様を策定するための活動です。もう少し具体的に言えば、ウェブに埋め込むメタデータの語彙の標準化や形式の標準化を目的としています。
28
http://schema.org/
もともとはGoogle、Microsoft、Yahoo! の検索エンジン大手がウェブの改善を目的として共同で進めていたプロジェクトでしたが、その後、検討の場がW3Cにうつされたようで、W3CのSemantic Web Interest Group Web Schemas Task Forceが中心に仕様の検討を進めているようです。

今回公開されたver.1.0eでアクセシビリティに関する語彙がSchema.orgの仕様に追加されました。Accessibility Metadata Projectの成果を取り込んだものです。

追加されたアクセシビリティに関する語彙

ver1.0eで追加されたアクセシビリティに関する語彙（もう少し詳しく書くと、プロパティ）は以下の４つです。CreativeWork（本、雑誌記事、映画、音楽、絵、写真、テレビ番組などのメタデータ）で使用することができます。

○accessibilityAPI
リソースが特定のアクセシビリティAPIに適合することを示すものです。
値: AndroidAccessibility,ARIA,ATK,AT-SPI,iAccessible2,iOSAccessibility,JavaAccessibility,MacOSXAccessibilityなど
○accessibilityControl
リソースを制御するための入力方法を示すものです。
値: fullKeyboardControl,fullMouseControl,fullSwitchControl,fullTouchControl,fullVoiceControl
○accessibilityFeature
リソースが備えるアクセシビリティに関するコンテンツの特性を示すものです。
値: alternativeText, annotations, audioControl, audioDescription, bookmarks, braille, captions, ChemML, displayTransformability, highContrastAudio, highContrastDisplay, index, largePrint, latex, longDescription, MathML, printPageNumbers, readingOrder, signLanguage, structuralNavigation, tableOfContents, taggedPDF, tactileGraphic, tactileObject, timingControl, transcript, unlocked, videoControl
○accessibilityHazard
あるユーザーに対して生理的に危険なコンテンツであることを示すものです。
値: flashing,noFlashingHazard,motionSimulation,noMotionSimulationHazard,sound,noSoundHazard

プロパティの値については、以下をご参照ください

なお、以下のプロパティの追加も検討されているようです。

  • accessMode
  • hasAdaptation
  • isAdaptationOf

記述例

Examples | Accessibility Metadata Projectより。

図書（大活字本であることを示す）


<dl itemtype="http://schema.org/Book" itemscope="">
    <dt>Title:</dt>
    <dd itemprop="name">Algebra II, trigonometry</dd>
    <dt>Location:</dt>
    <dd itemprop="contentLocation" itemtype="http://schema.org/Location" itemscope="">
    <span itemprop="name">Louis</span></dd>
    <dt>Author:</dt>
    <dd>
    <span itemprop="author" itemtype="http://schema.org/Person" itemscope="">
<span itemprop="name">Sherman K. Stein</span>
</span></dd>
    <dt>ISBN:</dt>
    <dd itemprop="isbn">1-55636-757-0</dd>
    <dt>Publisher:</dt>
    <dd itemprop="publisher" itemtype="http://schema.org/Organization" itemscope="">
    <span itemprop="name">Sunburst Communications</span></dd>
    <dt>Date:</dt>
    <dd itemprop="datePublished">1986</dd>
    <dt>Format:</dt>
    <dd><meta itemprop="accessibilityFeature" content="largePrint">Large Print (1)</dd>
    <dt>Grade:</dt>
    <dd>9 to 12</dd>
</dl>

ビデオ（キーボード、マウスでそれぞれフル操作可能であり、字幕があることを示す）

<meta itemprop="accessibilityControl" content="fullKeyboardControl">
<meta itemprop="accessibilityControl" content="fullMouseControl">
<meta itemprop="accessibilityFeature" content="captions">

<h1>Martin Luther King's Speech (video): 'I Have a Dream'</h1>

<video src="http://www.youtube.com/watch?v=smEqnnklfYs" controls=""><track src="captions.webvtt" type="captions"></video>

想定されるユースケース

メタデータに追加したアクセシビリティの情報には、様々なユースケースが想定されますが、まずは検索結果のスニペットやファセット等で利用される可能性が高いと思われます。
以下の動画がそれを再現していてイメージがしやすいかと思います。

さいごに

コンテンツ本体がアクセシブルであることはもちろん重要ですが、利用者がそのコンテンツを選択するまでの過程がアクセシブルであることも重要です。つまり、利用者が自分の特性や環境に応じて適切にコンテンツを選択できるよう、コンテンツの特性の情報を事前に知らせることですが、それを担うのが「データのデータ」であるメタデータです。
多くのコンテンツがウェブ上で配布されるようになっている現在、Schema.orgにおけるアクセシビリティに関する語彙の役割は、非常に重要です。視覚障害者等のためのオンライン図書館であるBookshareが上の語彙を一部実験的に埋め込んでいるそうですが、より多くのウェブサイトで使用されることが望まれます。また、検索エンジン側の対応も期待したいところです。
（本エントリはWeb Accessibility Advent Calendar 2013の23日目のエントリです。）