Alle Labore

Access

Accessibility Room

Zugang ist eine Gestaltungsebene.

Kontrast, Tastatur und Bewegungsoptionen als sichtbarer Teil des Designs.

Live-Experiment

So benutzt du diesen Raum

  1. Passe Kontrast, Bewegung und Textgröße global an.
  2. Prüfe zwei eigene Farben.
  3. Durchlaufe den Fokus-Parcours mit der Tab-Taste.
Wirkt auf die ganze WebsitePersönliche Ansicht
WCAG-Prüfung

Farbkontrast berechnen

Lesbares Beispiel

Kontrast macht Information unabhängig von Display und Lichtsituation zugänglich.

17.86:1AAA für normalen Text
Tastaturtest

Fokus-Parcours

Nutze die Tab-Taste. Der Fokus bleibt sichtbar und folgt einer logischen Reihenfolge.

Noch kein Element aktiviert
  • Semantische Überschriften
  • Sichtbarer Fokus
  • Live-Ansagen
  • Persistente Einstellungen

Was dieser Raum untersucht

Die Demo verbindet sichtbare Gestaltung mit robustem Verhalten im Browser.

Kontrastprüfung

Farbwerte bleiben in verschiedenen Ansichten zuverlässig lesbar.

Fokusführung

Der sichtbare Fokus folgt einer logischen Reihenfolge.

Semantische Struktur

Überschriften, Regionen und Steuerelemente behalten ihre Bedeutung.

Bewegungsreduktion

Automatische Bewegung lässt sich reduzieren oder vollständig anhalten.

Gestaltungsprinzipien

Verständlich

Die Hauptfunktion ist auch ohne Erklärung erkennbar.

Reaktionsfähig

Jede Eingabe erzeugt direktes und angemessenes Feedback.

Robust

Mobile Ansicht, Tastatur und reduzierte Bewegung sind mitgedacht.

Vom Experiment zur eigenen Idee

Was würde zugang mit deiner Marke machen?

Setze dein Logo und deine Farben direkt in eine eigene Studie ein – oder sieh dir an, wie solche Prinzipien in realen Beispielseiten wirken.

Nächster RaumMotion Lab