HOME > デスクトップアプリ > Web > 背景色と前景色(文字)のコントラストをチェックする [Colour Contrast Analyser]

背景色と前景色(文字)のコントラストをチェックする [Colour Contrast Analyser]

背景色と前景色の組み合わせが十分なコントラストを確保しているかどうかをチェックするツールです。

「色のコントラスト」 の判断基準は、W3C(World Wide Web Consortium)のアクセシビリティ・ガイドライン "WCAG 2.0" が達成基準としているコントラスト比を用いています。

「Infoaxia」より引用

「Colour Contrast Analyser」は、前景色と背景色をピッカーで取得すると、十分なコントラストが確保されているか判定してくれます。

色味やコントラストはユーザーの環境で変わってしまいます。また、色覚に問題のあるユーザーも閲覧しているかもしれません。自分の感覚や自分の環境だけで判断せずに、このようなツールで確認することも必要かもしれません。

下の例では、背景色「#F7FCFE」にたいして、前景色「#00B8E4」ではコントラストが不足で、「#007CB1」では、大きいサイズであれば十分確保されているが、小さいサイズではまだ不足していることが分かります。

Infoaxia

UP