ウェブサイトのデザインにおいて大事な役割を果たす色。サイトを通じて企業や商品のイメージを伝えることももちろん大事ですが、見やすさを考慮することも忘れてはいけません。そこで、文字色が黒の時に、アクセシビリティの視点で背景色として使えるWebセーフカラーがどのくらいあるのか調べてみました。 やってみたこと文字色を黒(#000000)に固定して、背景色を#000000から#ffffffまで変えていった場合のコントラスト比と、白内障、第1色覚(赤)、第2色覚(緑)、第3色覚(青)の4つの視覚特性における見やすさ、そして私の主観的な見やすさについて調べています。 コントラスト比は「カラーコントラストアナライザー」というソフトでチェックし、ウェブコンテンツのアクセシビリティに関するJISであるJIS X 8341-3:2010の「最低限のコントラストに関する達成基準(7.1.4.3)(AA)」への適合
![文字色が黒のときに背景色として使える色141色のまとめ | Web担当者Forum](https://cdn-ak-scissors.b.st-hatena.com/image/square/93a8afffdc4bdb6cc708567a04c9bbb8b8cff6c7/height=288;version=1;width=512/https%3A%2F%2Fwebtan.impress.co.jp%2Fsites%2Fdefault%2Ffiles%2Fimages%2Fteaser_icon_story_user_200.png)