Was heisst barrierefreie Website nach WCAG? (2026)

Was ist Barrierefreiheit im Web?

Barrierefreiheit im Web — auch digitale Zugänglichkeit oder Accessibility genannt — bedeutet, dass eine Website von möglichst allen Menschen genutzt werden kann, unabhängig von körperlichen, sensorischen oder kognitiven Einschränkungen und unabhängig vom verwendeten Gerät. Eine barrierefreie Website funktioniert nicht nur mit Maus und scharfem Blick, sondern auch mit Tastatur, Screenreader, Bildschirmvergrösserung, Sprachsteuerung oder bei Farbenblindheit — und sie bleibt auf einem alten Handy im hellen Sonnenlicht bedienbar.

Barrierefreiheit ist kein Nischenthema für eine kleine Gruppe. Nach Angaben der Weltgesundheitsorganisation (WHO, 2023) leben weltweit rund 1,3 Milliarden Menschen mit einer signifikanten Behinderung. Hinzu kommen situative und temporäre Einschränkungen, die jeden treffen: ein gebrochener Arm, eine laute Umgebung ohne Kopfhörer, die Blendung durch die Sonne oder schlicht das Alter. Wer barrierefrei baut, baut darum für alle robuster — nicht nur für einen Teil der Nutzenden.

Was ist die WCAG?

Die Web Content Accessibility Guidelines (WCAG) sind der internationale Standard für barrierefreie Webinhalte, herausgegeben vom World Wide Web Consortium (W3C). Sie sind die Referenz, an der sich Gesetze, Prüfstellen und Werkzeuge weltweit orientieren. Die aktuell breit angewandten Versionen sind WCAG 2.1 (2018) und WCAG 2.2 (2023).

Die WCAG ordnet alle Anforderungen vier übergeordneten Prinzipien zu, oft mit dem Merkwort POUR (perceivable, operable, understandable, robust):

• Wahrnehmbar: Inhalte müssen so aufbereitet sein, dass sie über mehr als einen Sinn erfassbar sind — etwa Alternativtexte für Bilder und ausreichender Kontrast für Text.
• Bedienbar: Alle Funktionen müssen sich auch ohne Maus bedienen lassen — vollständig per Tastatur, mit sichtbarem Fokus und ohne Zeitfallen.
• Verständlich: Text und Bedienung müssen klar und vorhersehbar sein — klare Sprache, konsistente Navigation, hilfreiche Fehlermeldungen.
• Robust: Der Code muss so sauber sein, dass Browser und Hilfstechnologien wie Screenreader ihn zuverlässig interpretieren.

Zusätzlich definiert die WCAG drei Konformitätsstufen: A (Minimum), AA (der in der Praxis übliche Zielwert und die Basis der meisten Gesetze) und AAA (höchstes Niveau, nicht überall erreichbar). Für die meisten Websites ist Stufe AA die sinnvolle und übliche Zielmarke.

Warum zählt Barrierefreiheit?

Barrierefreiheit zählt aus vier Gründen, die sich gegenseitig verstärken: für die Menschen, für die Rechtssicherheit, für die Auffindbarkeit und für die Qualität des Handwerks. Sie ist damit kein nachträgliches Zusatzfeature, sondern eine Grundeigenschaft einer gut gebauten Website.

Im Einzelnen:

• Menschen: Der erste und wichtigste Grund ist, dass niemand ausgeschlossen wird. Wer eine Website nicht bedienen kann, kann nicht Kunde werden — Barrierefreiheit ist gelebte Fairness und erschliesst zugleich reale Zielgruppen.
• Recht: Für öffentliche Stellen ist Zugänglichkeit vielerorts gesetzlich vorgeschrieben, in der EU über den European Accessibility Act zunehmend auch für private Anbieter. Der Schweizer Rahmen wird weiter unten erklärt.
• SEO und GEO: Suchmaschinen-Crawler und KI-Systeme lesen eine Seite ähnlich wie ein Screenreader — über die semantische Struktur. Was für Hilfstechnologien zugänglich ist, ist auch für Google und KI zugänglich.
• Handwerk und Messbarkeit: Barrierefreiheit erzwingt sauberes, semantisches HTML und lässt sich objektiv prüfen, etwa über den Lighthouse-Accessibility-Score. Sie ist damit ein Qualitätssignal, kein Bauchgefühl.

