達成基準 1.4.5: 文字画像を理解する

達成基準 1.4.5 文字画像 (Level AA): 使用している技術で意図した視覚的提示が可能である場合、文字画像ではなくテキストが情報伝達に用いられている。ただし、次に挙げる場合を除く:

カスタマイズ可能

文字画像は、利用者の要求に応じた視覚的なカスタマイズができる。

必要不可欠

テキストの特定の表現が、伝えようとする情報にとって必要不可欠である。

ロゴタイプ (ロゴ又はブランド名の一部である文字) は必要不可欠なものであると考えられる。

意図

この達成基準の意図は、テキストによる特定の視覚的な提示を必要とする人が、必要に応じてテキストによる提示を調整できるように、所望のデフォルトの視覚的提示を達成できる技術をコンテンツ制作者に推奨することである。これは、テキストに、特定のフォントサイズ、前景色及び背景色、書体、行間、又は配置を必要とする人を含む。

コンテンツ制作者が同じ視覚的な効果を達成するためにテキストを使用できる場合、コンテンツ制作者は情報を提示するのに画像を用いるのではなく、テキストを用いることが望ましい。何らかの理由により、コンテンツ制作者が同じ効果を得るためにテキストの書式を整えることができない場合、その効果が一般に入手可能なユーザエージェントでは確実に提示できない、又はこの達成基準を満たすウェブコンテンツ技術を用いることが達成基準 1.4.4 などの他の達成基準を満たすことの妨げになる場合、文字画像を使用できる。これは、書体のサンプル、ロゴタイプ、ブランドなどのような、伝えている情報にとってテキストの特定の提示が必要不可欠な場合を含む。文字画像はまた、広く普及していないかコンテンツ制作者が再配布する権利を持っていないかのいずれかで特定の書体を用いるために、又はそのテキストがすべてのユーザエージェントでアンチエイリアスをかけた状態になるようにするために使われることもある。

利用者が文字画像を自分の好みに合わせてカスタマイズできる場合にも、文字画像を用いてもよい。

文字画像の定義には、「注記: テキスト以外の部分が重要な視覚的コンテンツである場合、画像に含まれるテキストは該当しない。」とある。そのような画像の事例としては、グラフ、スクリーンショットやダイアグラムなどが挙げられ、それらは文字以外のものを通じて重要な情報を視覚的に伝えているからである。

この達成基準を満たすための達成方法は、達成基準 1.4.9 のものと同じである。ただし、その視覚的提示がコンテンツ制作者が用いているウェブコンテンツ技術で実現できる場合に適用する必要があるという点だけが異なる。達成基準 1.4.9 では、利用者が出力をカスタマイズできるときのみ、十分な達成方法が適用される。

達成基準 1.4.9: 文字画像 (例外なし) も参照のこと。

メリット

事例

関連リソース

リソースは、情報提供のみを目的としており、推奨を意味するものではない。

達成方法

この節にある番号付きの各項目は、WCAG ワーキンググループがこの達成基準を満たすのに十分であると判断する達成方法、又は複数の達成方法の組み合わせを表している。しかしながら、必ずしもこれらの達成方法を用いる必要はない。その他の達成方法についての詳細は、WCAG 達成基準の達成方法を理解するの「その他の達成方法」を参照のこと。

十分な達成方法

  1. C22: テキストの視覚的提示を制御するために、CSS を使用する
  2. SL31: Using Silverlight Font Properties to Control Text Presentation
  3. C30: テキストを文字画像に置き換えるために CSS を利用し、切り替えのためのユーザインタフェースコントロールを提供する
  4. G140: 異なる提示を可能にするために、情報と構造を表現から分離する
  5. PDF7: スキャンされた PDF 文書で OCR を実行し、実際のテキストを提供する

参考達成方法

適合のために必須ではないが、コンテンツをよりアクセシブルにするために、次の追加の達成方法を検討することが望ましい。ただし、すべての状況において、すべての達成方法が使用可能、又は効果的であるとは限らない。

CSS の達成方法

  1. C12: フォントサイズにパーセントを使用する
  2. C13: 名前付きフォントサイズを使用する
  3. C14: フォントサイズに em 単位を使用する
  4. C8: 単語内の文字間隔を制御するために、CSS の letter-spacing を使用する
  5. C6: 構造を示すマークアップに基づいてコンテンツを配置する

失敗例

以下に挙げるものは、WCAG ワーキンググループが達成基準の失敗例とみなした、よくある間違いである。

重要な用語

必要不可欠 (essential)

もし取り除いてしまうと、コンテンツの情報あるいは機能を根本的に変えてしまい、かつ、適合する他の方法では情報及び機能を実現できない。

文字画像 (image of text)

特定の視覚的効果を得るために非テキスト形式 (例えば画像) でレンダリングされたテキスト。

注記

テキスト以外の部分が重要な視覚的コンテンツである場合、画像に含まれるテキストは該当しない。

写真に写っている人の名札にある人名。

テキスト (text)

プログラムによる解釈が可能な文字の並びで、自然言語で何かを表現しているもの。

視覚的なカスタマイズ (visually customized)

フォント、サイズ、色、及び背景を設定できること。