Barrierefreiheit und SEO: so wirken beide zusammen

Barrierefreiheit wirkt indirekt auf Ihr Ranking: Ein großer Teil der WCAG-Arbeit ist gleichzeitig technisches SEO, und Google bestätigt diesen Zusammenhang ausdrücklich. Wer beides zusammen plant, macht die Arbeit einmal statt zweimal. Diese Übersicht zeigt, welche WCAG-Kriterien beide Ziele bedienen und welche allein Ihren Nutzer:innen helfen.

In diesem Artikel

• Barrierefreiheit und SEO: wie beides zusammenhängt

• Die Überlappung im Detail: welches Kriterium welchen SEO-Effekt hat

• Welche SEO-Vorteile barrierefreie Websites haben

• Die wichtigsten Maßnahmen, nach Wirkung sortiert

• Barrierefreiheit prüfen und verbessern

• Häufige Fragen zu Barrierefreiheit und SEO

Barrierefreiheit und SEO: wie beides zusammenhängt

Was digitale Barrierefreiheit im Web bedeutet

Digitale Barrierefreiheit heißt, dass Menschen eine Website unabhängig von ihren Fähigkeiten oder ihrer Technik nutzen können, auch mit Screenreader, ohne Maus, mit vergrößerter Schrift oder ohne Ton. Der technische Maßstab dafür sind die WCAG auf Stufe AA. Bei Accessiway arbeiten wir an Barrierefreiheit im Internet als laufender Praxis, nicht als einmaligem Projekt.

Wie Barrierefreiheit auf Ihr Ranking wirkt

Barrierefreiheit ist ein indirekter Rankingfaktor. Google Search Advocate John Mueller hat den Zusammenhang in einer Search-Central-Sprechstunde am 25. März 2022 so beschrieben:

Das heißt: Google gewichtet kein eigenes Barrierefreiheits-Signal, weil sich Barrierefreiheit nicht sinnvoll zwischen Websites vergleichen lässt. Der Effekt entsteht über die Arbeit selbst. Derselbe Code, dieselbe Struktur, dieselben Textalternativen bedienen Screenreader und Crawler gleichzeitig.

Der gemeinsame Nenner

Suchmaschinen und Screenreader haben ein ähnliches Problem: Beide sehen Ihre Seite nicht, sondern lesen ihren Code.

• Ein Screenreader braucht Struktur im Markup, um Inhalte in sinnvoller Reihenfolge vorzulesen.

• Ein Crawler braucht dieselbe Struktur, um Inhalte zu erfassen und zu gewichten.

• Beide scheitern an denselben Dingen: Inhalte, die nur visuell existieren, Navigation, die nur mit Maus funktioniert, Bilder ohne Textalternative.

Wenn Ihre Teams Barrierefreiheit und technisches SEO getrennt bearbeiten, zahlen Sie einen Teil dieser Arbeit zweimal.

Die Überlappung im Detail: welches Kriterium welchen SEO-Effekt hat

Die pauschale Aussage „Barrierefreiheit hilft SEO" ist nicht überprüfbar. Diese Zuordnung ist es.

Drei Dinge, die daraus folgen:

• Die stärksten Überschneidungen sind technisch, nicht redaktionell. Echte Links, mobile Nutzbarkeit und Layoutstabilität wirken auf beides.

• Ein Teil der Kriterien arbeitet allein für Ihre Nutzer:innen. Kontrast, Fokus-Indikator und Blitzschutz gehören dazu, und sie sind nach BFSG in Deutschland und BaFG in Österreich ohnehin Pflicht.

• Beide Ziele brauchen beide Perspektiven. Eine technisch saubere Seite kann gut ranken und mit einem Screenreader trotzdem schwer nutzbar sein.

Welche SEO-Vorteile barrierefreie Websites haben

Bessere Erfassung durch Crawler

• Semantische Bereiche und eine saubere Überschriftenhierarchie machen deutlich, was auf der Seite Haupt- und was Nebeninhalt ist.

• Echte <a href>-Links werden verfolgt, JavaScript-Klickhandler nicht. Eine nicht tastaturbedienbare Navigation ist oft auch eine nicht crawlbare Navigation.

• Untertitel, Transkripte und Alternativtexte verwandeln Medien in Text, den Suchmaschinen verarbeiten können.