Besonders der Zusammenhang zwischen Barrierefreiheit und Auffindbarkeit wird oft unterschätzt: Ein Screenreader und ein KI-Crawler wie ClaudeBot oder GPTBot stehen vor derselben Aufgabe — sie müssen den Sinn einer Seite allein aus dem Code erschliessen. Saubere Überschriften, beschreibende Alt-Texte und sprechende Linktexte senken für beide die Cost of Retrieval und verbessern die KI-Auffindbarkeit. Barrierefreiheit und moderne Auffindbarkeit sind zwei Seiten derselben Medaille.

Was verlangt das BehiG in der Schweiz?

In der Schweiz verpflichtet das Behindertengleichstellungsgesetz (BehiG) die Websites und digitalen Angebote von Bund und bundesnahen Stellen zur Barrierefreiheit; als technische Referenz dient der Standard eCH-0059, der sich an der WCAG orientiert. Öffentliche Stellen müssen ihre Online-Auftritte demnach so gestalten, dass sie auch von Menschen mit Behinderungen genutzt werden können.

Für rein private Unternehmen besteht in der Schweiz nach aktuellem Stand keine generelle gesetzliche Pflicht zur Barrierefreiheit ihrer Website. Der Trend zeigt jedoch klar in Richtung mehr Verbindlichkeit: In der Europäischen Union macht der European Accessibility Act (EAA) Barrierefreiheit ab 2025 für viele private Produkte und Dienstleistungen verpflichtend, was auch Schweizer Firmen mit EU-Geschäft betreffen kann. Unabhängig von der reinen Pflicht bleibt Barrierefreiheit für private Anbieter empfehlenswert — sie erweitert die Zielgruppe, verbessert die Auffindbarkeit und signalisiert Sorgfalt.

Hinweis: Dieser Abschnitt ist eine allgemeine Information zum besseren Verständnis und keine Rechtsberatung. Für die verbindliche Beurteilung Ihrer konkreten Situation ziehen Sie bitte eine fachkundige Rechtsberatung bei.

Welche fünf Grundlagen zählen in der Praxis?

Die wichtigsten Grundlagen der Barrierefreiheit lassen sich auf fünf Bereiche verdichten: Kontrast, semantisches HTML, Tastaturbedienbarkeit, Alternativtexte und sichtbarer Fokus. Diese fünf decken einen Grossteil der häufigen Barrieren ab und sind bei sauberem Handwerk von Anfang an einbaubar — statt teuer nachgerüstet.

1. Kontrast: Text muss lesbar sein

Ausreichender Farbkontrast zwischen Text und Hintergrund macht Inhalte auch bei Sehschwäche, hellem Umgebungslicht oder auf schlechten Displays lesbar. Die WCAG verlangen auf Stufe AA ein Kontrastverhältnis von mindestens 4,5:1 für normalen Text und mindestens 3:1 für grossen Text. Farbe darf ausserdem nie das einzige Mittel sein, um Information zu vermitteln — ein rot markierter Pflichtfeld-Fehler braucht zusätzlich Text oder ein Symbol, weil Farbenblinde die Farbe nicht erkennen.

2. Semantisches HTML: die richtige Bedeutung im Code

Semantisches HTML bedeutet, für jeden Inhalt das Element mit der passenden Bedeutung zu verwenden — ein <button> für eine Schaltfläche, eine <nav> für Navigation, eine korrekte Überschriften-Hierarchie von H1 bis H6 ohne Sprünge. Ein Screenreader baut daraus eine Landkarte, über die Nutzende von Überschrift zu Überschrift springen. Wird stattdessen alles aus bedeutungslosen <div>-Elementen gebaut, ist diese Landkarte leer. Dieselbe Struktur nutzen auch Suchmaschinen und KI-Crawler — sauberes Markup ist der gemeinsame Nenner von Zugänglichkeit und Auffindbarkeit.

3. Tastaturbedienbarkeit: alles ohne Maus

Jede Funktion einer Website muss vollständig per Tastatur erreichbar und auslösbar sein, denn viele Menschen — etwa mit motorischen Einschränkungen oder Screenreader — nutzen keine Maus. In der Praxis heisst das: Man muss mit der Tab-Taste in logischer Reihenfolge durch alle interaktiven Elemente navigieren, sie mit Enter oder Leertaste bedienen und nirgends in einer Tastaturfalle stecken bleiben können. Ein Skip-Link, der zu Beginn zum Hauptinhalt springt, erspart das mühsame Durchtabben der Navigation — diese Seite hat einen solchen Skip-Link.

