on:2019年3月22日sponsorsアクセシビリティ、カラーのコントラストは日増しに重要性が高まっています。Webサイトやスマホアプリなどデジタルメディアのデザインで、コントラストが適切なカラーを簡単に見つけることができるオンラインツールを紹介します。コントラストが確保されたぎりぎりのグレーなど、自分の使用したい色味で最適なコントラストを見つけることができます。Color.reviewWebサイトやスマホアプリなど、デジタルメディアのおけるカラーコントラストの指針はWCAG規格にまとめられており、現在の最新は2.1です。2.1には、AAとより厳格なAAAの2つのレベルがあります。AAテキストに必要なコントラストは4.5。見出しと大きなテキストの場合、最小値は3です。AAAテキストに必要なコントラストは7。見出しと大きなテキストの場合、最小値は4.5です。※大きなテキストとは14pt(18.66px)以上の太字、または18pt(24px)以上。)と同等Color.reviewの使い方は、簡単です。前景と背景のカラーで、最適なコントラストのカラーを見つけることができます。Color.review右パネルの前景、または背景をクリックし、ベースのカラーを設定します。AAに収まるように調整するだけです。ベースのカラーを設定レベルは、上部に表示されます。AAAコントラストが足りてないなら、FAIL背景をFFFFFFにし、グレーでAAAを見てました。#595959がコントラスト7になります。レベルAAAのグレーColor.reviewはアプリとしてもリリースされるようです。Android版となっています。