コントラストチェック

ボタンとラベルの読みやすさを、比で見る仕事です。適合証明書は出しません。

ボタンの文字が薄い、資料の注釈が読めない——2色の比です。WCAG風の目安として、通常文字で 4.5:1、大きい文字や一部UIで 3:1 がよく出ます。認証、適合宣言、監査報告書ではありません。

色の組み合わせはカラーパレット。影はボックスシャドウ。画像から取るのは画像から色を取るです。

UIで使うとき

社内システムの必須ラベル、就活サイトの応募ボタンを、自分の目と比で確認する用途です。色覚特性や、暗い部屋のディスプレイは計算に入りません。画像の上に置いた文字は、画素ごとに比が違います。

使い方

1. 前景と背景の色を入れます。
2. 比を見ます。本文か大きい文字かで、目安が違います。
3. 失敗なら、パレット側で色を変え、もう一度測ります。

認証にしないこと

JIS、WCAGの公式適合、第三者監査ではありません。グラデの中間色はCSSグラデーションへ。