Theme
Schrift auf Farbe und Kontrast
Damit Text auf farbigen Flächen gut lesbar bleibt.
Steht Text auf einer farbigen Fläche – etwa auf einem Button oder einer dunklen Sektion –, muss er sich deutlich abheben. bloqy hilft dir dabei mit zwei Spalten in der Farbtabelle unter Gestaltung → Theme → Farben.
Schrift darauf
Die Spalte Schrift darauf legt fest, in welcher Farbe Text auf dieser Farbe erscheint:
- Automatisch: bloqy wählt helle oder dunkle Schrift, je nachdem, was besser lesbar ist. Hinter der Auswahl steht, was gerade gewählt ist („Automatisch · hell“ oder „Automatisch · dunkel“).
- Hell oder Dunkel: Du gibst die Schriftfarbe fest vor, etwa weil die Marke immer weiße Schrift auf Blau verlangt.
Wählt ein Redakteur später eine Sektion mit dieser Hintergrundfarbe, passen sich Text und Buttons darin automatisch an.
Kontrast
Die Spalte Kontrast zeigt, wie gut die Schrift auf der Farbe zu lesen ist. Sie richtet sich nach den gängigen Regeln für barrierearme Websites:
- Gut lesbar: mindestens 4,5 : 1.
- Schlecht lesbar: darunter. Dann ändere entweder die Farbe oder die Einstellung „Schrift darauf“.
Text und Hintergrund werden gegeneinander geprüft, Rahmen gegen den Hintergrund (dort genügen 3 : 1).
Markenfarben sind oft mittelhell – weder weiße noch schwarze Schrift ist darauf perfekt lesbar. Probiere eine etwas dunklere Variante der Farbe für Buttons und vergleiche den Kontrastwert.
Auch vor dem Veröffentlichen einer Seite prüft bloqy den Farbkontrast der Blöcke und weist auf Probleme hin.
