webentwicklung-frage-antwort-db.com.de

Maximales Kontrastverhältnis für gute Zugänglichkeit

Wir machen also eine Unternehmens-App von Grund auf neu. Dieses Mal möchten wir unsere Entwurfsentscheidungen auf die richtige Forschung stützen.

Unsere Benutzer nutzen die App rund um die Uhr mit hohen Anforderungen an UX. Unser Hauptziel ist es daher, alles so einfach wie möglich und zugänglich zu machen.

Früher hatten wir zwei Farbthemen in der App: "Tagesthema" (Standard, mit hellen Farben) und "Nachtthema" (auch bekannt als "das dunkle Thema" für diejenigen, die nachts arbeiten). Dieses Mal haben wir 3 Themen: "Tag", "Nacht" und ein "kontrastreiches" (auch bekannt als "Barrierefreiheitsthema") und wir versuchen, WCAG2.1 konform zu sein, wo wir können.

Jetzt ist alles gut mit dem "Tagesthema" (WCAG Level AA) und dem "kontrastreichen Thema" (WCAG Level AAA), während wir einige Probleme mit dem "Nachtthema" haben - Benutzer argumentieren, dass WCAG Level AA "Weg" ist zu kontrastreich "(" zu hell "," schlecht für meine Augen ") für die nächtliche Arbeit.

Wir haben einige andere Standards und Richtlinien überprüft, aber alle sprechen von minimalen Anforderungen und diskutieren nie das Maximum.

Richtlinien für neu veröffentlichten macOS "Dark Mode" state

Streben Sie für benutzerdefinierte Vordergrund- und Hintergrundfarben ein Kontrastverhältnis von 7: 1 an. Dieses Verhältnis stellt sicher, dass sich Ihr Vordergrundinhalt vom Hintergrund abhebt, auch wenn Desktop Tinting aktiv ist. Außerdem wird sichergestellt, dass Ihre Inhalte strengeren Richtlinien zur Barrierefreiheit entsprechen. Stellen Sie mindestens sicher, dass das Kontrastverhältnis zwischen den Farben nicht unter 4,5: 1 liegt.

Das passt gut zu dem, was wir mit unserem Nachtthema versuchen. Wir bestehen auch die Empfehlungen zur Materialdesign-Richtlinie und Windows-Designrichtlinien .

Während beispielsweise beim dunkelsten Farbthema von Adobe Photoshop das Verhältnis zwischen kleinem Text und Schaltflächen manchmal unter 4: 1 fällt.

Meine Frage lautet also: Gibt es bekannte Forschungsergebnisse oder Standards, die "maximale Obergrenzen" für den Kontrast bei Nachtarbeit festlegen? Vielleicht sind einige gesundheitliche Auswirkungen auf den Kontrast zu hoch? Einige andere Gründe, den Kontrast nicht zu maximieren?

10
exp

Mehr Kontrast im Allgemeinen besser

Es gibt keine allgemeinen Standards für die Begrenzung des Kontrasts für Tag- oder Nachtanzeigen. Im Allgemeinen ist das Lesen in beiden Fällen umso einfacher, je höher der Kontrast ist (Parker & Schaff, 1998; Zuffi, Brambilla, Beretta & Scala, 2007). Somit kann Ihre Benutzeroberfläche zwei unabhängige Dimensionen haben: Tag gegen Nacht und niedriger gegen hohen Kontrast, wobei hoher Kontrast WCAG AAA-konform ist, unabhängig davon, ob es sich um den Tag- oder den Nachtmodus handelt.

Ich würde Beschwerden von Benutzern über übermäßigen Kontrast mit Vorsicht behandeln. Angesichts des geringeren Kontrasts (dunkelgraue Schrift), der in letzter Zeit auf vielen Websites in Mode war, zieht der Benutzer ihn möglicherweise eher vor, weil er cool und modern aussieht, als weil er tatsächlich leichter zu lesen ist.

Kontrast und Legasthenie

