ブログの配色を決めるときに使いたいColour Contrast Analyzer アクセシビリティに配慮しよう

Side,View,Portrait,Of,Young,African-american,Woman,Using,Wheelchair,While

ブログのデザインを決めるときに、色をどのようにするかは意外に重要である。ブログは文章を読ませるために存在するので、文章が読めないような配色は避けなければならない。

例えば、背景色と文字の色のコントラストが見づらいと読んでもらえない。いかに「この文字は読めますか?」と書かれている。

上の背景色は深い青、文字は紫である。このようなデザインでは読みづらくて目に負荷がかかる。健常者ならまだしも、コントラスト比がないと見ることができない人もいる。

そこでColour Contrast Analyzer(CCA)というツールが役に立つ。Web Content Accessibility Guidelines(WCAG)に適合するかどうかを調べてくれる。

公開されているウェブサイトでWindows版、Mac版をダウンロードすることができる。無料で使うことができるので、入れておいて損はないだろう。

Colour Contrast Analyzer

図のようにちゃんと日本語で表示される。スポイトツールやカラーピッカーで前景色と背景色を指定するとサンプルのプレビューが表示される。その下にWCAGに適合するかどうかの結果も表示される。

これで誰にでも見やすいブログデザインにすることが可能だ。もちろん、ブログだけじゃなく、プレゼンの資料作りなどにも活用できるし、一般的な文書にだって活用可能だ。挿入した図で文字と背景のコントラストが誰にでも読みやすくなっているか。こういうちょっとした部分はなかなか気が回りづらいので、意識してこういうツールを用いてチェックするといいと思う。

こすぶろをもっと見る

今すぐ購読し、続きを読んで、すべてのアーカイブにアクセスしましょう。

続きを読む