ウェブページのカラーコントラストをチェックする -Check My Colours

ウェブページに使用されている全てのテキストと背景のカラーコントラストが充分であるかどうかチェックしてくれるオンラインサービス「Check My Colours」を紹介します。

サイトのキャプチャ

Check My Colours

使い方は簡単で、テキストボックスにURLを入力し、「Check」ボタンをクリックします。
あとは、しばらく待つだけで結果が表示されます。

カラーコントラストをチェックした結果画面のキャプチャ

カラーコントラストをチェックした結果画面

当サイトを試したところ、上記のようになりました。

テキストと背景の判定はスタイルシートから行っているようで、各要素ごとに使用している色とそのサンプル、コントラストが充分かが一覧で表示されています。
テキストが無い箇所や色指定が無い箇所の判定も行うため、一覧は長くなりますが、エラー箇所のみ表示することも可能です。

sponsors

top of page

©2018 coliss