Tools.ColorContrast.guide.guide_1_title
Tools.ColorContrast.guide.guide_1_desc
Tools.ColorContrast.guide.guide_2_title
Tools.ColorContrast.guide.guide_2_desc
Tools.ColorContrast.guide.guide_3_title
Tools.ColorContrast.guide.guide_3_desc
カラーコントラストチェッカー
テキスト色と背景色のコントラスト比を計算し、WCAGのアクセシビリティ基準を満たしているか確認します。
カラー選択
コントラスト比
1.00: 1
コントラストが非常に低いです
WCAGガイドラインAA または AAA
標準テキスト
18pt未満または14pt太字未満
AA ≥ 4.5Fail
AAA ≥ 7.0Fail
大きなテキスト
18pt以上または14pt太字以上
AA ≥ 3.0Fail
AAA ≥ 4.5Fail
アクセシブルなデザイン
このエリアは、選択したテキストと背景色の実際のレンダリングをプレビューします。視覚的なコントラストが十分か確認してください。
Tools.ColorContrast.guide.title
Tools.ColorContrast.guide.description