メインコンテンツにスキップ

アクセシビリティチェッカー

色覚多様性に配慮したデザインの検証を行います。 様々な色覚タイプでの見え方をシミュレーションし、インクルーシブなデザインをサポートします。

テスト色の設定

通常の色覚
一般的な色覚(3色型色覚)
人口比: 約92%

色覚シミュレーション

実用例プレビュー

白背景

重要なお知らせ

このテキストが読みやすいかどうかを確認してください。

黒背景

重要なお知らせ

このテキストが読みやすいかどうかを確認してください。

アクセシビリティ評価

検出された問題

  • 白背景でのコントラストが不十分です

改善提案

  • より暗い色を使用するか、背景色を調整してください

アクセシビリティガイドライン

色だけに依存しない

重要な情報は色だけでなく、テキスト、アイコン、パターンなどでも伝達する

十分なコントラスト

テキストと背景のコントラスト比は4.5:1以上(AAレベル)を確保する

色覚多様性への配慮

赤と緑の組み合わせは避け、代替手段を併用する

オフライン