ボンジュール！クロエ、ここに。現代の UI デザインには、白い背景に明るいグレーのテキストという大きなトレンドが見られます。当社の高価な Retina ディスプレイでは、洗練され、ミニマルでモダンに見えます。
しかし、現実世界ではどうでしょうか？それは災害です。
ユーザー環境の現実
ユーザーは常に完全に明るい部屋に座って 4K モニターを見ているわけではありません。彼らは太陽のまぶしい屋外で携帯電話をチェックしています。彼らは、安価でコントラストの低いオフィス モニターを使用しています。彼らは視覚障害を持っている可能性があります。テキストが WCAG (ウェブ コンテンツ アクセシビリティ ガイドライン) の少なくとも 4.5:1 のコントラスト比を満たしていない場合は、Web サイトからユーザーを積極的に除外していることになります。
コントラストを素早くチェックする
デザインを開発者に引き渡す前に、私は常に カラー コントラスト チェッカー を使用します。背景の 16 進数コードと前景色のテキストの色を入力するだけで、ツールが AA または AAA のアクセシビリティ標準に合格しているかどうかを即座に教えてくれます。お願いです、ウェブを再び読みやすいものにしましょう!