要約

400%まで拡大しても出版物のコンテンツが画面スペース内にリフローして収まるようにします。

テクニック

解説

WCAGのリフローの達成基準では、幅1080ピクセル、高さ1024ピクセルの解像度の、標準デスクトップ画面で400%に拡大されたコンテンツが二次元スクロールを必要としないことが求められています。この要件は、縦スクロールページの場合、ユーザーがコンテンツを読むために横スクロールする必要がないことを意味します（適応すると使用不能または判読不能になるコンテンツは例外）。コンテンツは画面領域内に収まるように調整される必要があります。

この種の調整はレスポンシブWebデザインとして知られています。Webサイトの作成者は、CSSレイアウトとメディアクエリーを組み合わせ、画面のスペースが減ったときには、複数列で構成されるページレイアウトを一列構成に減らします。

リフロー型の出版物

Webサイトとは異なり、リフロー型の電子出版物は、通常、列やグリッドにレイアウトされません。そのため、小説などの基本的な作品のほとんどでは、リフロー要件を満たすための追加作業はあまり必要になることはありません。

コンテンツ製作者は、コンテンツがズーム（拡大）されたときに適応できるようにスタイルを設定するだけで済みます。リフロー型の書籍において、リフロー要件に違反する可能性があるのは以下のような問題です。

  • ピクセルなどの絶対単位を使用して要素をスタイリングする — 画面の表示領域が縮小された時に、これらの単位は変更に適応できず、固定されたままになります（つまり、スクロールバーの使用が強制されます）。
  • レイアウトテーブルを使用してコンテンツをグリッドに配置する — テーブルはある程度しか圧縮できませんが、SSスタイルを使用すると、コンテンツ製作者は拡大率の変更に応じてグリッドレイアウトから単一の列に変更できます。
  • 長い単語の折り返しを許可しない — ソフトハイフン（­）とCSSの単語区切り処理ルールにより、非常に長い単語やURLによるスクロールを最小限に抑えることができます。

固定レイアウト

注意

固定レイアウトにおけるこの要件に関する問題は、現在、W3CのEPUB3ワーキンググループで議論されています。このページの今後の更新で追加のガイダンスが提供される予定です。

固定レイアウトがリフロー要件を満たすかどうかは、その構築方法によって異なります。

  • 二次元のプレゼンテーションがコンテンツに不可欠な画像ベースの固定レイアウトについては、拡大縮小時にスクロールを必要としないという要件から免除される可能性があります。コミックやマンガのページ、子供の絵本のページ（テキストがイラストの一部となっているようなもの）、地図、グラフィックスなどがこのカテゴリに含まれます。

  • その他のすべての種類の固定レイアウト（つまり、コンテンツの配置に意味がなく、純粋にプレゼンテーション用である場合）は、リフローの要件を満たす必要があります。

理論的には、アダプティブデザイン手法を使って、固定レイアウトコンテンツを拡大縮小したときにリフローさせることができますが、現時点では、EPUBの固定レイアウトページを拡大縮小したときに再レンダリングするリーディングシステムがないため、要件に準拠したコンテンツは作成できません。

EPUBリーディングシステムでは通常、モバイルデバイスのみで固定レイアウトのページを拡大縮小できますが、ここでもページ全体が拡大縮小されます。そのため、製作者がコンテンツをアクセシブルにするためにどのような対策を講じても、固定レイアウトのコンテンツはユーザーエージェントのアクセシビリティサポートに関するWCAG要件を満たすことはできません。

さらに、固定レイアウトコンテンツの場合、デスクトップ リーディングシステムでの拡大縮小も十分にサポートされていないため、アクセシビリティサポートの要件を満たすことができない可能性があります。

以上のことから、現時点では固定レイアウトの出版物に対してのWCAG AAサポートは表明できないでしょう。