カラーコントラストチェッカー - WCAGアクセシビリティコントラスト比ツール

WCAGのAAおよびAAAアクセシビリティ準拠のためのカラーコントラスト比を確認します

カラーツール

Tool

Foreground (Text)

Background

Sample Normal Text — The quick brown fox

Large Text Preview (24px Bold)

Small body text for readability testing purposes.

Contrast Ratio

14.63:1

Normal Text

✓ AA (4.5:1)✓ AAA (7:1)

Large Text (18pt+ or 14pt+ Bold)

✓ AA (3:1)✓ AAA (4.5:1)

UI Components & Graphics

✓ AA (3:1)

使い方

WCAG（ウェブコンテンツ・アクセシビリティ・ガイドライン）は最小コントラスト比を定義しています。AAは通常テキストに4.5:1、大きなテキストに3:1を要求します。AAAは通常テキストに7:1を要求します。

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