Die einzigen Bedenken hinsichtlich des hohen Kontrasts, die ich gehört habe (und wirklich der einzige Grund, überhaupt einen kontrastarmen Modus zu haben), sind, dass einige Personen mit Legasthenie-Berichtsbriefen bei Einstellungen mit hohem Kontrast „nervös“ erscheinen (Rello, Kanvinde & Baeza- Yates, 2011). Der Effekt ist jedoch nicht gut etabliert oder verstanden (z. B. O'Brien, Mansfield & Legge, 2000), und es scheint erhebliche individuelle Variationen zu geben (Rello, Kanvinde & Baeza-Yates, 2011). Am besten lassen Sie den Benutzer den Kontrast auswählen, möglicherweise kontinuierlich mit einem Schieberegler. Bei Ihrem Kommentaraustausch mit JonW haben Sie Recht, dass Benutzer schreckliche Farbkombinationen auswählen können. Wenn Sie jedoch den Bereich des Schiebereglers auf WCAG AAA- und AA-Ebenen beschränken, können Benutzer dies nicht zu schlecht machen, und tatsächlich Benutzer mit Behinderungen scheinen mit der Auswahl ihres Kontrasts und gleichmäßiger (subtiler) Farben in Ordnung zu sein (Gregor & Newell, 2000).

Ich empfehle daher, den Kontrast innerhalb der Grenzen der WCAG vom Benutzer einstellbar zu machen, jedoch standardmäßig einen hohen Kontrast zu verwenden, und möglicherweise eine Inline-Dokumentation zum Anpassen des Kontrastreglers bereitzustellen („Barrierefreiheit: Schieben Sie, bis Buchstaben am einfachsten zu sehen und anzuziehen sind scheint sich nicht zu bewegen ”).

Vielleicht ist das Problem der Nachtmodus

Nun zum Nachtmodus. Sie beschreiben Ihre Nutzungsumgebung nicht, aber zum Nutzen aller macht die Hell-Dunkel-Schrift den Text nachts nicht leichter lesbar . Dark-on-Light ist unter hellen oder dunklen Bedingungen durchweg leichter zu lesen (Buchner & Baumgartener, 2007; Dobres, Chahine & Reimer, 2017). Hierfür gibt es mehrere Theorien (Scharff & Ahumada, 2003), aber es könnte sich um moderne Computerschriften handeln, die für die Verwendung bei Dunkelheit bei Licht ausgelegt sind. In jedem Fall können Beschwerden Ihres Benutzers darüber, dass Hell-Dunkel zu kontrastreich ist, tatsächlich Beschwerden darüber sein, dass Hell-Dunkel selbst schwer zu lesen ist und kein wirkliches Problem mit dem Kontrast darstellt.

Der Zweck des Nachtmodus ist es, alles andere Nachts leichter sichtbar zu machen. Das heißt, durch Reduzieren der vom Gerät strahlenden Lichtmenge behält der Benutzer die Dunkeladaption bei, um andere Dinge zu sehen. Wenn Ihre Benutzer während der Verwendung Ihres Geräts nicht mit dunklen Objekten interagieren, möchten Sie unabhängig von der Umgebungsbeleuchtung kein Hell-Dunkel.

Selbst wenn Ihre Benutzer eine dunkle Anpassung beibehalten müssen, sollten Sie andere Methoden in Betracht ziehen, um das vom Display kommende Licht zu reduzieren. Beispielsweise möchten Sie möglicherweise die Anzeige physisch dimmen oder sogar einen Filter für die physische neutrale Dichte darüber legen, während der besser lesbare Text bei Dunkelheit und Licht erhalten bleibt. Beachten Sie jedoch, dass alles, das Sie zur Reduzierung der Bildschirmbeleuchtung ausführen, die Lesbarkeit der Anzeige verringert. Wenn sich das menschliche Auge zur Anpassung an die Dunkelheit erweitert, wird die Fokussierung insbesondere für ältere Benutzer schwieriger. Sie müssen entscheiden, ob sich der Kompromiss in Ihrem Fall lohnt.

Referenzen

Buchner & Baumgartner, 2007. Text - Hintergrundpolarität beeinflusst die Leistung unabhängig von Umgebungsbeleuchtung und Farbkontrast . Ergonomics, 50, 1036 & ndash; 1063.

Dobres, Chahine & Reimer, 2017. Auswirkungen der Umgebungsbeleuchtung, der Kontrastpolarität und der Buchstabengröße auf die Lesbarkeit des Textes bei blickartigem Lesen . Applied Ergonomics, 60, 68 & ndash; 73.

Gregor & Newell, 2000. Eine empirische Untersuchung von Möglichkeiten, wie einige der Probleme, auf die einige Legastheniker stoßen, mithilfe von Computertechniken gelindert werden können . Vorträge der vierten internationalen ACM-Konferenz zu assistiven Technologien, Arlington, VA.

O'Brien, Mansfield & Legge, 2000. Die Auswirkung des Kontrasts auf die Lesegeschwindigkeit bei Legasthenie . Vision Research 40, 1921–193.

Parker &, Scharff, 1998. Einflüsse der Kontrastempfindlichkeit auf die Lesbarkeit von Text im Kontext einer grafischen Benutzeroberfläche .

Rello, Kanvinde & Baeza-Yates, 2011. Layout-Richtlinien für Webtext und einen Webdienst zur Verbesserung der Zugänglichkeit für Legastheniker . Vorträge der Internationalen interdisziplinären Konferenz über Barrierefreiheit im Internet, Lyon, Frankreich.

Scharff & Ahumada 2003. Die Leistung bei der Buchstabenidentifizierung ist bei negativem Kontrast besser als bei positivem Kontrast. Jahrestagung der Vision Sciences Society, Sarasota FL

Zuffi, Brambilla, Beretta & Scala, 2007. Mensch-Computer-Interaktion: Lesbarkeit und Kontrast . 14. Internationale Konferenz über Bildanalyse und -verarbeitung (ICIAP 2007).

9

In der WCAG gibt es keine maximalen Kontraste, da sie sich eher auf diejenigen konzentriert, die Schwierigkeiten haben, die Unterschiede in Hintergrund- und Vordergrundinformationen (entweder Audio oder normalerweise visuell) zu verarbeiten.

Das absolut höchste mir bekannte Kontrastverhältnis beträgt 21: 1 (Schwarzweiß) (Kontrast ist die dunkelste Farbe gegenüber der hellsten Farbe und nicht der Vordergrund gegenüber dem Hintergrund). Sie haben also viel Bewegungsfreiheit, wenn Sie die AAA-Konformität einhalten möchten zusammen mit mehr als 280 Billiarden + Farbkombinationen über die gesamte hexadezimale Farbpalette.

Was normalerweise nachts passiert, ist kein Kontrastproblem, sondern ein Helligkeitsproblem. Hellere Farben, die mit dunkleren Farben verwendet werden, neigen dazu, stärker zu platzen. Dies gilt insbesondere für Szenarien mit wenig Licht (Nacht). Die Helligkeit ist normalerweise eher die Domäne der Visual Display Unit (VDU) oder des Geräts als eine App. Möglicherweise können Sie jedoch die Farben abschwächen, um die scheinbare Helligkeit zu verringern (oder gibt es eine Möglichkeit, die Helligkeit des Geräts tatsächlich zu ändern? Könnte einer für die Entwickler sein).

Das Spielen mit der Farbpalette ist möglicherweise die beste Option, da das Verringern der scheinbaren Helligkeit einen ähnlichen Effekt haben sollte wie das Verringern der tatsächlichen Helligkeit.

4
Karl Brown

Dies ist nicht so sehr offizielle Forschung als Design mit empirischen Experimenten, aber Solarized macht sich sehr gut: hat sowohl ein helles als auch ein dunkles Thema und wurde so konzipiert, dass es kontrastarm, aber dennoch kontrastreich ist.

Ich benutze es seit ein paar Jahren und sehe mich nie dabei, es nicht zu benutzen. Es ist großartig während des Tages, wenn Mitarbeiter da sind und die Lichter leuchten, und großartig am Abend, wenn der Timer das Licht ausschaltet. (Ich bin ein Light-Off-Typ in einem Arbeitsbereich mit offenem Konzept .: - /)

0
studog