Farbe nicht als einziges Unterscheidungsmerkmal nutzen um:
- Informationen zu übermitteln
- Aktion anzuzeigen
- Reaktion zu veranlassen
- visuelle Elemente zu kennzeichnen
Mindestkontraste müssen für visuelle Präsentationen von Text und Schriftgrafiken eingehalten werden:
- 4,5 : 1
- 3 : 1, für Text mit einer Schriftgröße von mind. 18 pt oder 14 pt bold
Anforderungen von 3:1 an Farbkontrast werden auf interaktive Elemente und Grafiken erweitert werden.
Nicht erforderlich für Texte und Schriftgrafiken:
- die rein dekorativ sind
- die Teil einer inaktiven Komponente sind
- die Teil eines Logos oder Markennamens sind.
Beim Gestalten darauf achten, dass alle Elemente mit dem Inhalt mitwachsen können. die Lesbarkeit von Texten ist von der Schriftgröße, Zeilenabstand, Zeilenlänge und Schriftart abhängig.
Linktipp: Schritte zu einem inklusiven Kommunikationsdesign
Test: Text lässt sich im Browser auf 200% vergrößern (Strg + “+”), ohne Verlust von Inhalt oder Funktionalität
Der visuelle Fokus hilft Nutzern bei der Tastatursteuerung schnell zu erkennen welches Element aktuell ausgewählt ist. Da bei Tastatursteuerung der Fokus schnell über die Seite springen kann, darf dieser auch gerne etwas kräftiger gestaltet sein. Damit hilft man dem Nutzer den Fokus schnell zu finden.
- Zuerst bewährte Gestaltungsmuster verwenden und einheitlich verwenden
- Neue Ideen erst, wenn die Vorhandenen als nicht ausreichend angesehen werden
- Neue Elemente / Muster ausgiebig testen