Bessere Signale aus dem Nutzerverhalten

• Formulare mit korrekten Labels und verständlichen Fehlermeldungen werden häufiger abgeschickt.

• Layouts, die bei Zoom und auf kleinen Bildschirmen halten, führen seltener zu Abbrüchen.

• Cumulative Layout Shift unter 0,1 ist gleichzeitig ein Core-Web-Vitals-Ziel und eine Bedingung dafür, dass niemand auf einen springenden Button klickt.

Größere Reichweite

• Rund 87 Millionen Menschen in der EU leben mit einer Behinderung. Vier von fünf haben eine nicht sichtbare.

• Dieselben Maßnahmen helfen bei situativen Einschränkungen: Sonnenlicht, laute Umgebung ohne Kopfhörer, langsame Verbindung, ein Arm im Gips.

• Auch ältere Menschen und Menschen mit geringer digitaler Erfahrung profitieren. Zugängliche Gestaltung heißt Gestaltung für alle.

Die wichtigsten Maßnahmen, nach Wirkung sortiert

Schritt 1: Semantisches HTML und Überschriftenstruktur

• Eine H1 pro Seite, danach H2 und H3 ohne übersprungene Ebenen.

• Überschriften als Struktur nutzen, nicht als Stilmittel. Kein <div class="headline">.

• Landmarks setzen: <header>, <nav>, <main>, <footer>.

• Listen als <ul> und <ol>, Tabellen mit <th> und Beschriftung.

Schritt 2: Alternativtexte, Formulare und Tastaturnavigation

• Informative Bilder bekommen einen beschreibenden Alt-Text, dekorative ein leeres alt="".

• Jedes Formularfeld braucht ein verknüpftes <label>, keinen Platzhalter als Ersatz.

• Fehlermeldungen benennen das Problem und den Weg zur Lösung, nicht nur „Eingabe ungültig".

• Die gesamte Seite muss mit der Tabulatortaste bedienbar sein, inklusive Menüs, Filtern und Modals.

• Interaktive Elemente, die navigieren, sind Links. Elemente, die etwas auslösen, sind Buttons.

Schritt 3: Kontraste, Lesbarkeit und Ladeverhalten

• Kontrastverhältnis mindestens 4,5:1 für normalen Text, 3:1 für großen Text. Den Farbkontrast prüfen Sie für alle Paare Ihrer Palette mit unserer Kontrast-Matrix.

• Layout bei 200 % Textgröße und 320 px Breite prüfen.

• Core Web Vitals als Zielwerte: LCP unter 2,5 Sekunden, INP unter 200 Millisekunden, CLS unter 0,1. Google bewertet am 75. Perzentil über 28 Tage.

• Feste Höhen für Bilder und Werbeflächen reservieren, damit nichts nachträglich springt.

Barrierefreiheit prüfen und verbessern

Typische Barrieren, die beide Disziplinen betreffen

• Navigation, die nur per Mausklick funktioniert

• Bilder mit leerem oder generischem Alt-Attribut („Bild1", „Grafik")

• Überschriften, die per CSS aussehen wie Überschriften, aber keine sind

• Inhalte, die bei 400 % Zoom abgeschnitten werden oder überlappen

• Videos ohne Untertitel und ohne Transkript

WCAG als Orientierung

Stufe AA ist in Deutschland und Österreich das geforderte Niveau, europäisch harmonisiert über EN 301 549. Für die Überschneidung mit SEO sind vor allem die Kriterien der Wahrnehmbarkeit und der Bedienbarkeit relevant, nicht die vollständige Liste.

Wann eine manuelle Prüfung sinnvoll ist

Automatische Tools finden, was maschinell prüfbar ist. Ob eine Fokus-Reihenfolge sinnvoll ist oder ein Alternativtext das Bild tatsächlich beschreibt, entscheidet ein Mensch. Wie Sie systematisch vorgehen, steht im Leitfaden zum Testen Ihrer Website auf Barrierefreiheit. Was der Lighthouse-Score dabei aussagt und was nicht, haben wir in einem eigenen Artikel aufgeschlüsselt.

