カラーコントラストチェッカー

Web アクセシビリティにとって適切なコントラスト比はどれくらいですか?

WCAG 2.1 では、通常のテキスト (AA レベル) の場合は 4.5:1、大きなテキストの場合は 3:1 の最小コントラスト比が必要です。 AAA に準拠するには、通常のテキストには 7:1、大きなテキストには 4.5:1 が必要です。白地に黒 (21:1) が可能な最大のコントラストです。

WCAG では何が「ラージ テキスト」としてカウントされますか?

WCAG では、大きいテキストを少なくとも 18pt (24px) または 14pt (18.66px) の太字として定義しています。大きなテキストは、コントラスト比が低い方が読みやすいため、コントラストの要件は低くなります。

コントラスト比はどのように計算されますか?

The contrast ratio uses relative luminance values: (L1 + 0.05) / (L2 + 0.05), where L1 is the lighter color luminance and L2 is the darker. Luminance is calculated using the WCAG formula: L = 0.2126 × R + 0.7152 × G + 0.0722 × B, with each channel linearized from sRGB.

このツールは色覚異常のアクセシビリティをチェックしますか?

このツールは、色覚異常を持つユーザーを含むすべてのユーザーに利益をもたらす輝度ベースのコントラストをチェックします。ただし、特定の種類の色覚異常をシミュレートするものではありません。色覚異常の検査には、専用の色覚異常シミュレーターを使用します。

法律で要求される最小コントラスト比はどれくらいですか?

多くのアクセシビリティ規制 (ADA、セクション 508、EN 301 549) は標準として WCAG 2.1 レベル AA を参照しており、通常のテキストには 4.5:1 が必要です。多くの国の政府および教育 Web サイトは、このレベルを満たすことが法的に義務付けられています。