Für Website-Betreiber
Barrierefreiheitsstärkungsgesetz – gültig seit 28. Juni 2025
Websites, Shops und Formulare müssen barrierefrei gestaltet werden. Wen es betrifft und was jetzt zu tun ist.
WCAGWCAG Web Content Accessibility Guidelines, internationale Richtlinien für barrierefreie Websites. 2.0, 2.1, 2.2 und EN 301 549
Die Unterschiede der Standards erklärt – und welche Version für wen relevant ist. Weiterlesen
Beschwerde wegen mangelnder Barrierefreiheit? So reagierst du richtig!
Jede berechtigte Beschwerde kann zu Prüfungen oder sogar Bußgeldern führen. Tipps zur Kommunikation
WCAG‑Standards verständlich erklärt
Was sind die WCAG und warum sind sie für dich wichtig? Mehr Reichweite, rechtliche Sicherheit und SEO-Vorteile.
Für Designer
Barrierefreie Konzeption von Anfang an
Accessibility-by-Design als Prozessprinzip für jede Phase. Weiterlesen
Icons & Illustrationen barrierefrei gestalten
Barrierefreiheit macht dein Design robuster, inklusiver und zukunftssicher. Ein kurzer Überblick.
Barrierefreies Webdesign: 5 Tipps für inklusive Layouts
Barrierefreiheit beginnt nicht beim Coden – sondern beim Design. Fünf praxisnahe Tipps.
Farbkontrast & Textlesbarkeit
Was passiert, wenn Inhalte unleserlich sind? User springen ab, Frust macht sich breit, und dein Design verfehlt seinen Zweck. Warum du dich um Farbkontrast kümmern solltest.
Für Entwickler
WCAG 2.0, 2.1, 2.2 und EN 301 549
Die Unterschiede der Standards erklärt – und welche Version für wen relevant ist. Weiterlesen
Tastatur-Navigation (Tab-Navigation) und Fokus-Management
ARIA‑Roles, Labels & Landmarks richtig einsetzen
Oder: Warum „mehr ARIA“ oft weniger Barrierefreiheit bedeutet. Weiterlesen
Für Texter und Redakteure
Alternativtexte schreiben
Die Kunst der unsichtbaren Information Nimm dir die Zeit, Bilder sinnvoll zu beschreiben. Deine Nutzer – und Google – werden es dir danken.
Barrierefrei gendern
GenderzeichenGenderzeichen Genderstern (*): z.B. Schüler*innen Unterstrich (_): z.B. Schüler_innen Doppelpunkt (:): z.B. Schüler:innen Binnen-I: z.B. SchülerInnen Diese Zeichen wollen Sichtbarkeit für mehr als zwei Geschlechter schaffen. machen Sprache inklusiv für viele, aber unzugänglich für andere – zum Beispiel für blinde Menschen mit ScreenreaderScreenreader Software, die Texte am Bildschirm laut vorliest oder als Braille ausgibt.. Welche Probleme und Lösungen gibt es?
Struktur & Überschriftenhierarchie
Wie Überschriften und HTML-Strukturelemente gemeinsam Orientierung schaffen. Sie dienen der Navigation, nicht nur der Formatierung. Weiterlesen
Für Agenturen
WCAG 2.0, 2.1, 2.2 und EN 301 549
Die Unterschiede der Standards erklärt – und welche Version für wen relevant ist. Weiterlesen
Erklärung zur Barrierefreiheit
Checkliste: Ist deine Website barrierefrei genug?
Nutze diese Checkliste, um deine Website schnell auf Schwachstellen zu prüfen.
Beschwerde wegen mangelnder Barrierefreiheit? So reagierst du richtig!
Jede berechtigte Beschwerde kann zu Prüfungen oder sogar Bußgeldern führen. Tipps zur Kommunikation