Für die Umsetzung im Team gilt: Barrierefreiheit gehört in denselben Review wie technisches SEO, nicht in ein eigenes Projekt. Die Plattform für digitale Barrierefreiheit zeigt Issues nach Schweregrad und WCAG-Kriterium und schiebt sie direkt in Jira, damit sie im normalen Entwicklungsablauf landen. Welche Schritte danach folgen, beschreibt unser Leitfaden Website barrierefrei machen.

Häufige Fragen zu Barrierefreiheit und SEO

Beeinflusst Barrierefreiheit das Ranking?

Ja, auf indirektem Weg. Ein eigenes Barrierefreiheits-Signal gibt es im Algorithmus nicht, aber die Maßnahmen, die beide Disziplinen teilen, wirken auf die Sichtbarkeit: semantische Struktur, echte Links, mobile Nutzbarkeit, Textalternativen. Dazu kommen die Core Web Vitals, die als Rankingsignal bestätigt sind und in der Praxis als Tie-Breaker zwischen ähnlich relevanten Seiten wirken.

Welche A11y-Fehler schaden dem Ranking am meisten?

Drei Fehler haben eine messbare SEO-Folge:

• Navigation ohne echte Links. Wird per JavaScript navigiert, findet der Crawler die Zielseiten nicht.

• Inhalte, die auf Mobilgeräten brechen. Google indexiert die mobile Fassung, nicht die Desktop-Fassung.

• Layoutsprünge. Sie verschlechtern den CLS-Wert direkt.

Wie priorisiere ich Maßnahmen, wenn das Budget begrenzt ist?

Beginnen Sie mit den Punkten, die auf beide Ziele wirken: echte Links, mobile Nutzbarkeit, Überschriftenstruktur, Alternativtexte. Danach folgen die Kriterien ohne SEO-Nutzen, die gesetzlich trotzdem verpflichtend sind. Diese Reihenfolge maximiert den frühen Nutzen, ohne die Pflichtthemen auf unbestimmte Zeit zu verschieben.

Ist Barrierefreiheit auch für kleine Websites relevant?

Ja, aus zwei Gründen. Rechtlich hängt die Pflicht nicht an der Websitegröße, sondern an Unternehmensgröße und Angebot: BFSG und BaFG nehmen Kleinstunternehmen bei Dienstleistungen teilweise aus, nicht generell. Praktisch ist der Aufwand bei wenigen Vorlagen gering, weil jede Korrektur sich über alle Seiten mit dieser Vorlage vererbt.

Wie hängen Core Web Vitals und Barrierefreiheit zusammen?

Über eine der drei Metriken. Cumulative Layout Shift misst, ob Inhalte während des Ladens verrutschen, und Layoutstabilität ist auch ein Barrierefreiheitsthema, weil springende Elemente für Menschen mit motorischen oder kognitiven Einschränkungen zum echten Problem werden. LCP und INP messen Ladezeit und Reaktionsfähigkeit und haben keinen direkten WCAG-Bezug.

Verbessern Alt-Texte das Ranking?

In der Bildsuche ja, dort sind sie ein zentrales Signal für das Verständnis des Motivs. Für das Ranking der Textseite ist der Effekt gering. Entscheidend ist die Qualität: Ein Alt-Text beschreibt, was auf dem Bild zu sehen ist, und ist kein Ort für Keywords. Dekorative Bilder bekommen alt="", damit Screenreader sie überspringen.

Reicht ein Accessibility-Widget für beides?

Für den SEO-Teil nicht. Ein Widget verbessert das Nutzungserlebnis und liefert Monitoring, greift aber nicht in die Semantik des Codes ein, und genau diese Semantik werten Crawler aus. Die Überschneidung mit SEO entsteht im Quellcode.

Wo Sie anfangen können

Nehmen Sie sich eine Vorlage und prüfen Sie vier Dinge: Ist die Navigation mit der Tabulatortaste bedienbar. Sind die Links echte Links. Hält das Layout bei 200 % Textgröße. Haben die Bilder beschreibende Alternativtexte. Diese vier Punkte decken den größten Teil der Überschneidung ab.

Einen ersten automatischen Überblick liefert der Accessibility Scanner. Für Websites mit vielen Vorlagen, Filtern oder einem Checkout lohnt sich danach eine manuelle Prüfung, weil genau dort die Fehler sitzen, die beiden Disziplinen schaden. Im E-Commerce ist das besonders deutlich.