Bonjour! Chloe hier. Ich sehe einen massiven Trend im modernen UI-Design: hellgrauer Text auf weißem Hintergrund. Auf unseren teuren Retina-Displays sieht es elegant, minimalistisch und modern aus.
Aber draußen in der realen Welt? Es ist eine Katastrophe.
Die Realität von Benutzerumgebungen
Ihre Benutzer sitzen nicht immer in einem perfekt beleuchteten Raum und schauen auf einen 4K-Monitor. Sie checken draußen im grellen Sonnenlicht ihre Telefone. Sie verwenden billige, kontrastarme Büromonitore. Sie könnten Sehbehinderungen haben.Wenn Ihr Text das Kontrastverhältnis WCAG (Web Content Accessibility Guidelines) von mindestens 4,5:1 nicht erfüllt, schließen Sie Benutzer aktiv von Ihrer Website aus.
Kontrast schnell prüfen
Bevor ich Designs an Entwickler übergebe, verwende ich immer einen Farbkontrastprüfer. Ich gebe einfach meinen Hintergrund-Hexcode und meine Vordergrundtextfarbe ein und das Tool sagt mir sofort, ob es den AA- oder AAA-Zugänglichkeitsstandards entspricht.Bitte machen wir das Web wieder lesbar!