Viele Apps zeigen seit Jahren einen kleinen Schalter zwischen Hell und Dunkel. Was lange wie eine Spielerei für Nachtschwärmer aussah, ist für manche Menschen eine echte Erleichterung.
Ein dunkler Hintergrund kann lichtempfindlichen Augen helfen, die ein helles Display als blendend und anstrengend empfinden. Für Deine Webseite stellt sich also die Frage: Brauche ich so etwas, und wie biete ich es an, ohne ein großes Projekt daraus zu machen?
Du musst nicht zwei perfekte Versionen Deiner Seite bauen. Es geht um Wahlfreiheit und um ein paar einfache Regeln, damit der Dunkelmodus auch wirklich hilft.
Was ein Dunkelmodus für die Barrierefreiheit bringt
Helle Flächen strahlen Licht ab. Wer empfindlich auf Helligkeit reagiert, etwa bei Migräne, bestimmten Augenerkrankungen oder einfach nach einem langen Bildschirmtag, liest auf weißem Grund nur unter Anstrengung. Ein dunkler Hintergrund senkt diese Lichtmenge spürbar.
Dazu kommt die Umgebung. Im abgedunkelten Raum oder spätabends blendet eine grellweiße Seite, während dieselbe Seite in Dunkel ruhig bleibt. Für diese Menschen entscheidet der Modus darüber, ob sie lesen oder wegklicken.
Genauso wichtig ist die andere Seite: Vielen Besuchern hilft gerade der helle Modus, etwa bei bestimmten Sehschwächen oder draußen in der Sonne. Deshalb geht es nie darum, alle in den dunklen Modus zu zwingen. Der eigentliche Gewinn ist die Wahl, damit jeder die Variante nimmt, die seinen Augen guttut.
Kontrast bleibt auch im Dunkeln Pflicht
Ein dunkler Hintergrund allein macht eine Seite noch nicht lesbar. Im Gegenteil: Im Dunkelmodus passieren oft genau die Fehler, die im hellen Modus seltener auffallen.
Reines Weiß auf reinem Schwarz klingt nach maximalem Kontrast, blendet aber und lässt die Buchstaben flimmern. Angenehmer liest sich ein sehr helles Grau auf einem dunklen Grau. Der größere Fehler liegt in der anderen Richtung: blasse, dunkelgraue Schrift auf dunklem Grund verschwimmt fast völlig.
Die Richtwerte für lesbaren Kontrast gelten im Dunkeln genauso wie im Hellen, nur die Helligkeiten sind getauscht. Wie Du diese Werte ganz ohne Spezialwissen prüfst, zeigt der Beitrag zu den Richtwerten für lesbaren Kontrast. Achte dabei auf diese typischen Stolperstellen:
- Zu blasse Schrift: dunkelgraue Texte auf dunklem Grund fallen unter den Richtwert und strengen an.
- Grelles Weiß: reines Weiß auf Schwarz blendet, ein leicht gedämpftes Hellgrau liest sich ruhiger.
- Verlorene Bedienelemente: Button-Ränder, Symbole und Eingabefelder verschwinden im Dunkeln schnell, wenn sie nur knapp abgesetzt sind.
Ein zweiter Punkt wird oft vergessen: Farben, die Bedeutung tragen. Ein Rot für „Fehler" wirkt im Dunkeln anders als im Hellen und kann seine Signalkraft verlieren. Dass Farbe allein nie die ganze Information tragen darf, gilt in jedem Modus.
Die Systemwahl Deiner Besucher respektieren
Das eigentlich Praktische am Dunkelmodus: Die meisten Menschen haben ihre Vorliebe längst eingestellt. Handy, Tablet und Computer kennen eine Einstellung für Hell oder Dunkel, oft sogar nach Tageszeit umschaltend.
Eine gut gebaute Webseite erkennt diese Einstellung und folgt ihr von selbst. Wer sein Gerät auf Dunkel gestellt hat, bekommt die dunkle Variante, ohne irgendwo zu suchen. Genau das ist der Komfort, der vielen die Bedienung erleichtert.
Wichtig ist die Richtung: Die Seite folgt der Wahl des Besuchers, sie überstimmt sie nicht. Eine Seite, die jeden in ihr eigenes dunkles Design zwingt, obwohl das Gerät auf Hell steht, ignoriert genau die Person, der die Einstellung helfen soll. Manche Geräte melden außerdem den Wunsch nach besonders hohem Kontrast. Auch das ist eine bewusste Wahl der Nutzer, die Deine Seite ernst nehmen sollte.
Dieselbe Höflichkeit gilt für andere System-Einstellungen wie Zoom und Textgröße: Wer sie verstellt hat, hat einen Grund. Eine zugängliche Seite respektiert diese Vorgaben, statt sie auszuhebeln.
Mit Augenmaß umsetzen, ohne Zwang
Du musst jetzt nicht sofort eine zweite Version Deiner Seite in Auftrag geben. Sinnvoller ist die ruhige Frage, was Deine Seite und Dein Publikum wirklich brauchen.
Steht ein Relaunch oder ein neues Design an, lohnt es sich, den Dunkelmodus von Anfang an mitzudenken. Nachträglich aufgesetzt wird er schnell teuer, weil jede Farbe doppelt geprüft werden muss. Als Teil eines frischen Entwurfs kostet er deutlich weniger.
Wenn Du mit Deiner Agentur sprichst, hilft eine klare Ansage mehr als der Wunsch nach „irgendwas mit Dark Mode". Diese drei Punkte reichen als Auftrag:
- Systemwahl übernehmen: Die Seite soll der Hell-Dunkel-Einstellung des Geräts folgen, nicht dagegen arbeiten.
- Kontrast in beiden Modi prüfen: Jede Farbe wird hell und dunkel getestet, nicht nur in der Standardansicht.
- Bedienelemente sichtbar halten: Buttons, Felder und Links bleiben in beiden Varianten klar erkennbar.
Einen guten Dunkelmodus erkennst Du selbst in zwei Minuten. Stell Dein Gerät auf Dunkel und öffne Deine Seite: Schaltet sie ruhig mit um, bleibt jeder Text bequem lesbar, und sind alle Knöpfe noch zu finden? Wenn ja, hast Du das Wesentliche erreicht.
Fazit
Ein Dunkelmodus ist ein echtes Angebot an Menschen, deren Augen Helligkeit schlecht vertragen. Sein Wert hängt an einer Bedingung: Auch im Dunkeln muss der Kontrast tragen.
Am meisten gewinnst Du, wenn Deine Seite die Wahl der Besucher übernimmt, statt sie zu überschreiben. Hell oder dunkel, hoher Kontrast oder Standard: Die Person vor dem Bildschirm weiß am besten, was ihr guttut.
Probier es beim nächsten Design-Schritt einfach aus, indem Du Dein eigenes Gerät auf Dunkel stellst. Dieser kurze Blick zeigt Dir schneller als jede Theorie, ob Deine Seite für alle Augen bereit ist.