WCAG 2.1 AA/AAAアクセシビリティコンプライアンスのためにカラーの組み合わせをテスト。コントラスト比を即座に計算。テキストの読みやすさを確保するデザイナーと開発者に最適。純粋なクライアントサイド。
通常テキストサンプル (16px)
大きいテキストサンプル (18pt bold)
Webコンテンツアクセシビリティガイドライン（WCAG）は、視覚障害のある人にテキストが読みやすいことを確保するためにコントラスト比要件を定義しています。このツールは2つのカラー間のコントラスト比を計算し、WCAG 2.1レベルAAおよびAAA基準への準拠を評価します。すべての計算はブラウザ内で実行されます — データがサーバーに送信されることはありません。
WCAGコントラスト比は、前景（テキスト）と背景色の輝度の差を測定します。これは(L1 + 0.05) / (L2 + 0.05)として計算されます。ここでL1は明るいカラーの相対輝度、L2は暗いカラーの相対輝度です。通常テキストのAAコンプライアンスには4.5:1の比率が必要です。
WCAGレベルAAは、通常テキストに少なくとも4.5:1のコントラスト比、大きいテキストに3:1を要求します。レベルAAAはより厳しく、通常テキストに7:1、大きいテキストに4.5:1を要求します。多くの組織はAAコンプライアンスを目指し、AAAは拡張アクセシビリティに推奨されます。
大きいテキストは、18ポイント（24ピクセル）以上、またはボールドの場合14ポイント（18.67ピクセル）以上と定義されます。大きいテキストはコントラスト要件が低いです。大きいテキストは自然に読みやすいからです。
カラーコントラストのコンプライアンスは、多くの法域（米国のADA、欧州のEAA）で法的に要求されています。低視力、色覚異常、または明るい日光下で画面を見ているすべてのユーザーの読みやすさを改善します。良いコントラストはすべての人に利益をもたらします。