文字を大きくしても読めて使えるようにする。

05条件と補足

200%と拡大する方法

200%は文字の幅と高さが元の2倍になる大きさです。ブラウザーのズームや文字サイズの設定など、利用できる方法の少なくとも一つで200%まで拡大でき、内容や機能を保つことが必要です。

ブラウザーの拡大機能で対応できる場合、ページ独自の「大・中・小」ボタンを付けることは必須ではありません。画面拡大ソフトなどの支援技術を使えば大きくできる、という状態だけではこの要件を満たしません。

文字と枠の両方を確認する

CSSで文字サイズを指定するときは、remやem、%などの相対的な単位を使う方法があります。文字に合わせて枠や操作部品も広がるようにし、拡大後の表示を確認します。相対的な単位を使っていても、固定した高さの枠から文字が切れる場合があります。

この基準は特定の単位を必須にしていません。pxという単位だけを見て達成できないと判断せず、利用できる拡大方法で文字と機能が保たれるかを確かめます。

キャプションと文字画像の例外

キャプションは動画などの音声情報に合わせて表示する字幕などです。図や写真に添える説明文すべてをこの例外に含めるものではありません。文字画像は文字を画像として表したものです。文字画像を使う条件は1.4.5「文字画像」などで別に確認します。

リフローとの違い

1.4.4は200%まで文字を拡大でき、内容や機能が保たれるかを扱います。狭い表示領域で、縦横両方向のスクロールを要求せずに情報と機能を利用できるかは、1.4.10「リフロー」で条件や例外を分けて確認します。

この改善例は写真教室の案内についての例です。ページやサイト全体のWCAG適合を示すものではありません。