WCAG 2.0解説書

本文へジャンプ

-

画像化された文字:
達成基準 1.4.5 を理解する

1.4.5 画像化された文字: 使用しているウェブコンテンツ技術で意図した視覚的な表現が可能である場合は、画像化された文字ではなくテキストを用いて情報を伝える。ただし、次に挙げる場合を除く: (レベルAA)

  • カスタマイズ可能: 画像化された文字が利用者の要求に応じて視覚的にカスタマイズできる。

  • 必要不可欠: 文字の特定の表現が、伝えようとする情報にとって必要不可欠である。

注記: ロゴタイプ(ロゴ又はブランド名の一部である文字)は必要不可欠なものであるとみなす。

この達成基準の意図

この達成基準の意図は、テキストの特定の視覚的な表現を必要とする利用者が必要に応じてテキストの表現を整えられるようにすることを、特定の視覚的な表現が可能なウェブコンテンツ技術を用いるコンテンツ制作者に推奨することである。テキストに、特定のフォントサイズ、前景色及び背景色、書体、行間、又は配置を求める利用者がいる。

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

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

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

達成基準 1.4.9 画像化された文字(例外なし)を理解するも参照のこと。

達成基準 1.4.5 の具体的なメリット

  • ロービジョンの利用者(コンテンツ制作者の指定した書体、サイズ、及び/又は色では、テキストが読みづらいことがある)

  • 視線移動に問題のある利用者(コンテンツ制作者の指定した行間及び/又は配置では、テキストが読みづらいことがある)

  • 読字に影響を及ぼす認知の障害のある利用者

達成基準1.4.5 の事例

関連リソース

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

達成基準1.4.5 の実装方法及び不適合事例 - 画像化された文字

この節にある番号付の項目は、WCAG ワーキンググループがこの達成基準を満たすのに十分であると判断する実装方法、又は複数の実装方法の組合せを表している。WCAG 2.0 適合要件のすべてが満たされている場合にのみ、次に挙げる実装方法により、この達成基準を満たすことができる。

達成基準 1.4.5 でさらに対応が望まれる実装方法(参考)

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

非テキストコンテンツ向けの一般的な実装方法

  1. 情報を提供する非テキストコンテンツを識別する(リンク追加予定)

CSS による実装方法

  1. C12: パーセントを用いてフォントサイズを指定する (CSS)

  2. C13: キーワードを用いてフォントサイズを指定する (CSS)

  3. C14: em単位を用いてフォントサイズを指定する (CSS)

  4. C8: CSS の letter-spacing プロパティを用いて、単語内の文字間隔を調整する (CSS)

  5. C6: 構造を示すマークアップをした上で、コンテンツを配置する (CSS)

  6. 1文字以内でデザインされるテキスト文字を避ける(リンク追加予定)

達成基準 1.4.5 のよくある不適合事例

以下に挙げるものは、WCAG ワーキンググループが達成基準 1.4.5 に適合していないとみなした、よくある不適合事例である。

(今のところ、文書化されている不適合事例がない)

重要な用語

テキスト

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

必要不可欠

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

画像化された文字

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

注記: これには、重要なその他の視覚的なコンテンツを含む画像の一部であるテキストは含まれない。

事例 : 写真に写っている人の名札にある人名は含まれない。

視覚的にカスタマイズ

フォント、サイズ、色、および背景を設定可能。