第7講

文字・見出し・読みやすさ

Webページの多くは文字でできています。文字サイズ、行間、見出し、太字の使い方は、読みやすさと信頼感に直結します。

文字サイズ

大きな文字は重要に見えます。小さな文字は補足に見えます。見出し、本文、注釈で文字サイズに差をつけることで、情報の階層が分かりやすくなります。

ただし、すべてを大きくすればよいわけではありません。すべての文字が大きいと、重要度の差が消え、画面全体が強く主張しすぎる印象になります。

見出し

見出しは、文章の区切りと内容を示す標識です。スクリーンリーダーでは見出しジャンプの手がかりになり、見える人には画面をざっと見たときの案内になります。

見出しが少なすぎると、長い文章の中で迷いやすくなります。反対に、短い文章ごとに見出しを乱用すると、まとまりが細かすぎて落ち着かない印象になります。

行間

行間とは、文章の行と行の間隔です。行間が狭いと、文字が密集して見えます。広すぎると、同じ段落のまとまりが弱くなります。

本文は、少し余裕のある行間にすると読みやすくなります。特に高齢者や弱視者を含む一般利用者にとって、行間の余裕は重要です。

太字と強調

太字は、重要な語句を目立たせるために使います。太字が多すぎると、画面全体が叫んでいるように見え、どこが本当に重要か分かりにくくなります。

強調は、少なく使うから効果があります。

中央揃えと左揃え

短い見出しやボタンは中央揃えでも安定します。しかし、長い本文を中央揃えにすると、行の始まりの位置が毎行変わり、読みにくくなります。

本文は左揃えが基本です。中央揃えは、短いキャッチコピー、短い案内、ボタンのまとまりなどに限定すると安定します。

確認課題

課題見える人に、ページの本文について「文字は小さすぎないか」「行間は詰まっていないか」「太字が多すぎないか」「中央揃えが読みにくくないか」を聞いてください。