Farbe, Kontrast, Ästhetik

Farbe wird nicht als einziges visuelles Mittel benutzt, um Informationen zu vermitteln, eine Handlung zu kennzeichnen, eine Reaktion zu veranlassen oder ein visuelles Element zu unterscheiden. (Level A)

Die visuelle Darstellung von Text und Bildern von Text hat ein Kontrastverhältnis von mindestens 4,5:1 mit folgenden Ausnahmen (LevelAA):

• Großer Text: Großer Text und Bilder von großem Text haben ein Kontrastverhältnis von mindestens 3:1
• Nebensächlich: Für Text oder Bilder eines Textes, die Teil eines inaktiven Bestandteils der Benutzerschnittstelle, rein dekorativ, für niemanden sichtbar oder Teil eines Bildes sind, welches signifikanten anderen visuellen Inhalt enthält, gibt es keine Kontrastanforderung.
• Wortbildmarken: Text, der Teil eines Logos oder eines Markennamens ist, hat keine Kontrastanforderungen.

Informationen nicht allein durch Farbe übermitteln: Die Software darf nicht allein Farbe verwenden, um Informationen zu übermitteln oder eine Aktion anzuzeigen.

Für Behinderte entwickelte Farbschemata zur Verfügung stellen: Software, die Farbschemata enthält, sollte solche Farbzusammenstellungen zur Verfügung stellen, die für den Gebrauch durch Behinderte entwickelt wurden.

Für Kontrast zwischen Vordergrund und Hintergrund sorgen: Die Grundeinstellungen der Software für die Vorder- und Hintergrundfarben (Farbton und Helligkeit) sollten, kontrastreich genug gewählt werden, unabhängig vom Farbsehvermögen der Benutzer.

Für Benutzer mit Sehbehinderungen stellt Apple VoiceOver auf jeder Plattform bereit und unterstützt Anzeigeanpassungen wie Farbumkehrung, größeren Text, Zoom und Lupe.

Bevorzugen Sie Systemfarben für Text. Wenn Sie Text mit den von UIColor oder NSColor definierten Farben einfärben, reagiert der Text korrekt auf Zugänglichkeitseinstellungen wie Farben umkehren und Kontrast erhöhen.

Seien Sie sich der Farbenblindheit bewusst. Viele farbenblinde Menschen finden es schwierig, z.B. Blau von Orange oder Rot von Grün (und entweder Rot oder Grün von Grau) zu unterscheiden. Vermeiden Sie diese Farbkombinationen als einzige Möglichkeit, zwischen zwei Zuständen oder Werten zu unterscheiden. Anstatt z.B. rote und grüne Kreise zu verwenden, um offline und online anzuzeigen, könnten Sie ein rotes Quadrat und einen grünen Kreis verwenden.

Farbe und Kontrast können verwendet werden, um Benutzern zu helfen, den Inhalt Ihrer Anwendung zu sehen und zu interpretieren, mit den richtigen Elementen zu interagieren und Aktionen zu verstehen.

Farbe kann dabei helfen, Stimmung, Ton und kritische Informationen zu vermitteln. Primär-, Sekundär- und Akzentfarben können zur Unterstützung der Benutzerfreundlichkeit ausgewählt werden. Ein ausreichender Farbkontrast zwischen den Elementen kann Benutzern mit Sehschwäche helfen, Ihre Anwendung zu sehen und zu verwenden.

Da Farbenblindheit verschiedene Formen annimmt (einschließlich Rot-Grün, Blau-Gelb und Monochromie), helfen mehrere visuelle Hinweise, wichtige Zustände zu kommunizieren. Elemente wie Striche, Indikatoren, Muster, Textur oder Text können Aktionen und Inhalte beschreiben.

Essentielle und nicht essentielle Elemente - Informative Bilder haben essentielle und nicht essentielle Elemente. Wesentliche Informationen sollten ein Farbkontrastverhältnis von 3:1 für großen Text und 4,5:1 für kleinen Text haben.

Wenn Nicht-Text-Inhalte reine Dekoration sind, nur zur visuellen Formatierung verwendet oder den Benutzern nicht präsentiert werden, dann werden sie so implementiert, dass sie von unterstützenden Technologien ignoriert werden können. (Level A)

Erscheinungsbild, Effekte und Bewegung: Obwohl Effekte wie Unschärfe, Transparenz und Bewegung wertvolle Möglichkeiten der Informationsvermittlung sind, werden sie von einigen Menschen als störend oder unangenehm empfunden, während andere die Effekte überhaupt nicht wahrnehmen können. Vermeiden Sie die Verwendung von Erscheinungsbildeffekten als einzige Möglichkeit, wichtige Informationen zu kommunizieren, damit die Menschen Ihre App unabhängig davon genießen können, wie sie mit ihren Geräten interagieren.

Logos und dekorative Elemente - Dekorative Elemente (wie Logos oder Illustrationen) erfüllen vielleicht nicht die Kontrastverhältnisse, aber wenn sie eine wichtige Funktion erfüllen (wie die Verlinkung zu einer Website), hilft es, sie unterscheidbar zu machen.