- Start
- Ratgeber
Ratgeber Barrierefreiheit mit Beispielen
Zehn typische Barrieren, erklärt mit Beispielen vorher und nachher, das du selbst mit dem Regler vergleichen kannst. Mit den Regeln der WCAG und Lösungen, die du heute noch umsetzen kannst.
Alle Ratgeber zur Barrierefreiheit im Überblick
Die WCAG ordnen alle Anforderungen vier Prinzipien zu. Eine Website muss wahrnehmbar, bedienbar, verständlich und robust sein. Unsere Ratgeber folgen dieser Ordnung, damit du siehst, wo jede Barriere hingehört und welche Menschen sie trifft.
- Farbkontrast barrierefrei: Werte, Beispiele, Lösungen
Warum Hellgrün auf Weiß niemand lesen kann
- Schriftgröße barrierefrei: lesbar auch mit Zoom
Lesbar auch mit 200 Prozent Zoom
- Alternativtexte für Bilder richtig schreiben
Was ein Screenreader statt des Fotos vorliest
- Barrierefreie Videos: Untertitel und Transkript
Untertitel, Transkript und Audiodeskription
- Tastaturbedienung barrierefrei: Fokus und Reihenfolge
Jeder Knopf erreichbar, der Fokus immer sichtbar
- Barrierefreie Links und Schaltflächen gestalten
Nie wieder „hier klicken“, immer groß genug
- Animationen barrierefrei: Bewegung, die man anhalten kann
Bewegung, die man anhalten kann
- Barrierefreie Formulare: Labels, Fehler, Hilfe
Beschriftung, Fehlermeldung und genug Zeit
- Einfache und Leichte Sprache auf Websites
Kurze Sätze, bekannte Wörter, klare Schritte
- Überschriften barrierefrei: Struktur, die man hört
Eine Gliederung, die man auch hören kann
So nutzt du die Ratgeber für deine eigene Website
Jeder Ratgeber beginnt mit einem Beispiel, das du mit dem Regler vergleichen kannst. Danach erklären wir, warum die Barriere Menschen ausschließt, welche Kriterien der WCAG gelten und wie du sie in der Praxis behebst. Für Entwickler zeigen wir zusätzlich Code vorher und nachher, für alle anderen konkrete Schritte, die keine Programmierkenntnisse brauchen.
Die Ratgeber ersetzen keine Prüfung, sie helfen dir aber, die wichtigsten Barrieren selbst zu erkennen. Wenn du merkst, dass viele Punkte auf deine Website zutreffen, lohnt sich ein Schnelltest mit zwölf Fragen und danach eine Prüfung nach WCAG 2.2, die alle Kriterien abdeckt und dir eine klare Reihenfolge gibt.
Lieber gleich alles prüfen lassen?
Wir prüfen deine Website auf alle Kriterien der WCAG 2.2 und schicken dir einen Bericht mit Fundstellen, Lösungen und Prioritäten.