Was bedeuten Barrierefreiheit und WCAG?
Digitale Barrierefreiheit bedeutet, dass Websites und Apps für alle Menschen nutzbar sind – auch mit Seh-, Hör- oder motorischen Einschränkungen. Die WCAG (Web Content Accessibility Guidelines) des W3C sind der internationale Standard, der dafür prüfbare Kriterien festlegt.
WCAG und digitale Barrierefreiheit: Definition
Barrierefreiheit im Web heißt: Inhalte lassen sich wahrnehmen, bedienen und verstehen – unabhängig davon, ob jemand einen Screenreader nutzt, nur die Tastatur bedient, Inhalte vergrößert oder Farben schlecht unterscheiden kann. Davon profitieren auch ältere Menschen und alle, die unter schwierigen Bedingungen surfen, etwa in grellem Sonnenlicht.
Die WCAG werden vom World Wide Web Consortium (W3C) herausgegeben; aktuell ist die Version 2.2. Sie gliedern sich in vier Prinzipien und kennen drei Konformitätsstufen: A, AA und AAA. In der Praxis gilt Stufe AA als üblicher Zielstandard.
- Wahrnehmbar: Alternativtexte für Bilder, Untertitel für Videos, ausreichende Kontraste
- Bedienbar: vollständige Tastaturbedienung, sichtbarer Fokus, genug Zeit
- Verständlich: klare Sprache, nachvollziehbare Formulare und Fehlermeldungen
- Robust: sauberer, semantischer Code, den Hilfstechnologien auslesen können
Rechtlicher Rahmen in Deutschland
Seit dem 28. Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz (BFSG). Es verpflichtet viele Unternehmen, bestimmte Produkte und Dienstleistungen für Verbraucher barrierefrei anzubieten – dazu zählen etwa Onlineshops, Buchungsstrecken und andere Angebote im elektronischen Geschäftsverkehr. Für Kleinstunternehmen, die Dienstleistungen erbringen, gelten Ausnahmen.
Als technische Grundlage dient die europäische Norm EN 301 549, die auf die WCAG verweist. Öffentliche Stellen unterliegen zusätzlich der BITV 2.0. Ob und in welchem Umfang Ihr Angebot betroffen ist, sollte im Einzelfall geprüft werden. Dieser Beitrag ersetzt keine Rechtsberatung.
Vorteile und Grenzen
Barrierefreie Websites erreichen mehr Menschen, sind meist übersichtlicher und technisch sauberer. Viele Maßnahmen – klare Überschriftenstruktur, Alternativtexte, gute Kontraste – helfen zugleich Suchmaschinen und KI-Systemen, Inhalte richtig zu verstehen. Zudem profitieren alle Nutzer von einer klaren Bedienung.
Die Grenzen liegen in der Prüfung: Automatische Tools finden nur einen Teil der Probleme. Ob ein Formular mit Screenreader wirklich verständlich ist, zeigt erst ein manueller Test. Sogenannte Overlay-Widgets, die per Skript nachträglich Barrierefreiheit versprechen, ersetzen keine saubere Umsetzung im Code.
Praxisbeispiel: Schritte zur barrierefreien Website
Ein Onlinehändler möchte seinen Shop prüfen lassen. Zuerst entsteht ein Audit nach WCAG-Kriterien: automatischer Scan, manuelle Tests mit Tastatur und Screenreader, Prüfung von Kontrasten und Formularen. Ergebnis ist eine priorisierte Mängelliste.
Kritische Hürden im Bestellprozess werden zuerst behoben, etwa fehlende Feldbeschriftungen oder ein Warenkorb, der per Tastatur nicht erreichbar ist. Danach folgen die Erklärung zur Barrierefreiheit und regelmäßige Nachprüfungen. Nano Concepts berücksichtigt diese Anforderungen bei Neuentwicklungen von Beginn an und überarbeitet bestehende Websites gezielt.
Häufige Fragen zu Barrierefreiheit & WCAG
In der Regel wird Stufe AA angestrebt. Sie ist Bezugspunkt der europäischen Norm EN 301 549 und deckt die wichtigsten Anforderungen ab. Stufe AAA ist für ganze Websites meist nicht vollständig erreichbar und wird eher für einzelne Inhalte genutzt.
Nein. Das Gesetz betrifft bestimmte Produkte und Dienstleistungen für Verbraucher, etwa im elektronischen Geschäftsverkehr. Reine Informationsseiten ohne Vertragsabschluss fallen häufig nicht darunter, und Kleinstunternehmen sind bei Dienstleistungen ausgenommen. Lassen Sie den Einzelfall rechtlich prüfen.
In der Regel nicht. Plugins und Overlays bieten einzelne Anpassungen wie Schriftvergrößerung, beheben aber keine strukturellen Probleme im Code, etwa fehlende Beschriftungen oder eine unlogische Fokusreihenfolge. Nachhaltig ist nur eine barrierefreie Umsetzung der Website selbst.
Passende Leistungen
Webentwicklung
Websites mit echter Funktion: Rechner, Formulare, Kundenbereiche und Schnittstellen – sauber programmiert und schnell.
Mehr erfahrenUI/UX-Design
Oberflächen für Software, Apps und Portale – erforscht, als Prototyp getestet und mit LOMA DESIGN gestaltet.
Mehr erfahrenE-Commerce & Onlineshops
Onlineshops mit Shopify, WooCommerce oder Shopware – inklusive Zahlung, Versand und Anbindung an Ihre Warenwirtschaft.
Mehr erfahrenVerwandte Begriffe
Relevant für diese Branchen
Passende Magazin-Beiträge
Barrierefreiheit nach BFSG: Was für Websites, Shops und Apps gilt
Seit dem 28. Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz. Wen es betrifft, was barrierefreie Websites und Apps ausmacht – und wie Sie pragmatisch starten.
Weiterlesen
Conversion-Optimierung für Landingpages: testen statt raten
Eine Landingpage hat nur wenige Sekunden, um zu überzeugen. So verbessern Sie mit klarer Nutzerführung, sauberen Hypothesen und schnellen Seiten systematisch Ihre Conversion-Rate.
Weiterlesen
Barrierefreiheit im Web: WCAG 2.2 und BITV 2.0 pragmatisch umsetzen
Barrierefreiheit ist mehr als ein Add-on: Sie verbessert Bedienbarkeit, Struktur und Reichweite. Wie Sie WCAG 2.2 und BITV 2.0 mit klaren Prioritäten, Tests und einer Checkliste umsetzen.
Weiterlesen
