第7講
文字・見出し・読みやすさ
Webページの多くは文字でできています。文字サイズ、行間、見出し、太字の使い方は、読みやすさと信頼感に直結します。
文字サイズ
大きな文字は重要に見えます。小さな文字は補足に見えます。見出し、本文、注釈で文字サイズに差をつけることで、情報の階層が分かりやすくなります。
ただし、すべてを大きくすればよいわけではありません。すべての文字が大きいと、重要度の差が消え、画面全体が強く主張しすぎる印象になります。
見出し
見出しは、文章の区切りと内容を示す標識です。スクリーンリーダーでは見出しジャンプの手がかりになり、見える人には画面をざっと見たときの案内になります。
見出しが少なすぎると、長い文章の中で迷いやすくなります。反対に、短い文章ごとに見出しを乱用すると、まとまりが細かすぎて落ち着かない印象になります。
行間
行間とは、文章の行と行の間隔です。行間が狭いと、文字が密集して見えます。広すぎると、同じ段落のまとまりが弱くなります。
本文は、少し余裕のある行間にすると読みやすくなります。特に高齢者や弱視者を含む一般利用者にとって、行間の余裕は重要です。
太字と強調
太字は、重要な語句を目立たせるために使います。太字が多すぎると、画面全体が叫んでいるように見え、どこが本当に重要か分かりにくくなります。
強調は、少なく使うから効果があります。
中央揃えと左揃え
短い見出しやボタンは中央揃えでも安定します。しかし、長い本文を中央揃えにすると、行の始まりの位置が毎行変わり、読みにくくなります。
本文は左揃えが基本です。中央揃えは、短いキャッチコピー、短い案内、ボタンのまとまりなどに限定すると安定します。
確認課題
課題見える人に、ページの本文について「文字は小さすぎないか」「行間は詰まっていないか」「太字が多すぎないか」「中央揃えが読みにくくないか」を聞いてください。