Alle Komponenten

Diese Seite bietet eine Übersicht über UI-Komponenten, bei denen die Implementierung von Barrierefreiheit im Fokus steht. Die gängigen Interaktionsmuster werden kurz erklärt und zugänglich dokumentiert.

Bilder
Spezifische Komponente

Bilder sollten mit alternativen Texten versehen werden, damit alle Nutzer:innen, einschließlich Screenreader-Benutzer:innen, die Informationen verstehen können.
Mehr erfahren
Buttons & Links
Allgemeine Komponente

Diese Komponente behandelt Thematiken wie zugängliche Texte, korrekte Semantik u.v.m.
Mehr erfahren
Fokusmanagement
Allgemeine Komponente

Das richtige Focusmanagement ist eine sehr wichtige Aufgabe bei der Barrierefreiheit.
Mehr erfahren
Formulare
Spezifische Komponente

Vom Kontaktformular bis Newsletteranmeldung gibt es viele Dinge, die bei der Integration eines Formulars zu beachten sind.
Mehr erfahren
Formularvalidierung
Spezifische Komponente

Formularvalidierungen stellen sicher, dass die eingegebenen Daten korrekt und vollständig sind, bevor ein Formular abgeschickt wird.
Mehr erfahren
HTML-Aufbau
Allgemeine Komponente

Eine semantisch korrekte und saubere HTML-Struktur ist eine wichtige Basis für eine barrierefreie Umsetzung.
Mehr erfahren
Modale
Spezifische Komponente

Modals müssen so umgesetzt werden, dass sie für alle Nutzer:innen zugänglich sind und Inhalte korrekt vorgelesen sowie bedienbar werden.
Mehr erfahren
Navigation
Allgemeine Komponente

Eine barrierefreie Navigation ermöglicht allen Nutzer:innen, sich klar zu orientieren und wichtige Bereiche einer Website einfach zu erreichen.
Mehr erfahren
Nutzung von Farbe
Allgemeine Komponente

Gewährleistet sinnvolle Nutzung von Farbe, sodass Inhalte für alle Nutzer:innen verständlich und zugänglich sind.
Mehr erfahren
Tab-Liste
Spezifische Komponente

Eine Tabliste ist ein barrierefreies Navigationsmuster, das Inhalte in Reiter gliedert und durch Tastaturbedienung sowie klare ARIA-Informationen für Screenreader zugänglich ist.
Mehr erfahren