アクセシビリティーについて

webサイト制作

「ウェブアクセシビリティ」とは、「高齢者や障害者など心身の機能に制約のある人でも、年齢的・身体的条件に関わらず、ウェブで提供されている情報にアクセスし利用できること」を意味します。

qiita.com

一般的なコントラスト比とは液晶画面の最も明るい部分と最も暗い部分の明るさの比率を指します。
webサイトの場合は背景色と文字色の明るさの比率に対して使われます。

コントラスト比 4.5:1

htmlやcssなどのルールを決めるW3Cガイドラインによると以下のコントラスト比が推奨されています。

f:id:yachin29:20200117095743p:plain
f:id:yachin29:20200117100449p:plain

Google Chromeの検証機能でコントラスト比を確認する事が出来ます。

※上記の画像を見ても解るように、W3Cが推奨されているコントラスト比を常に確保するのは非常に厳しいので、あくまでも目安として参考にしましょう。ただ、読み易さや使い易さ(アクセサビリティ)を考慮したサイトというのもデザイン的に素晴らしいサイトと同じくらい価値のある物なので、「デザインとアクセサビリティ」2つのバランスをしっかりと考える必要があります。

細かいコントラスト比の計算方法を知りたい場合は以下のサイトに詳しく載っています。
xn--web-oi9du9bc8tgu2a.com

コメント

タイトルとURLをコピーしました