4. Alt-Texte: Bilder in Worte fassen

Ein Alternativtext (Alt-Text) beschreibt den Inhalt eines Bildes in Worten, damit ihn Screenreader vorlesen können und er auch dann verfügbar ist, wenn das Bild nicht lädt. Ein guter Alt-Text ist knapp und beschreibt die Funktion des Bildes im Kontext, nicht jedes Detail. Rein dekorative Bilder erhalten einen leeren Alt-Text (alt=""), damit Screenreader sie überspringen. Alt-Texte helfen zugleich der Bildersuche und der KI-Auffindbarkeit, weil sie den Bildinhalt maschinenlesbar machen.

5. Sichtbarer Fokus: zeigen, wo man ist

Der Fokus-Indikator ist die sichtbare Markierung — meist ein Rahmen — die anzeigt, welches Element gerade per Tastatur ausgewählt ist. Für Menschen, die mit der Tastatur navigieren, ist er unverzichtbar: Ohne sichtbaren Fokus wissen sie nicht, wo sie sich befinden. Ein häufiger Fehler ist, den Fokusrahmen aus optischen Gründen komplett zu entfernen; richtig ist, ihn gut sichtbar und zum Design passend zu gestalten. Barrierefreie Formulare brauchen ausserdem für jedes Feld eine echte, verknüpfte Beschriftung (<label>) statt eines blossen Platzhalters.

Warum ist Lighthouse-Accessibility 100 der Massstab?

Studio Erdinc erreicht auf seinen handcodierten Seiten einen Lighthouse-Accessibility-Score von 100 — den Höchstwert der automatisierten Barrierefreiheits-Prüfung von Google. Lighthouse testet eine Seite gegen prüfbare Kriterien wie Kontrast, Alt-Texte, Formularbeschriftungen und korrekte ARIA-Nutzung und bewertet sie auf einer Skala von 0 bis 100.

Dieser Wert ist kein Zufall, sondern Folge der Bauweise: Weil jede Seite von Hand in semantischem HTML geschrieben wird — mit sauberer Überschriften-Hierarchie, Skip-Link, sichtbarem Fokus, beschreibenden Alt- und Aria-Labels und ausreichendem Kontrast — sind die Grundlagen von Anfang an eingebaut. Ehrlich bleibt dabei: Ein Score von 100 deckt die automatisiert prüfbaren Aspekte ab, ersetzt aber keine manuelle Prüfung mit echter Tastatur und echtem Screenreader. Beides gehört bei Studio Erdinc zum Handwerk. Wie derselbe handwerkliche Anspruch auf die übrigen Lighthouse-Kategorien wirkt, zeigt der Beitrag zu Lighthouse 100 und was ein perfekter Score bedeutet.

Begriffe kurz erklärt

Barrierefreiheit

Die Eigenschaft einer Website, von möglichst allen Menschen genutzt werden zu können — unabhängig von Einschränkung oder Eingabegerät. Auch digitale Zugänglichkeit oder Accessibility.

WCAG

Web Content Accessibility Guidelines — der internationale Standard für barrierefreie Webinhalte des World Wide Web Consortium (W3C).

Konformitätsstufe AA

Die mittlere der drei WCAG-Stufen (A, AA, AAA) und der in Praxis und Gesetzen übliche Zielwert für Barrierefreiheit.

Screenreader

Eine Hilfstechnologie, die den Inhalt einer Website vorliest und über die Tastatur bedienbar macht — genutzt vor allem von blinden und sehbehinderten Menschen.

Semantisches HTML

HTML-Code, der für jeden Inhalt das Element mit der passenden Bedeutung verwendet — Grundlage sowohl für Barrierefreiheit als auch für Auffindbarkeit.

Alt-Text

Alternativtext — eine Beschreibung eines Bildes in Worten, damit Screenreader es vorlesen und Suchmaschinen es verstehen können.

Fokus-Indikator

Die sichtbare Markierung, die anzeigt, welches Element bei der Tastaturnavigation gerade ausgewählt ist.

BehiG

Behindertengleichstellungsgesetz — das Schweizer Gesetz, das unter anderem die digitalen Angebote von Bund und bundesnahen Stellen zur Barrierefreiheit verpflichtet.

