WCAG 1.4.3: 文字と背景のコントラスト比が十分か確認する

確認観点

• axeのcolor-contrast結果を確認し、検出された文字色と背景色の組み合わせを修正する
• 通常サイズのテキストは4.5:1以上、大きなテキストは3:1以上を満たすように調整する
• 画像化された文字、ボタン、ラベル、入力欄のプレースホルダーも確認する
• 必要に応じて文字色・背景色の変更、背景の半透明帯、ドロップシャドウなどで視認性を確保する

人の判断が必要な例

• ツールの数値で確認し、目視の感覚だけで判断していないか確認する
• ライトモードとダークモードの両方で基準を満たしているか確認する
• プレースホルダーに重要な説明を置かず、必要な説明は入力欄の外側に常時表示されているか確認する

補助ツール候補

• color-contrast

生成メモ

manual-judgment-catalog.ja.json の内容から生成しています。