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

達成基準 1.4.5 の事例

• スタイルを指定した見出し

  ビットマップ画像を用いて特定のフォント及びサイズで見出しを提示するのではなく、コンテンツ制作者は CSS を用いて同じ見栄えにする。

• 動的に生成された画像

  あるウェブページでは、サーバーサイドのスクリプトを用いてテキストを画像として提示している。そのページには、利用者が生成される画像のフォントサイズ及び前景色と背景色を調節することのできるコントロールがある。

• 引用

  あるウェブページに引用が含まれている。その引用部分自体は、イタリックのテキストで、左側をインデントした状態で提示されている。その引用した部分の人名は、引用の下に 1.5 倍の行間を空けて、左側からさらにインデントした状態になっている。CSS は、テキストの書体、サイズ、色及び装飾だけでなく、テキストの配置、行間スペースの指定に使用される。

• ナビゲーション

  ウェブページは、リンク先を表すアイコンとテキストの両方を持つナビゲーションリンクのメニューを含んでいる。CSSは、ナビゲーションリンク間の間隔だけでなく、テキストの書体、サイズ、前景色及び背景色を表示するために使用される。

• 文字を含んだロゴ

  あるウェブサイトには、各ウェブページの左上のコーナーに組織のロゴがある。そのロゴには、ロゴタイプ (ロゴの一部又は全部がテキスト) がある。テキストの視覚的提示は、そのロゴの特定に不可欠であり、そのテキストの特徴を変更することができない GIF 画像として含まていれる。その画像は、テキストによる代替がある。

• 書体のサンプル

  ウェブページは、特定の書体に関する情報を含んでいる。その書体を他の書体に置き換えると、表現の目的は損なわれるだろう。この表現は、テキストの特徴を変更できないJPEG画像として含まれている。画像は、テキストによる代替を持つ。

• 手紙の写し

  ウェブページは、手紙の原本を描写したものを含んでいる。オリジナルの体裁でその手紙を表現するには、手紙の書かれた時代について伝える情報が不可欠である。手紙は、文字の特徴を変更することができない GIF 画像である。画像は、テキストによる代替を持つ。

• 記号的な文字

  フォームは、利用者がテキストのブロックの入力を可能にする。そのフォームは、テキストのスタイルやスペルチェックなどの機能を含む、多くのボタンを提供している。ボタンの中には、自然言語で何かを表現している順序を整列させていないテキストの文字を用いている。例えば、フォントを太字にするには "B"、テキストをイタリックにするには "I"、そしてスペルチェックをするのには "ABC" である。記号的な文字は、その文字の特徴を変更することができない GIF 画像として含まれている。ボタンは、テキストによる代替を持つ。

• 文字画像のカスタマイズ可能なフォント設定

  あるウェブサイトでは、利用者がフォントを設定できるようになっており、このウェブサイトのすべての文字画像は、その設定に基づいて提供される。

達成基準 1.4.5 の達成方法及び失敗例 - 文字画像

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

重要な用語

テキスト (text)

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

必要不可欠 (essential)

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

文字画像 (image of text)

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

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

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

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

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