案内を画像の文字だけにせず、読み方を調整できるテキストで伝える。

05条件と補足

「例外なし」でも残る二つの用途

基準名に「例外なし」とありますが、要件文には、純粋な装飾と必要不可欠な表現という二つの用途が残ります。

純粋な装飾は見た目を飾るだけで、情報や機能を伝えないものです。文字を並べ替えたり別の語に替えたりしても目的が変わらない、背景の模様のような文字が例です。講座名や申込期限のように、読むことで情報を得る文字は、この扱いにしません。

必要不可欠なのは、その見せ方を変えると伝えたい情報や機能が根本的に変わり、適合する別の方法でも伝えられない場合です。書体そのものを示す見本や、書かれた時代を伝えるために原本の体裁を示す手紙の写しなどが例です。ロゴやブランド名の一部である文字も、必要不可欠なものとされています。

1.4.5との違い

AAの1.4.5「文字画像」には、使用している技術で意図した見た目を実現できる場合という条件と、利用者の要求に応じて文字画像をカスタマイズできる場合の例外があります。AAAの1.4.9には、この条件やカスタマイズの例外はありません。

画像を利用者の設定で作り直せる場合でも、それだけを理由に通常の案内を文字画像のまま提供する方法は採りません。画像の書体や色を変える方法と、文字画像を使わないテキスト表示を利用できる方法を区別します。

テキスト表示へ切り替える方法

最初からテキストで提供するほか、構造化したHTMLのテキスト表示へ切り替えられる方法が、公式テクニックC30にあります。この方法では、切替操作も含め、関連する基準を満たす必要があります。画像の拡大や、画像内の文字の設定変更だけで対応する方法とは異なります。

図のボタンは、テキストの見た目を調整できる違いを試すためのものです。どのサイトにも同じ切替ボタンを置くことを、この基準が求めているわけではありません。

文字画像の定義と代替テキスト

文字以外にも重要な視覚情報がある写真・グラフ・画面のスクリーンショットなどに含まれる文字は、ここでいう文字画像の定義には含まれません。画像で何を伝えているかを確認し、文字だけの案内を画像化したものと区別します。

画像に代替テキストがあっても、画面上の文字の見た目を利用者が変えられることにはなりません。必要不可欠な文字画像にも、1.1.1「非テキストコンテンツ」など、ほかの基準に応じた代替は必要です。