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 KomponenteBilder sollten mit alternativen Texten versehen werden, damit alle Nutzer:innen, einschließlich Screenreader-Benutzer:innen, die Informationen verstehen können.
-
Buttons & Links
Allgemeine KomponenteDiese Komponente behandelt Thematiken wie zugängliche Texte, korrekte Semantik u.v.m.
-
Fokusmanagement
Allgemeine KomponenteDas richtige Focusmanagement ist eine sehr wichtige Aufgabe bei der Barrierefreiheit.
-
Formulare
Spezifische KomponenteVom Kontaktformular bis Newsletteranmeldung gibt es viele Dinge, die bei der Integration eines Formulars zu beachten sind.
-
Formularvalidierung
Spezifische KomponenteFormularvalidierungen stellen sicher, dass die eingegebenen Daten korrekt und vollständig sind, bevor ein Formular abgeschickt wird.
-
HTML-Aufbau
Allgemeine KomponenteEine semantisch korrekte und saubere HTML-Struktur ist eine wichtige Basis für eine barrierefreie Umsetzung.
-
Modale
Spezifische KomponenteModals müssen so umgesetzt werden, dass sie für alle Nutzer:innen zugänglich sind und Inhalte korrekt vorgelesen sowie bedienbar werden.
-
Navigation
Allgemeine KomponenteEine barrierefreie Navigation ermöglicht allen Nutzer:innen, sich klar zu orientieren und wichtige Bereiche einer Website einfach zu erreichen.
-
Nutzung von Farbe
Allgemeine KomponenteGewährleistet sinnvolle Nutzung von Farbe, sodass Inhalte für alle Nutzer:innen verständlich und zugänglich sind.
-
Tab-Liste
Spezifische KomponenteEine Tabliste ist ein barrierefreies Navigationsmuster, das Inhalte in Reiter gliedert und durch Tastaturbedienung sowie klare ARIA-Informationen für Screenreader zugänglich ist.