文字の見た目を変えられるよう、テキストで伝える。

05条件と補足

テキストで見た目を実現できる場合

この基準には、使用している技術で意図した視覚的な提示が可能である、という条件があります。HTMLとCSSで表せる案内文などは、テキストで用意します。テキストで同じ見た目を実現できない場合まで、文字画像を一律に禁止する要件ではありません。

公式解説は一般に利用できるソフトで同じ効果を確実に提示できない場合や、他の基準を満たすことを妨げる場合も説明しています。特定の書体が広く利用できない場合や、制作者に再配布する権利がない場合などは、使っている技術で実現できるかを確かめます。単に画像で作るほうが楽だから、という理由で条件を省略しません。

カスタマイズ可能な場合の例外

利用者が要求に合わせて、文字画像の書体・大きさ・文字色・背景色を設定できる場合は例外です。公式解説には、利用者の指定に応じて画像を生成し直す例があります。画像全体を拡大する機能だけでは、これらすべてを設定できることにはなりません。

この基準のために、どのサイトにも独自の配色切替ボタンを付けることが必須という意味ではありません。図のボタンはテキストの配色を変えられる違いを試すためのものです。

必要不可欠な場合とロゴ

文字の特定の見せ方を変えると、伝えたい情報や機能が根本的に変わり、適合するほかの方法でも伝えられない場合は例外です。書体の形そのものを伝える見本などが当てはまります。

ロゴやブランド名の一部である文字は、必要不可欠なものとされています。通常の講座名や案内文が、ロゴと同じ扱いになるわけではありません。文字画像の例外に当てはまっても、必要な代替テキストなど、ほかの基準は引き続き確認します。

写真や図の中に文字がある場合

文字以外にも重要な視覚的情報がある画像の中の文字は、この基準でいう「文字画像」の定義に含まれません。人物の写真に写った名札の文字や、図形や位置関係でも情報を伝えるグラフ・図・画面のスクリーンショットなどです。

文字だけの案内を画像にしたものは、画像ファイルだからというだけで、この扱いにはなりません。文字以外の部分も重要な情報を伝えているかを確かめます。

代替テキストやサイズ変更との違い

1.1.1「非テキストコンテンツ」は、画像の内容や目的を文字でも伝える代替テキストを扱います。代替テキストがあっても、表示されている画像の文字色や書体を変えられることにはなりません。

一方、文字画像と同じ情報を、利用者に見えるテキストでも併せて提示する方法は、現行の公式解説で1.4.5を満たせるとされています。画像のalt属性だけを付けることと、画面で読めて見た目も調整できるテキストを併記することは区別します。

1.4.4「テキストのサイズ変更」は、文字画像とキャプションを除くテキストを、内容や機能を損なわず200%まで拡大できることを扱います。文字画像が1.4.4の対象外でも、1.4.5の確認は必要です。

この改善例は示した案内をテキストで提供することについての例です。ページやサイト全体のWCAG適合を示すものではありません。