CJK の本文テキストの大きさと 1 行に収まる文字数

1 行に 40 文字の中国語文字を入力しても、1 行に 80 文字のラテン文字を入力しても、読者には同じ労力がかかります。

実際に 1 行に収まる文字数

WCAG 1.4.8 では、次の 2 つの数値が得られます。ラテン文字の場合は 1 行あたり 80 文字以内、中国語、日本語、韓国語の場合は 40 文字以内です。

係数が 2 であるのは、中国語が読みにくいからではありません。それは、40 行の漢文字には、およそ 80 行のラテン文字の情報が含まれます。

それを超えると、ある行の末尾から次の行の先頭に戻るときに、目が間違った行に止まり始めます。

CJK の本文テキストはラテン語より大きくなければなりません

業界のラテン語本文テキストの慣例は 16 ～ 17 ピクセルです。中国語と日本語の場合は、18px から始めます。

その理由はグリフにあります。漢文字は正方形で、ストロークが密集しています。同じ公称サイズでも、ラテン文字よりも読みにくくなります。

このサイトが現在使用しているもの: 中国語では 18 ピクセル、英語では 17 ピクセル。 2 つは別々に計算され、値を共有しません。

行の高さ 1.7 ～ 1.8

範囲は両方のスクリプトで同様ですが、理由は異なります。

ラテン語にはアセンダーとディセンダー (b、p、g の上下に達する部分) があり、これらにより行間に自然な視覚的分離が作成されます。漢文字には何もありません。すべての文字がそのボックスを満たすため、テキストは行と行を区別するために行送りに大きく依存します。

• 1.6 未満: 線がくっついて目が飛びます。
• 1.9 より上: 行が分割され、1 つの段落が複数の段落として読み取られます。
• 1.75 は、長文中国語の安定した値です。

改行ルール

中国語の写植には 1 つの厳しいルールがあります。句読点を行の先頭に置くことはできません。

ピリオド、コンマ、または終了引用符が次の行の先頭にある場合は明らかな間違いであり、中国人の読者はすぐにそれを発見します。

ブラウザでは 1 行の CSS です:

line-break: strict;

ラテン文字の組版には同等の問題はなく、まさにそれが多言語サイトで見逃される理由です。

この投稿が存在する理由

なぜなら、これらの数字は好みの問題ではありません。それらは公開されており、確認可能です。

このブログは以前、本文テキスト 17 ピクセル、1 行あたり 44 文字、列 740 ピクセルで実行していましたが、これら 3 つはすべて推奨範囲外でした。これらの値の根拠は、それらがほぼ正しく見えるということでした。

正しく見ることと基準をチェックすることは別のことです。