Demo · Barrierefreiheit und Suche
Für alle bedienbar.
KLXM Studio und das Kit „klxm“ sind auf WCAG 2.2 AA ausgelegt. Probieren Sie es auf dieser Website selbst aus – die Karten unten sagen, wie.
Selbst testen
Sechs Dinge, die Sie gleich ausprobieren können
-
Dunkles Farbschema
Folgt der Einstellung Ihres Geräts; der Umschalter im Kopf wählt hell oder dunkel für diese Website (gespeichert nur im Browser, kein Cookie).
-
Bewegung reduzieren
Mit „Bewegung reduzieren“ im Betriebssystem stehen Slider, Zähler und Einblendungen still.
-
Tastatur
Mit Tab durch die Seite: sichtbarer Fokus, „Zum Inhalt springen“ als erster Link, Dialoge mit Esc schließen.
-
Suche mit Tippfehlern
Suchen Sie nach „kallender“ – die Suche findet trotzdem „Kalender“.
Suche öffnen: Suche mit Tippfehlern -
Alt-Texte Pflicht
Ohne Alt-Text (oder den Vermerk „dekorativ“) lässt sich ein Bild nicht verwenden – je Sprache gepflegt.
-
Formulare
Beschriftungen über den Feldern, Pflicht-Kennzeichnung, Fehler am Feld und als Liste mit Sprungmarken.
Zum Formular: Formulare
Häufige Fragen
Barrierefreiheit im Alltag
Wie schalte ich „Bewegung reduzieren“ ein?
macOS/iOS: Bedienungshilfen → Bewegung. Windows: Einstellungen → Barrierefreiheit → Visuelle Effekte → Animationseffekte aus. Android: Bedienungshilfen → Animationen entfernen.
Wird die Barrierefreiheit geprüft?
Ja: automatische Prüfungen (axe) für hell und dunkel, Kontrastprüfung der Farben im Style-Editor, dazu manuelle Tests mit Tastatur und Screenreader.
Brauche ich dafür ein Plugin?
Nein. Farbschema, Fokus, Formulare, Alt-Texte und reduzierte Bewegung sind Teil von Kern und Kits.
Weitere Demos
Noch mehr ausprobieren.
Alle Beispiele auf einen Blick – mit Demo-Daten, die Sie gefahrlos ausprobieren können.