WCAG AAA 通常テキストのコントラスト比 (7:1)

WCAG AAA 通常テキスト要件

WCAG Level AAAはアクセシビリティ適合の最高レベルです。通常テキストに対して、AAAは少なくとも7:1のコントラスト比を要求し、これはAAの4.5:1要件よりも大幅に厳格です。

AAAを目指すべき場合

WCAG AAがほとんどの法域で法的最低基準ですが、AAAを目指すことで以下に利点があります：

• 多様な人々にサービスを提供する政府・公共セクターのウェブサイト
• 高齢の患者が使用するヘルスケアアプリケーション
• 学習障害のあるユーザー向けの教育プラットフォーム
• 可読性がユーザーの安全に不可欠なアプリケーション

AAA (7:1) を通過する色の組み合わせ

/* 高コントラストペア */
color: #000000; background: #ffffff;  /* 21:1 - 最大 */
color: #1a1a1a; background: #ffffff;  /* 17.15:1 */
color: #333333; background: #ffffff;  /* 12.63:1 */
color: #4a4a4a; background: #ffffff;  /* 8.59:1 */
color: #595959; background: #ffffff;  /* 7.0:1 - 閾値 */

AAAに不合格の一般的な色

多くの人気デザインシステムのグレーは7:1の閾値に達しません：

/* これらは通常テキストのAAAに不合格 */
color: #6b7280; background: #ffffff;  /* 5.03:1 - 不合格 */
color: #71717a; background: #ffffff;  /* 4.79:1 - 不合格 */
color: #737373; background: #ffffff;  /* 4.69:1 - 不合格 */

AAAのトレードオフ

AAAを満たすにはより暗いテキスト色を使用する必要があり、デザインパレットが制限されます。多くのデザインチームはハイブリッドアプローチを採用しています：主要な本文テキストにはAAAを、副次的なテキストにはAAを適用します。重要なのは決定を文書化し、重要な情報が常に最高の基準を満たすことです。