Bitte erzwingt keinen Dark Mode

 (iamvishnu.com)
2 Punkte von GN⁺ 2025-01-21 | 1 Kommentare | Auf WhatsApp teilen

  • Bitte zwingt uns nicht zum Dark Mode

    • Eine Bitte an Website-Designer, Dark Mode den Nutzern nicht aufzuzwingen.
    • Wenn Dark Mode Teil der Markenidentität ist, sollte ein angenehmes Kontrastverhältnis für den Text gewählt werden.
    • Viele Websites sind nur für Dark Mode gestaltet und deshalb oft schwer zu lesen.

  • Meine Augen! Meine Augen! 😵‍💫

    • Lesen im Dark Mode belastet die Augen, und auch danach bleiben visuelle Nachbilder zurück.
    • Nach dem Lesen längerer Texte treten Unannehmlichkeiten auf, etwa dass horizontale Streifen sichtbar werden.

  • Was ist das eigentliche Problem beim Dark Mode?

    • Das eigentliche Problem beim Dark Mode ist das Kontrastverhältnis zwischen Text und Hintergrund.
    • Rein weißer Text auf schwarzem Hintergrund hat ein Kontrastverhältnis von 21:1 und belastet die Augen.
    • Heller grauer Text auf dunkelgrauem Hintergrund ist dagegen augenfreundlicher und hat ein Kontrastverhältnis von 4.34:1.

  • Gibt es dafür keine Richtlinien?

    • Die Web Content Accessibility Guidelines (WCAG) 2.1 empfehlen für normalen Text ein **Mindest-**Kontrastverhältnis von 4.5:1, enthalten aber keine Vorgabe für ein Maximalverhältnis.
    • Für hohe Kontrastverhältnisse im Dark Mode gibt es derzeit keinen Standard und keine Richtlinien.
    • Das kommende WCAG 3.0 fügt neue Navigationsanforderungen für den „maximalen Textkontrast“ hinzu und wird voraussichtlich das Problem hoher Kontrastverhältnisse im Dark Mode angehen.

  • Wann ich Dark Mode mag

    • Auf OLED-Bildschirmen beim Lesen in einem dunklen Raum, besonders wenn ich vor dem Schlafengehen auf dem Smartphone lese, bevorzuge ich Dark Mode.
    • Die meisten IDEs haben standardmäßig einen Dark Mode mit einem angenehmen Kontrastverhältnis.
    • Ich mag Dark Mode auf Websites, wenn dort ein angenehmes Kontrastverhältnis geboten wird.

  • Hinweis: Dieser Beitrag hat auf Hacker News eine lebhafte und aufschlussreiche Diskussion ausgelöst, in der verschiedene Perspektiven, persönliche Erfahrungen und Fragen der Barrierefreiheit besprochen wurden. Um die Nuancen dieses Themas vollständig zu verstehen, sollte man die wertvollen Sichtweisen im Hacker-News-Thread nicht verpassen.

Verwandte Beiträge

1 Kommentare

 
GN⁺ 2025-01-21
Hacker-News-Meinungen

  • Frühe Computerbildschirme nutzten einen dunklen Hintergrund mit hellem Text. Der Wechsel von Microsoft Windows zu schwarzem Text auf weißem Hintergrund war unangenehm. Die Rückkehr des Dark Mode wird begrüßt, und es braucht auch eine Light-Mode-Option, die nicht zu grell ist

  • Wenn eine Website nur Dark Mode anbietet, dann ist das eben das Theme dieser Website. Dark Mode kann es nur geben, wenn es auch Light Mode gibt. Niemand sollte dazu gezwungen werden, beide Modi zu pflegen

  • Ein Light Mode, der sich nicht als Standard festlegen ließ, hat sich lange gehalten. Dark Mode ist nur dann besser, wenn der Bildschirm in einem dunklen Raum die einzige Lichtquelle ist. Dark Mode ist eine Notlösung, und Light Mode ist in heller Umgebung schwer zu lesen

  • Ein bestimmter Blog ignoriert die Geräteeinstellungen und erzwingt Light Mode. Das Problem ist nicht Dark Mode, sondern der Farbkontrast

  • Es sollte kein niedriges Kontrastverhältnis erzwungen werden. Nicht alle Nutzer sehen Inhalte in heller Umgebung. Der SDR-Farbraum sollte genutzt werden

  • Es wäre wünschenswert, wenn Websites die Systemeinstellungen der Nutzer respektieren würden. Browser haben Entwicklern zu viel Kontrolle gegeben. Die Einstellungen der Nutzer sollten Vorrang haben

  • Viele Webentwickler setzen Dark Mode als Standard und ignorieren die Präferenzen der Nutzer. Mit der CSS-Eigenschaft color-scheme lässt sich angeben, in welchen Farbschemata ein Element gerendert werden kann

  • Als macOS-Nutzer verwendet man je nach Situation eine Mischung aus Dark Mode und Light Mode. Über die Systemeinstellungen lässt sich das Theme ändern

  • Das Beispiel für „leicht lesbaren Text“ im Blog ist schwer zu lesen. Das liegt am niedrigen Kontrast

  • Persönlich wird Light Mode bevorzugt, aber in IDE oder Terminal wird bei Verwendung eines dunklen Themes die Helligkeit auf das Maximum gestellt. Dark Mode belastet die Augen stärker und erschwert die Konzentration

  • Über die Web-API lässt sich prüfen, ob ein Nutzer Dark Mode verwendet. Mit @media (prefers-color-scheme: dark) können CSS-Regeln angewendet werden