Häufige Fragen zu Barrierefreiheit und WCAG

Was ist Barrierefreiheit im Web?

Barrierefreiheit im Web bedeutet, dass eine Website von möglichst allen Menschen genutzt werden kann — unabhängig von Seh-, Hör-, motorischen oder kognitiven Einschränkungen und unabhängig davon, ob sie mit Maus, Tastatur, Screenreader oder Sprachsteuerung bedient wird. Die international massgebliche Referenz dafür sind die Web Content Accessibility Guidelines (WCAG) des World Wide Web Consortium (W3C).

Was ist die WCAG?

Die Web Content Accessibility Guidelines (WCAG) sind der internationale Standard für barrierefreie Webinhalte, herausgegeben vom World Wide Web Consortium (W3C). Sie ordnen alle Anforderungen vier Prinzipien zu — wahrnehmbar, bedienbar, verständlich und robust — und definieren drei Konformitätsstufen: A, AA und AAA. In der Praxis gilt Stufe AA als Zielmarke für die meisten Websites.

Ist Barrierefreiheit in der Schweiz Pflicht?

In der Schweiz verpflichtet das Behindertengleichstellungsgesetz (BehiG) die Websites und Online-Angebote von Bund und bundesnahen Stellen zur Barrierefreiheit; als technische Referenz dient der Standard eCH-0059, der sich an der WCAG orientiert. Für rein private Unternehmen besteht diese gesetzliche Pflicht in der Schweiz nach aktuellem Stand nicht generell — Barrierefreiheit bleibt dort aber empfehlenswert und ist in der EU über den European Accessibility Act zunehmend verpflichtend. Dies ist eine allgemeine Information und keine Rechtsberatung.

Hilft Barrierefreiheit dem SEO und der KI-Auffindbarkeit?

Ja. Viele Massnahmen für Barrierefreiheit verbessern zugleich SEO und die KI-Auffindbarkeit (GEO), weil Suchmaschinen-Crawler und KI-Systeme eine Seite ähnlich wahrnehmen wie ein Screenreader: über die semantische Struktur des HTML. Saubere Überschriften-Hierarchien, beschreibende Alt-Texte, sprechende Linktexte und maschinenlesbares Markup senken die Cost of Retrieval und machen Inhalte für Mensch und Maschine gleichermassen zugänglich.

Was ist der Kontrastwert nach WCAG?

Der Kontrastwert beschreibt das Helligkeitsverhältnis zwischen Text und Hintergrund. Die WCAG verlangen für normalen Text auf Konformitätsstufe AA ein Verhältnis von mindestens 4,5:1, für grossen Text mindestens 3:1. Ausreichender Kontrast macht Text auch bei Sehschwäche, hellem Umgebungslicht oder auf schlechten Displays lesbar.

Was ist der Lighthouse-Accessibility-Score?

Der Lighthouse-Accessibility-Score ist eine automatisierte Bewertung von Google Lighthouse, die eine Website auf einer Skala von 0 bis 100 gegen eine Reihe prüfbarer Barrierefreiheits-Kriterien testet — etwa Kontrast, Alt-Texte, Formularbeschriftungen und ARIA-Nutzung. Studio Erdinc erreicht auf seinen handcodierten Seiten einen Accessibility-Score von 100. Ein Score von 100 deckt die automatisiert prüfbaren Aspekte ab, ersetzt aber keine manuelle Prüfung mit Tastatur und Screenreader.

Quellen

Belegstellen dieses Beitrags mit Organisation, Jahr und Link; eigene Erhebungen mit Methode und Datum. Geprüft am 6. September 2026.

1. W3C: Web Content Accessibility Guidelines (WCAG) 2.2, 2023. w3.org
2. W3C: Web Content Accessibility Guidelines (WCAG) 2.1, 2018. w3.org
3. WHO: Disability and health (fact sheet), 2023. who.int
4. Fedlex: Behindertengleichstellungsgesetz (BehiG), SR 151.3, 2004. fedlex.admin.ch
5. Chrome for Developers: Lighthouse overview, 2026. developer.chrome.com
6. Studio Erdinc: Eigene Lighthouse- und PageSpeed-Messungen, dokumentiert mit Datum, Gerät und Werkzeug, 2026. lighthouse-100.html