テキストの色
背景色
コントラスト
8.42
- 合格
小さなテキスト
WCAG AA
- 合格
大きなテキスト
WCAG AA
- 合格
小さなテキスト
WCAG AAA
- 合格
大きなテキスト
WCAG AAA
色覚異常シミュレーション
情報:
小さなテキスト: 18pt未満。大きなテキスト: 18pt以上、または太字14pt以上。
明るい背景
引用 n. 26
ゲオルク・クリストフ・リヒテンベルク
暗い背景
引用 n. 26
ゲオルク・クリストフ・リヒテンベルク
小さなテキスト
大きなテキスト
Check a whole palette
Paste hex colours (comma or space separated) to check every pair at once.
コントラスト比の歴史
WCAGとアクセシビリティ基準の理解
WCAG基準
Webコンテンツアクセシビリティガイドライン(WCAG)は、World Wide Web Consortium(W3C)によって開発され、障害を持つ人々にとってWebコンテンツをよりアクセシブルにするためのものです。コントラスト比の要件は、視覚障害を持つユーザーにとってテキストが読みやすくなるように導入されました。
発展
WCAG 1.0は1999年に公開され、最初のコントラスト比要件を確立しました。WCAG 2.0(2008)は、より正確な式でこれらの基準を改良しました。WCAG 2.1(2018)は追加の成功基準を追加しました。現在のコントラスト比の式は、人間の視覚知覚と色彩科学の研究に基づいて開発されました。
なぜ重要か
適切なコントラスト比により、色覚異常、弱視、または明るい日光の下でコンテンツを閲覧するユーザーを含め、すべての人にとってテキストが読みやすくなります。これにより、Webは世界中の何百万人ものユーザーにとってより包括的でアクセシブルになります。
式
コントラスト比は、色の相対輝度を使用して計算されます。1:1(コントラストなし)から21:1(最大コントラスト、白地に黒など)の範囲です。WCAG AAは通常のテキストに4.5:1、大きなテキストに3:1を要求します。WCAG AAAは通常のテキストに7:1、大きなテキストに4.5:1を要求します。