Sehsimulator
Geben Sie eine Seitenadresse ein und betrachten Sie die Seite mit acht verschiedenen Arten des Sehens, mit der ungefilterten Seite daneben. Links, Warnungen und Diagramme, die sich allein auf Farbe stützen, fallen so leicht auf.
Drei Sensoren, und was passiert, wenn einer fehlt
Ihre Netzhaut misst Farbe mit drei Arten von Zapfen, jede am empfindlichsten für einen anderen Lichtbereich: lange Wellenlängen (Rot), mittlere (Grün) und kurze (Blau). Das Gehirn ermittelt eine Farbe, indem es die drei Signale vergleicht. Fehlt eine Art oder ist sie verschoben, lassen sich manche dieser Vergleiche nicht mehr anstellen, und Farben, die sich nur auf dieser Achse unterscheiden, sehen am Ende gleich aus.
Die Gene für die Rot- und Grünzapfen liegen auf dem X-Chromosom. Deshalb hat etwa 1 von 12 Männern eine Form von Rot-Grün-Schwäche, gegenüber ungefähr 1 von 200 Frauen. Bei den meisten ist ein Zapfentyp geschwächt, nicht ausgefallen. Was sie sehen, liegt irgendwo zwischen normalem Sehen und der vollen Simulation, die hier gezeigt wird.
Die acht Ansichten
| Ansicht | Was sie nachbildet | Was oft nicht mehr funktioniert |
|---|---|---|
| Normales Sehen | Die Referenz, ohne Filter angezeigt | |
| Deuteranopie | Keine funktionierenden Grünzapfen; mit leichteren Formen etwa 6 % der Männer | Rote und grüne Statusfarben, Orange neben Grün |
| Protanopie | Keine funktionierenden Rotzapfen; mit leichteren Formen etwa 2 % der Männer | Roter Text auf dunklem Hintergrund, der fast schwarz wird |
| Tritanopie | Keine funktionierenden Blauzapfen; weniger als 1 von 10.000 Personen | Blau gegen Grün, Gelb gegen Rosa |
| Achromatopsie | Nur Helligkeit. Ebenso eine Seite auf einem monochromen E-Reader oder ein Schwarzweißausdruck | Jede Bedeutung, die am Farbton hängt |
| Sehschwäche | Verminderte Schärfe, wie beim Lesen ohne Brille | Kleiner Text, dünne Schriften, Icons ohne Beschriftung |
| Grauer Star | Eine getrübte, vergilbte Linse, häufig nach 60 | Hellgrauer Text, hellblaue Links |
| Bildschirm in der Sonne | Ein Handy mittags im Freien | Alles mit mäßigem Kontrast |
Die drei Ansichten für Farbenblindheit nutzen die 2009 von Machado, Oliveira und Fernandes veröffentlichten Transformationsmatrizen, mit voller Ausprägung, angewandt in linearem RGB, damit die Helligkeit stimmt. Die übrigen Ansichten bestehen aus CSS-Filtern: Graustufen für Achromatopsie, eine Unschärfe von 2,5 Pixeln für Sehschwäche, Unschärfe mit Sepiatönung und verringertem Kontrast für Grauen Star sowie stark verringerter Kontrast mit erhöhter Helligkeit für Sonnenlicht.
Eine Prüfung in fünf Minuten
- Deuteranopie, dann Links. Suchen Sie die Links innerhalb eines Absatzes. Können Sie sie nicht mehr vom umgebenden Text unterscheiden, fügen Sie eine Unterstreichung hinzu.
- Deuteranopie, dann Zustände. Sehen Sie sich Formularfehler, Lagerbestandsangaben, „Online“-Punkte und Diagrammlegenden an. Eine rote und eine grüne Meldung sollten sich auch durch ein Icon oder ein Wort unterscheiden.
- Achromatopsie. Prüfen Sie, ob sich der primäre Button noch vom sekundären abhebt. Werden beide zum selben Grau, war der Farbton der einzige Unterschied zwischen ihnen.
- Sehschwäche. Überschrift, Navigation und Hauptaktion sollten Sie noch an Form und Position finden können.
- Sonne, in Handybreite. Der Text, der hier verschwindet, ist der, den Sie zuerst abdunkeln sollten. Messen Sie ihn mit dem Kontrastrechner.
Die WCAG fassen die Regel hinter all dem im Erfolgskriterium 1.4.1: Farbe darf nicht das einzige visuelle Mittel sein, um Informationen zu vermitteln.
Wie die Vorschau entsteht und wo ihre Grenzen liegen
Unser Server lädt das HTML herunter (bis 2,5 MB), entfernt jedes Skript, jeden Frame und jeden Event-Handler und schickt das Ergebnis an Ihren Browser, der es in einem abgeschotteten Frame (Sandbox) anzeigt. Der Frame kann keinen Code ausführen und keine Formulare absenden. Seine Bilder, Schriften und Stylesheets fordert Ihr Browser direkt bei der ursprünglichen Website an.
Das hat zwei Nebenwirkungen. Inhalte, die eine Website mit JavaScript aufbaut, etwa Karussells, nachgeladene Abschnitte oder ganze Single-Page-Anwendungen, können fehlen oder unfertig aussehen. Und manche Webfonts weigern sich, außerhalb ihrer eigenen Domain zu laden, sodass die Schrift von der echten Seite abweichen kann.
Eine Simulation ist eine Annäherung, gezeigt auf Ihrem eigenen Bildschirm für Ihre eigenen Augen. Sie zeigt gut, wo ein Design von Farbe abhängt. Sie kann Ihnen nicht sagen, was eine bestimmte Person wahrnimmt. Rückmeldungen von Menschen mit Farbsehschwäche oder Sehbehinderung sind mehr wert als jeder Filter.
Häufige Fragen
Welche Art von Farbenblindheit ist am häufigsten?
Die Deuteranomalie, eine geschwächte Reaktion der Grünzapfen. Zusammen mit der Deuteranopie, ihrer vollständigen Form, betrifft sie etwa 6 % der Männer. Deshalb öffnet dieses Tool mit der Ansicht Deuteranopie.
Sehen farbenblinde Menschen schwarzweiß?
Fast nie. Das vollständige Fehlen des Farbsehens (Achromatopsie) betrifft ungefähr 1 von 30.000 Personen. Die meisten Menschen mit einer Farbsehschwäche sehen viele Farben und verwechseln bestimmte Paare, meist auf der Rot-Grün-Achse.
Welche Farben kann man gefahrlos kombinieren?
Paare, die sich deutlich in der Helligkeit unterscheiden, bleiben unter jedem Filter unterscheidbar, zum Beispiel Dunkelblau mit Gelb oder Orange. Rot mit Grün, Grün mit Braun und Blau mit Lila sind die Kombinationen, die Sie meiden sollten, wenn die beiden Farben Verschiedenes bedeuten.
Warum sieht meine Seite in der Vorschau kaputt aus?
Die Vorschau läuft ohne JavaScript. Hängen Layout, Menü oder Inhalt von Skripten ab, fehlen diese Teile. Die Filter wirken trotzdem korrekt auf alles, was angezeigt wird.
Kann ich eine Seite testen, für die man sich anmelden muss?
Nein. Unser Server ruft die Seite als anonymer Besucher ab und hat keinen Zugriff auf Ihre Sitzung, er bekommt also nur die Anmeldeseite. Für Seiten hinter einer Anmeldung nutzen Sie die Emulation von Sehschwächen, die in die Entwicklertools von Chrome oder Firefox eingebaut ist.