文字のサイズや色の設定について

このページの内容は2008年に書いたものなので、2019年現在となっては古いものとなります。

ホームページ内の文字のサイズや色の設定は、適当にしてはいけません。
なぜなら、あなたにとっては見やすい文字の大きさや色でも、他の人にとっては見やすいとは限らないからです。

特に、健常者の方にとっては普通に読める文字の大きさや色でも、視力の低い人や視覚に障害を持っている人にとっては非常に読みにくいことがあります。

• 文字の大きさが小さいと、高齢者や視覚に障害を持った人は読むことができません。
• 背景色と文字色のコントラストが弱いと、高齢者や視覚に障害を持った人は読むことができません。

以上の問題を解決させるには、文字の大きさを大きく、コントラストを強くすればいいのですが、文字のサイズに関しては大きくし過ぎるとページのデザイン性が損なわれる場合があります。

では、ページのデザイン性を維持した上で、文字サイズの問題もクリアするためにはどうすればいいのでしょうか？
その１つの解決策としては「文字の大きさを設定する際、CSSでのサイズ指定を絶対指定ではなく相対指定でする」という方法があります。

絶対指定

絶対指定とは、pxやptなどでの指定のことです。

相対指定

相対指定とは、%やemなどでの指定のことです。

文字サイズを相対指定することによって、閲覧者がブラウザのメニューから自由に文字の大きさを変更することができます。

しかし、文字サイズを絶対指定していると、閲覧者側で文字の大きさを変更することができません。

つまり文字サイズを相対指定することによって、閲覧者は「このページは文字の大きさが小さくて読みにくいな」と感じた際に文字サイズを大きくして読むことが可能になるのです。

しかし、もし文字サイズが絶対指定されていたらどうなるでしょうか？
その場合、閲覧者はサイズ変更ができないのです。

文字が小さくて読めない閲覧者にとっては、読む手段がありません。
そのようなページは閲覧者のことを考えていない、制作者の独りよがりなページであると言えるでしょう。
閲覧者に優しくないページといえます。

どのような文字の大きさが読みやすいのかは人によって違います。
つまり、正解がありません。
だからこそ閲覧者が自由に文字のサイズを変更できるような設定にしておくことが大事であるといえるでしょう。