Farbkontrast

Das Kontrastverhältnis misst den Helligkeitsunterschied zwischen zwei Farben, normalerweise Text und seinem Hintergrund, ausgedrückt als Zahl von 1:1, identisch und nicht lesbar, bis zu 21:1, reines Schwarz auf reinem Weiß. Höhere Verhältnisse bedeuten, dass Text besser lesbar ist, was für alle mit Sehbehinderung, älteren Augen oder einem Telefonbildschirm in hellem Sonnenlicht wichtig ist. Hierbei handelt es sich um die gleiche Messung der Barrierefreiheit, die Richtlinien und Audits verwenden, um zu beurteilen, ob Text lesbar ist.

Designer, die eine Text- und Hintergrundfarbpalette für eine Website auswählen, Entwickler, die vor der Veröffentlichung eine Prüfung der Barrierefreiheit durchführen, und Vermarkter, die Farben für eine Schaltfläche oder ein Banner auswählen, die für möglichst viele Besucher lesbar bleiben müssen.

AA ist ein weit verbreitetes Barrierefreiheitsziel der Web Content Accessibility Guidelines. Bei normalem Text muss ein Kontrastverhältnis von mindestens 4,5:1 und bei großem Text ein Kontrastverhältnis von mindestens 3:1 erreicht werden.

AAA ist eine strengere Stufe und erfordert mindestens 7:1 für normalen Text und 4,5:1 für großen Text. Die meisten Projekte zielen auf AA ab, während AAA für Inhalte reserviert ist, bei denen die Zugänglichkeit besonders wichtig ist.

Verwenden Sie für die Text- und Hintergrundfelder 3- oder 6-stellige Hexadezimalfarben mit oder ohne führendes Rautezeichen.

Nein. Hex-Farben werden vollständig in Ihrem Browser überprüft.

Nein. Das Kontrastverhältnis ist ein wichtiger Faktor, aber auch eine lesbare Schriftgröße, angemessene Abstände und die Tatsache, dass man sich nicht nur auf die Farbe verlässt, um Bedeutung zu vermitteln, sind wichtig.