文字や行の間隔を変えても読めて使えるようにする。

05条件と補足

同時に変更する4つの間隔

次のすべてを同時に設定し、ほかのスタイルを変えずに内容や機能を保てることを確認します。

例えばフォントサイズが16pxなら、行送りは24px、段落に続く間隔は32px、字送りは1.92px、単語間隔は2.56pxが、それぞれの値に相当します。行送りは行全体の高さであり、文字の上下へ24pxずつ余白を追加する意味ではありません。

初期表示と変更ボタン

初期表示をこの値にそろえることは必須ではありません。利用者が設定を上書きしたときに、内容や機能を失わないことが要件です。ページ独自の間隔変更ボタンを付けることも必須ではなく、図のボタンは違いを確かめるためのものです。

言語と文字体系による例外

ある言語と文字体系の組み合わせで、これらの間隔の一部を使わない場合は、存在する設定だけで確認できます。例えば、単語の間に空白を置かない日本語の文章では、単語間隔の設定を変えても表示に影響しないことがあります。

日本語のページ全体を一律に対象外とする意味ではありません。英語を併記した部分なども含め、実際の言語と文字体系に合う設定を確認します。図は日本語と英語の案内を使い、4つの間隔をまとめて変更する例です。

枠の大きさと省略された内容

固定した高さや改行を禁止する指定があると、間隔を広げた文字が枠から切れる場合があります。内容に合わせて枠を広げたり、文字を折り返したりする方法で対応できます。

省略記号が出た場合でも、操作して全文を開くなど、内容を利用できる方法があれば要件を満たせる場合があります。見た目に収まったかだけでなく内容を読み、機能を使えるかを確認します。

文字サイズの変更との違い

1.4.4「テキストのサイズ変更」は文字の拡大を扱います。1.4.12は文字の大きさを変えずに、行・段落・文字・単語の間隔を変えたときの内容と機能を扱います。文字の拡大だけで確認を終えず、間隔の変更も確かめます。

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