Barrierefreiheit
AppCore InFocus
WCAG 2.1 AA
Für alle nutzbar
Aktueller Standard seit — Tagen
Barrierefreiheit bedeutet, eine Website so zu gestalten, dass sie jeder nutzen kann, unabhängig von Seh-, Hör-, motorischer oder kognitiver Fähigkeit. Sie betrifft mehr Menschen, als die meisten glauben.
Was Barrierefreiheit bedeutet und warum sie jeden betrifft
Barrierefreiheit im Web bedeutet, eine Seite so zu gestalten, dass Menschen mit unterschiedlichen Fähigkeiten sie gleichermaßen nutzen können. Das schließt dauerhafte Einschränkungen ein, etwa Blindheit oder Gehörlosigkeit, aber auch vorübergehende, wie einen gebrochenen Arm, und situative, wie grelles Sonnenlicht auf dem Handy-Display oder das Surfen mit einer Hand, während die andere ein Kind trägt.
Diese Bandbreite macht deutlich, warum Barrierefreiheit weit mehr Menschen betrifft, als eine reine Statistik zu Behinderungen vermuten lässt. Jeder Nutzer gerät irgendwann in eine Situation, in der eine barrierefreie Seite den Unterschied macht, ob eine Aufgabe gelingt oder scheitert.
Barrierefreiheit ist deshalb kein Nischenthema für eine kleine Zielgruppe, sondern ein Qualitätsmerkmal, von dem praktisch jeder Besucher profitiert, auch wenn er es nie bewusst bemerkt.
Die vier Prinzipien: WCAG in Kürze
Der internationale Maßstab für Barrierefreiheit im Web sind die Web Content Accessibility Guidelines (WCAG), aktuell in Version 2.1 auf der Stufe AA. Sie ruhen auf vier Prinzipien: Inhalte müssen wahrnehmbar sein, unabhängig von einem bestimmten Sinn, bedienbar, auch ohne Maus, verständlich, in Sprache und Struktur, und robust, kompatibel mit aktuellen und künftigen Hilfsmitteln.
Diese vier Prinzipien sind bewusst allgemein gehalten, damit sie auf sehr unterschiedliche Inhalte anwendbar bleiben. Konkret werden sie über einzelne Erfolgskriterien, etwa zu Kontrast, Tastaturbedienung oder Textalternativen, die sich direkt prüfen lassen.
Kontrast direkt ausprobieren
Der WCAG-Mindestkontrast für normalen Text liegt bei 4,5 zu 1. Schiebe die Regler und beobachte, ab wann der Text kaum noch lesbar wird.
Kontrast-Rechner
Hier vereinfacht in Graustufen, das Prinzip gilt für jede Farbe.
Barrieren direkt erleben
Wähle eine Linse und sieh dieselbe Beispiel-Seite mit unterschiedlichen Einschränkungen, so wie sie ein Teil deiner Besucher tatsächlich erlebt.
Erlebnis-Simulator
Zahnarztpraxis Musterstadt
Wir kümmern uns um Ihr Lächeln, mit moderner Technik und einem freundlichen Team.
AnfahrtSo wirkt die Seite bei starker Kurzsichtigkeit oder grauem Star, ohne Brille oder Vergrößerung. Kleine Schrift und dünne Kontraste werden schnell unlesbar.
Bei schwachem Kontrast verschwimmen Text und Hintergrund, verstärkt durch grelles Umgebungslicht, etwa auf dem Handy im Freien.
Etwa jeder zwölfte Mann hat eine Form der Farbsehschwäche. Informationen, die nur über Farbe vermittelt werden, etwa Rot für Fehler, gehen dabei verloren.
Ohne Maus bedienbar zu sein heißt, jedes Element per Tastatur zu erreichen und den Fokus jederzeit sichtbar zu halten.
Ein Screenreader liest die Seite vor, in der Reihenfolge und mit den Informationen, die der Code hergibt. Fehlt eine Textalternative, entsteht eine Lücke.
So wirkt die Seite bei starker Kurzsichtigkeit oder grauem Star, ohne Brille oder Vergrößerung. Kleine Schrift und dünne Kontraste werden schnell unlesbar.
Vier häufige Barriere-Typen und ihre Lösung
Welche Einschränkung typischerweise welche Barriere trifft, und was konkret hilft.
Vier Barriere-Typen, zum Durchtippen
Blindheit, Sehschwäche, Farbsehschwäche.
Wer nicht oder eingeschränkt sieht, braucht Textalternativen, ausreichenden Kontrast und Informationen, die nicht allein über Farbe vermittelt werden.
Hilft Alt-Texte, ausreichender Kontrast, keine Information nur über Farbe.
Stolperfalle Bilder ohne Alt-Text, Statusfarben ohne zusätzliches Symbol oder Text.
Eingeschränkte Feinmotorik, Zittern, fehlende Maus-Nutzung.
Wer die Maus nicht oder nur eingeschränkt nutzen kann, braucht große, gut erreichbare Bedienelemente und vollständige Tastaturbedienbarkeit.
Hilft Große Klickflächen, vollständige Tastaturbedienbarkeit.
Stolperfalle Winzige Buttons, Funktionen nur per Maus-Hover erreichbar.
Gehörlosigkeit, Schwerhörigkeit.
Wer nicht oder eingeschränkt hört, braucht Untertitel und Transkripte, damit akustische Inhalte trotzdem zugänglich bleiben.
Hilft Untertitel bei Videos, Transkripte bei Audio-Inhalten.
Stolperfalle Erklärvideo nur mit gesprochenem Text, keine Untertitel.
Konzentrations-, Lese- oder Verarbeitungsschwierigkeiten.
Wer Informationen langsamer verarbeitet oder sich schwerer konzentriert, profitiert von klarer Struktur, einfacher Sprache und einer ruhigen, vorhersehbaren Seite.
Hilft Klare Struktur, einfache Sprache, keine plötzlichen Bewegungen.
Stolperfalle Verschachtelte Sätze, blinkende Elemente, überladene Seiten.
Der häufigste Irrtum: „Sieht doch gut aus“
Ein verbreiteter Irrtum ist, eine Seite allein nach optischem Eindruck für barrierefrei zu halten. Wer die Seite mit Maus und funktionierenden Augen betrachtet, sieht die meisten Barrieren gar nicht: fehlende Alt-Texte, eine Tastaturfalle in einem Dropdown-Menü oder einen Screenreader, der eine wichtige Information überspringt, bleiben unsichtbar, solange niemand gezielt danach sucht.
Deshalb hilft ein Blick über den eigenen Bildschirm hinaus: Wie liest sich die Seite ohne Maus, nur mit der Tabulatortaste? Wie klingt sie, wenn ein Screenreader sie vorliest? Diese Perspektivwechsel decken Lücken auf, die eine rein visuelle Prüfung übersieht.
Wie barrierefrei ist deine Seite wirklich?
Wähle die Situation, die deiner aktuellen Website am nächsten kommt.
Trifft eine der folgenden Situationen auf dich zu?
Zeitleiste
Vom Nischenthema zum universellen Standard
Wie sich Barrierefreiheit im Web von einer Zusatzfunktion zum Qualitätsmaßstab entwickelt hat.
- 1999
Die ersten WCAG erscheinen
Das World Wide Web Consortium veröffentlicht die ersten Web Content Accessibility Guidelines als internationalen Referenzrahmen.
- 2008
WCAG 2.0 mit den vier Prinzipien
Wahrnehmbar, bedienbar, verständlich, robust werden zum bis heute gültigen Grundgerüst.
- 2018
WCAG 2.1 ergänzt Mobilgeräte
Neue Erfolgskriterien berücksichtigen Touch-Bedienung und mobile Nutzung stärker.
- seit 2025
Vom Standard zur rechtlichen Pflicht
Mit dem BFSG wird Barrierefreiheit für viele Websites in Deutschland vom Qualitätsmerkmal zur gesetzlichen Anforderung.
Standard und Recht: WCAG und die Prüfung durch AppCore
Die WCAG sind zunächst ein technischer Standard, kein Gesetz. Ihre rechtliche Verbindlichkeit für viele Websites erhalten sie in Deutschland über das Barrierefreiheitsstärkungsgesetz, das seit dem 28. Juni 2025 gilt und im eigenen InFocus-Begriff Barrierefreiheit (BFSG) behandelt wird. Unabhängig von einer gesetzlichen Pflicht bleibt der WCAG-Standard aber der sinnvolle Maßstab für jede Seite, die möglichst viele Menschen erreichen will.
So prüft der AppCore Audit die Barrierefreiheit
Der AppCore Audit prüft mit der Lösung AccessGuard die technisch messbaren WCAG-Kriterien einer Seite, etwa Kontrast, Alt-Texte, Tastaturbedienbarkeit und Formularlabels, und macht gefundene Barrieren als konkrete Befunde sichtbar. Manche Kriterien lassen sich nur manuell mit echten Hilfsmitteln bewerten; der Befund zeigt, wo diese Prüfung ansetzen sollte.
Reichweite und Reputation: der Nutzen barrierefreier Seiten
Barrierefreie Seiten profitieren über die reine Zugänglichkeit hinaus: Sauberes, semantisches HTML, das Screenreader korrekt interpretieren, ist häufig auch für Suchmaschinen leichter lesbar. Untertitel machen Videoinhalte durchsuchbar. Eine klare Struktur hilft nicht nur Menschen mit kognitiven Einschränkungen, sondern jedem eiligen Besucher.
Hinzu kommt die schlicht größere erreichbare Zielgruppe: Wer eine Seite für alle zugänglich macht, schließt niemanden aus, der sonst als Kunde verloren ginge. Barrierefreiheit ist damit selten ein reiner Kostenpunkt, sondern häufig eine Investition, die sich auf mehreren Ebenen auszahlt.
Die eigene Seite barrierefrei gestalten
Der wirksamste Einstieg ist, die eigene Seite testweise durch andere Augen zu betrachten. Drei Fragen helfen dabei. Erstens: Lässt sich jede Funktion allein mit der Tastatur bedienen, mit jederzeit sichtbarem Fokus? Zweitens: Haben alle wichtigen Bilder und Videos Textalternativen oder Untertitel? Drittens: Reicht der Kontrast von Text zu Hintergrund für Menschen mit eingeschränktem Sehvermögen?
Wer diese Fragen mit Werkzeugen wie dem Kontrast-Rechner und dem Erlebnis-Simulator oben selbst durchspielt, bekommt ein unmittelbares Gefühl für Barrieren, die sonst leicht übersehen werden. Der AppCore Audit ergänzt diesen Selbsttest um eine systematische, technische Prüfung über die ganze Seite hinweg.
Eine barrierefreie Seite ist kein Zusatzaufwand am Rand, sondern eine Seite, die für alle funktioniert, so wie sie sein sollte. Wer sie so gestaltet, erreicht mehr Menschen und macht das Web ein Stück zugänglicher.
Wo stehst du gerade?
Kontrast, Tastaturbedienung und eine saubere Überschriften-Struktur kosten im Entwurf fast nichts und im Nachbau viel. Denk sie von Anfang an mit.
Viele Barrieren bleiben unsichtbar, solange man sie nicht sucht. Der AppCore Audit prüft deine Seite gegen die WCAG und zeigt, was sich technisch beheben lässt.
Dein Weg zu mehr Sicherheit
Vom Befund zur laufenden Prüfung
Drei Schritte, jeder für sich nutzbar.
AppCore Audit
Wir prüfen deine Seite über alle 20 Lösungen und zeigen dir, was offen ist.
Kostenfrei startenBluePrint oder CMS
Offene Befunde werden behoben, technisch direkt oder über ExpertSeal.
Plan
Deine Seite bleibt dauerhaft sauber, mit laufender Prüfung.
Pläne ansehenAudit → BluePrint / CMS → Plan
Nächster Schritt
Compliance-Risiko einschätzen
Der AppCore-Erstaudit zeigt dir in 10 Minuten, wo deine Website steht.