WCAGの最小コントラスト比は？

WCAG 2.1 AAでは、通常テキストで4.5:1以上、大サイズテキストで3:1以上のコントラスト比が必要です。AAAでは、通常テキストで7:1以上、大サイズテキストで4.5:1以上が必要です。

大サイズテキストとは？

大サイズテキストは、18pt（約24px）以上、または14pt（約18.67px）の太字以上と定義されています。

いいえ。すべての計算、相対輝度評価、および色の変更は、JavaScriptを使用してブラウザ内で実行されます。色のデータがサーバーに送信されることはありません。

WCAG 2.1ガイドラインに従って、テキストと背景色のコントラスト比を評価します。アクセシブルな色の調整を即座に生成します。

テキスト / 前景色 HEX/RGB/HSL

Background Color HEX/RGB/HSL

すべてブラウザでローカルに実行されます。

大見出し (18pt 太字 / 24pt 標準)

これは大見出しテキストスタイルのプレビューです。

通常テキスト (18pt未満)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel massa lectus.

18.6:1

WCAG AA要件

通常テキスト (4.5:1) PASS

大サイズテキスト (3.0:1) PASS

WCAG AAA要件

通常テキスト (7.0:1) PASS

大サイズテキスト (4.5:1) PASS

Section 508、ADA、およびWCAG AAまたはAAAガイドラインに準拠したアクセシブルなインターフェースを構築するために、コントラスト基準を簡単に検証します。

HSL座標に沿って色を段階的に自動調整し、コントラスト比の基準を満たす最も近い代替色を見つけます。

計算はブラウザ内でローカルに実行されます。色、ファイル、またはテレメトリ座標が当社のサーバーに送信されることはありません。