Zum Inhalt springen
Zeichen von webseiten barrierefrei barrierefreiwebseiten
  1. Start
  2. Barriere-Simulator
Werkzeug

Barriere-​Simulator: Websites mit anderen Augen sehen

Sieh Websites mit anderen Augen. Setz neun Brillen auf und erlebe dieselbe Beispielseite so, wie Menschen mit Sehschwäche, Farbsehschwäche, Tunnelblick oder Screenreader sie erleben. Danach schaltest du die Barrieren ab und vergleichst.

Simulator

Wähle eine Brille und vergleiche vorher und nachher

Brille
Beispielseite
Ohne Brille So sieht die Seite aus, wenn man gut sieht, eine Maus nutzt und nicht abgelenkt ist.
Vorgelesen
  1. Link, Bild, logo Unterstrich neu 2
  2. Link, hier
  3. Bild, IMG 4711 Punkt JPG
  4. Dein Zugticket in drei Schritten
  5. Bearbeitbares Textfeld
  6. Schaltfläche, ok
  7. Schaltfläche
  1. Link, Stadtbahn Tickets, Startseite
  2. Überschrift Ebene 1, Dein Zugticket in drei Schritten
  3. Bild, Regionalzug am Bahnsteig
  4. Das Ticket kommt sofort aufs Handy.
  5. Abfahrt, Gruppe. 9 Uhr 12, frei. 9 Uhr 42, ausgebucht.
  6. Bearbeitbares Textfeld, Deine E-Mail-Adresse, erforderlich
  7. Schaltfläche, Ticket kaufen

Die Darstellungen sind vereinfachte Simulationen. Sie zeigen Tendenzen, nicht das genaue Erleben einzelner Menschen.

Was du siehst

Was der Simulator über Websites verrät

Probier zuerst die Fassung mit Barrieren und setz nacheinander alle Brillen auf. Mit dem Grauen Star verschwinden die hellgraue Schrift und das kleine Eingabefeld fast vollständig. Mit der Grün-Schwäche lässt sich nicht mehr erkennen, welche Abfahrten frei und welche ausgebucht sind, denn sie unterscheiden sich nur durch die Farbe. Und der Screenreader liest statt einer Überschrift und eines Bildes nur Dateinamen und ein einsames „hier“ vor.

Dann schalte auf die barrierefreie Fassung um. Die Unterschiede sind klein und doch entscheidend. Die Schrift ist dunkler und größer, freie Tage tragen ein Zeichen und ein Wort, das Feld hat eine Beschriftung, und der Knopf sagt, was er tut. Unter jeder Brille bleibt die Seite verständlich und bedienbar, und der Screenreader liest eine sinnvolle Folge vor, mit Überschrift, Bildbeschreibung und Gruppe.

Genau das ist der Kern von Barrierefreiheit. Es geht selten um große Umbauten, sondern um viele kleine Entscheidungen, die zusammen darüber bestimmen, ob ein Mensch deine Website nutzen kann oder sie wieder schließt. Unsere Ratgeber zeigen jede dieser Entscheidungen einzeln, und unsere Prüfung findet sie auf deiner eigenen Website.

Fragen

Fragen zum Simulator

Wie genau sind die Simulationen?

Die Farbsehschwächen beruhen auf einem anerkannten Rechenmodell, die übrigen Brillen sind Annäherungen. Jeder Mensch nimmt anders wahr, deshalb ersetzt der Simulator keine Prüfung und keine Tests mit Betroffenen. Er hilft aber, ein Gefühl für die Hürden zu bekommen.

Kann ich meine eigene Website simulieren?

Im Browser lassen sich fremde Seiten aus Sicherheitsgründen nicht einbetten und verändern. Für Farbsehschwächen bieten Chrome und Firefox in ihren Entwicklerwerkzeugen eine eigene Simulation, die du auf jeder Seite nutzen kannst. Wir zeigen dir das gern.

Wird beim Vorlesen etwas übertragen?

Nein. Das Vorlesen nutzt die Sprachausgabe deines Browsers und Betriebssystems. Es werden keine Daten an uns oder an Dritte gesendet.

Und wie sieht deine Seite aus?

Wir setzen deiner Website alle Brillen auf, mit echten Hilfsmitteln statt Simulation, und sagen dir, was wir finden.