Barrierefreiheit im Web und SEO: Warum die Verbesserung des einen das andere stärkt
Von Toy Wen Da, Mitgründer · · 11 Min. Lesezeit
Übersetzt aus dem englischen Original. Auf Englisch lesen
Barrierefreiheit im Web und SEO beruhen auf demselben technischen Fundament: sauberem, semantischem HTML, beschreibenden Texten und einer Seitenstruktur, die auch ohne Maus oder gutes Sehvermögen funktioniert. Wer Barrieren beseitigt, etwa fehlende Alternativtexte, eine falsche Reihenfolge der Überschriften oder zu geringen Kontrast, löst damit auch Probleme bei der Crawlbarkeit. Deshalb verändern Barrierefreiheits-Audits oft nicht nur die Compliance-Werte, sondern auch die Rankings.
Was Barrierefreiheit im Web und SEO tatsächlich gemeinsam haben
Suchmaschinen und Screenreader stehen vor einem ähnlichen Problem: Keiner von beiden sieht eine Seite so wie ein sehender Besucher. Ein Screenreader wandelt Markup in Sprache um. Ein Crawler wandelt Markup in einen Indexeintrag um. Beide stützen sich auf dieselben Signale: die Reihenfolge der Überschriften, Alternativtexte, Linkbeschriftungen und eine Seitenstruktur, die auch ohne visuelle Gestaltung noch Sinn ergibt.
Die Web Content Accessibility Guidelines (WCAG), die das World Wide Web Consortium seit 1999 pflegt, ordnen dies vier Prinzipien zu: Inhalte müssen wahrnehmbar, bedienbar, verständlich und robust sein. Eine wahrnehmbare Seite bietet Textalternativen für Inhalte, die kein Text sind. Eine bedienbare Seite funktioniert allein mit der Tastatur. Eine verständliche Seite setzt auf vorhersehbare Navigation und einfache Sprache. Eine robuste Seite wird in allen Browsern und assistiven Werkzeugen korrekt dargestellt, heutigen wie künftigen. Jedes dieser Prinzipien entspricht einer Seitenqualität, die Google ohnehin belohnt: klare Struktur, gut lesbare Inhalte und eine funktionierende Nutzung auf jedem Gerät.
Diese Überschneidung ist weder Zufall noch Notlösung. Fachleute für Barrierefreiheit weisen darauf hin, dass Black-Hat-SEO-Tricks wie mit Keywords vollgestopfte Alternativtexte im letzten Jahrzehnt größtenteils verschwunden sind, während die Anforderungen an die Barrierefreiheit weitgehend gleich geblieben sind. Die Taktiken, mit denen man früher Suchergebnisse manipulierte, verstießen oft zuerst gegen die Barrierefreiheit.
Für die Kriterien und Konformitätsstufen hinter jeder Empfehlung in diesem Leitfaden sind die Web Content Accessibility Guidelines des W3C die wichtigste Referenz.
Was die Behebung von Barrieren für Ihren Traffic bewirkt
Dass Barrierefreiheit im Web und SEO zusammenwirken und sich das beim Traffic zeigt, ist nicht bloß Theorie. Zwei viel zitierte Auswertungen haben echte Websites vor und nach Änderungen an der Barrierefreiheit untersucht und durchgängig Zuwächse festgestellt. Keine der beiden beweist, dass allein die Barrierefreiheit den Anstieg verursacht hat, da beide korrelativ sind und keine kontrollierten Experimente, aber die Richtung ist einheitlich: Besser zugängliche Websites verzeichnen tendenziell mehr organischen Traffic, nicht weniger.
| Studie | Untersuchte Websites | Gemeldete Traffic-Veränderung | Weitere Ergebnisse |
|---|---|---|---|
| Gemeinsame Studie von Semrush, AccessibilityChecker.org und BuiltWith.com | Knapp 850 Websites | Bei 73 % stieg der organische Traffic etwa drei Monate nach Umsetzung der Korrekturen zur Barrierefreiheit, im Durchschnitt um knapp 12 % | Die Traffic-Zuwächse folgten eng den Verbesserungen beim Barrierefreiheits-Score |
| Semrush-Auswertung der Barrierefreiheits-Scores über Websites hinweg | 10.000 Websites | 23 % mehr organischer Traffic bei besser zugänglichen Websites | 27 % mehr Keywords mit Ranking und ein um 19 % stärkerer Authority Score als bei weniger zugänglichen Websites |
Beide Auswertungen beschreiben den Zusammenhang gleich: Korrekturen zur Barrierefreiheit gehen mit einer stärkeren organischen Performance einher. Das ist wichtig, wenn Sie entscheiden, wohin Ihr begrenztes SEO-Budget fließen soll. Ein fehlender Skip-Navigation-Link ruiniert Ihre Rankings nicht allein, aber das zugrunde liegende Muster, nämlich dünne Überschriftenstruktur, fehlende Alternativtexte und unbeschriftete Formulare, taucht meist auch in einem technischen SEO-Audit auf.
Wo Korrekturen zur Barrierefreiheit SEO-Kennzahlen bewegen
Nicht jede Anforderung an die Barrierefreiheit wirkt sich gleich stark auf die Sichtbarkeit in der Suche aus. Die folgende Tabelle ordnet die Korrekturen mit dem deutlichsten SEO-Nutzen dem jeweiligen WCAG-Prinzip zu, damit Sie Änderungen priorisieren können, die Suchmaschinen tatsächlich erkennen.
| Korrektur zur Barrierefreiheit | WCAG-Prinzip | SEO-Nutzen | Wo es sich zeigt |
|---|---|---|---|
| Beschreibende Alternativtexte bei aussagekräftigen Bildern | Wahrnehmbar | Hilft Bildern, in der Google Bildersuche zu ranken, und verdeutlicht Crawlern das Seitenthema | Bildersuche, Relevanzsignale auf der Seite |
| Logische Reihenfolge der Überschriften (eine H1, verschachtelte H2/H3) | Wahrnehmbar, Verständlich | Ermöglicht Google, die Seitenstruktur zu erkennen und treffende Snippets zu erzeugen | Suchsnippets, Sprunglinks zu Abschnitten |
| Aussagekräftige Link- und Ankertexte | Verständlich | Gibt Crawlern Kontext zur verlinkten Seite statt eines allgemeinen „hier klicken“ | Interne Verlinkung, Fluss des Link-Werts (Link Equity) |
| Per Tastatur bedienbare Navigation und Formulare | Bedienbar | Verringert Absprünge von Nutzern, die wichtige Aktionen nicht abschließen können, ein Verhaltenssignal | Core Web Vitals, Engagement-Kennzahlen |
| Untertitel und Transkripte für Video oder Audio | Wahrnehmbar | Macht Inhalte, die kein Text sind, als Text crawlbar und indexierbar | Indexierung von Videos und Podcasts |
| Ausreichender Farbkontrast und gut lesbare Schriftgröße | Wahrnehmbar | Verbessert die Lesbarkeit, die mit Verweildauer und geringerer Absprungrate zusammenhängt | Seitenerlebnis, mobile Nutzbarkeit |
Alternativtext: Die deutlichste Überschneidung
Der Alternativtext ist die deutlichste Stelle, an der sich Barrierefreiheit und SEO überschneiden. Screenreader lesen ihn laut vor, damit ein sehbeeinträchtigter Besucher weiß, was ein Bild zeigt. Google nutzt denselben Text, um zu verstehen, was das Bild enthält, denn Google kann Pixel nicht so sehen wie Sie. Wer bei einem Produktfoto den Alternativtext weglässt, verliert beide Zielgruppen auf einmal.
Die Regel ist einfach: Beschreiben Sie, was das Bild tatsächlich zeigt, und halten Sie es kurz, damit Screenreader den Text nicht mitten im Satz abschneiden. Bei rein dekorativen Bildern lassen Sie das Alt-Attribut leer (alt=""), damit Screenreader sie überspringen, statt unnötigen Ballast anzusagen. Einen genaueren Vergleich von gutem und schlechtem Alternativtext finden Sie in diesem Leitfaden zum Schreiben von Alternativtexten, die für Screenreader und Suchmaschinen funktionieren.
Auch die Dateigröße der Bilder spielt eine Rolle. Eine Seite voller unoptimierter Bilder lädt für alle langsam, und langsame Seiten schaden sowohl der Nutzbarkeit als auch den Core Web Vitals. Diese Schritt-für-Schritt-Anleitung zur Bildoptimierung für SEO behandelt Komprimierung und Formatwahl, mit denen Seiten schnell bleiben, ohne dass die Bildqualität leidet.
Überschriftenstruktur und Seitentitel
Überschriften erfüllen zwei Aufgaben gleichzeitig. Für Nutzer eines Screenreaders funktionieren sie wie ein Inhaltsverzeichnis. Wer von Überschrift zu Überschrift springt, gelangt direkt zum gewünschten Abschnitt, statt sich eine ganze Seite vorlesen zu lassen. Für Google zeigen Überschriften, worum es in den einzelnen Abschnitten geht, was mit dazu beiträgt, wie Snippets und Sprunglinks entstehen.
Verwenden Sie pro Seite nur eine H1 und verschachteln Sie H2 und H3 der Reihe nach, ohne Ebenen zu überspringen. Eine Seite, die von einer H2 direkt zu einer H4 springt, verwirrt sowohl das Navigationsmenü eines Screenreaders als auch Googles Verständnis Ihrer Inhaltshierarchie.
Title-Tags sind genauso wichtig. Die WCAG-Vorgaben verlangen einen Titel, der die Seite klar kennzeichnet, da er oft das Erste ist, was ein Screenreader ansagt. Google verwendet dasselbe Tag für den blauen Link in den Suchergebnissen und belohnt einen Titel, der konkret statt vage bleibt. Mit einem kostenlosen Meta-Tag-Checker können Sie prüfen, wie Ihre aktuellen Title-Tags und Überschriften tatsächlich dargestellt werden, bevor Sie Änderungen veröffentlichen.
Linktext, Kontrast und Tastaturbedienung
Drei kleinere Korrekturen runden die Liste der wirkungsvollsten Maßnahmen ab. Aussagekräftiger Linktext („Leitfaden zur Barrierefreiheit herunterladen“) gibt sowohl Screenreader-Nutzern als auch Crawlern mehr Kontext als „hier klicken“. Ausreichender Farbkontrast zwischen Text und Hintergrund hält Inhalte für Nutzer mit eingeschränktem Sehvermögen lesbar. Außerdem verhindert er, dass Ihr Lighthouse-Barrierefreiheits-Score, einer der Werte aus dem Audit-Tool von Chrome, das Signal für die Gesamtqualität Ihrer Seite nach unten zieht. Wie diese Werte tatsächlich berechnet werden, erfahren Sie in der Lighthouse-Dokumentation von Chrome for Developers. Eine per Tastatur bedienbare Navigation, bei der also jeder Link, jede Schaltfläche und jedes Formularfeld ohne Maus funktioniert, schützt Nutzer mit motorischen Einschränkungen und verhindert fehlerhafte Interaktionen, die sich in den Signalen zum Seitenerlebnis als schwaches Engagement niederschlagen.
JavaScript, ARIA und die Irrtümer, die Teams ausbremsen
Zwei Irrtümer richten mehr Schaden an als jedes einzelne fehlende Alt-Tag.
Der erste ist die Annahme, eine per JavaScript gerenderte Seite sei für Screenreader und Suchmaschinen von vornherein unsichtbar. Moderne Browser und moderne Crawler führen beide JavaScript aus, sodass Inhalte, die clientseitig gerendert werden, nicht automatisch vor beiden verborgen sind. Das eigentliche Risiko liegen in Timing und Fallback: Eine Komponente, die wegen eines Skriptfehlers nie fertig gerendert wird, lässt einen Screenreader ohne Ansage und einen Crawler ohne indexierbaren Inhalt zurück. Testen Sie, was auf der Seite tatsächlich geladen wird, und nicht, was der Code eigentlich leisten soll.
Der zweite ist, ARIA-Attribute als Universallösung zu betrachten. ARIA-Labels (Accessible Rich Internet Applications) können ein eigenes Widget ergänzen, das reines HTML allein nicht beschreiben kann, ersetzen aber kein semantisches Markup. Ein <div>, das wie eine Schaltfläche gestaltet ist und role="button" erhält, braucht trotzdem eine von Hand gebaute Verarbeitung von Tastaturereignissen, die ein natives <button>-Element automatisch mitbringt. Wird ARIA zu oft bei Elementen eingesetzt, die bereits ein natives semantisches Gegenstück haben, verwirrt das assistive Technologien eher, als dass es hilft. Für SEO bringt es nichts, was korrekte HTML-Tags nicht ohnehin leisten.
Eine Technik für die Barrierefreiheit, die man kennen sollte: Zusätzliche Inhalte per CSS aus dem sichtbaren Bereich zu verschieben, statt sie ganz auszublenden, ist ein legitimer Weg, Screenreader-Nutzern zusätzlichen Kontext zu bieten, ohne das visuelle Layout zu überladen. Ehrlich eingesetzt, schadet das den Rankings nicht. Wird es genutzt, um Keywords zu verstecken, die niemand sieht, ist es genau die Art von Manipulation, die Suchmaschinen aufspüren sollen.
So bauen Sie einen Workflow für Barrierefreiheit und SEO auf, den Sie dauerhaft beibehalten
Behandeln Sie Barrierefreiheit als eine Spur innerhalb Ihres regulären SEO-Prozesses, nicht als separates Projekt, das einmal stattfindet und dann vergessen wird.
- Prüfen Sie, bevor Sie etwas beheben. Führen Sie zuerst einen vollständigen technischen Durchlauf durch, damit Sie wissen, welche Probleme strukturell (fehlende Überschriften, fehlerhafte Alternativtexte) und welche kosmetisch sind. Diese Checkliste mit 25 Prüfpunkten für das Website-Audit ist ein sinnvoller Einstieg, wenn Sie noch nie selbst ein Audit durchgeführt haben.
- Beheben Sie zuerst die gemeinsamen Probleme. Alternativtexte, Überschriftenreihenfolge, Title-Tags und Linktexte betreffen sowohl die Barrierefreiheit als auch die SEO-Werte. Wenn Sie diese zuerst beheben, erzielen Sie den schnellsten kombinierten Ertrag.
- Bauen Sie die Prüfungen in Ihren Veröffentlichungsprozess ein, nicht nur in Ihren Audit-Prozess. Eine On-Page-SEO-Checkliste mit 27 Punkten, die Sie vor jeder Veröffentlichung abarbeiten, fängt Probleme mit Überschriften und Alternativtexten ab, bevor sie live gehen, statt sie erst Monate später zu entdecken.
- Prüfen Sie regelmäßig erneut. Websites driften. Eine neue Vorlage, ein überarbeitetes Formular oder ein neuer Redakteur kann Probleme wieder einführen, die Sie bereits behoben hatten. Eine umfassendere SEO-Checkliste mit 46 Punkten deckt das gesamte technische Bild über die Barrierefreiheit hinaus ab, sodass Sie Ihren Prozess nicht jedes Quartal neu herleiten müssen.
- Halten Sie fest, was sich wann geändert hat. Wenn sich der Traffic nach einer Korrektur zur Barrierefreiheit verändert, möchten Sie wissen, welche Änderung dafür verantwortlich war, und nicht später rätseln.
Die Reihenfolge ist wichtig. Wer Barrierefreiheitsprobleme behebt, ohne zu bestätigen, dass dadurch auch das zugehörige SEO-Problem gelöst wurde, oder umgekehrt, muss die Arbeit doppelt erledigen. Eine vollständige SEO-Audit-Checkliste, in der richtigen Reihenfolge abgearbeitet, verhindert, dass die beiden Arbeitsstränge gegeneinander arbeiten.
Können Sie das selbst beheben, oder brauchen Sie einen Spezialisten?
Das meiste in diesem Artikel, also Alternativtexte, Überschriftenreihenfolge, Linktexte und Title-Tags, ist für jeden machbar, der ein CMS bearbeiten kann. Nichts davon erfordert einen Entwickler, und nichts davon erfordert einen Berater für Barrierefreiheit.
Die Grenze des Selbermachens ist erreicht, sobald es um eigene interaktive Komponenten geht: mehrstufige Formulare, Datumsauswahlen, modale Dialoge, Karussells oder alles, was mit viel clientseitigem JavaScript gebaut ist. Diese per Tastatur bedienbar und screenreader-freundlich zu machen, erfordert meist jemanden, der ARIA-Muster versteht und tatsächlich mit einem Screenreader getestet hat, nicht nur mit einer Browser-Erweiterung, die fehlende Attribute meldet.
Ein praktikabler Mittelweg: Führen Sie zuerst einen automatisierten Scan durch, um die einfachen, zahlreichen Probleme zu finden, etwa fehlende Alternativtexte, geringen Kontrast und leere Überschriften. Beheben Sie diese selbst und ziehen Sie erst dann einen Spezialisten hinzu, und zwar nur für die interaktiven Komponenten, die ein automatisiertes Tool nicht vollständig beurteilen kann. Automatisierte Scanner erkennen einen beachtlichen Teil der WCAG-Probleme, aber nicht alle; mehrere Erfolgskriterien erfordern weiterhin, dass eine Person die Seite tatsächlich mit Tastatur oder Screenreader bedient.
Wenn Sie nicht sicher sind, wo Ihre Website derzeit steht, beginnen Sie mit einer kostenlosen automatisierten Prüfung, statt zu raten. Sie ersetzt kein vollständiges Barrierefreiheits-Audit, zeigt Ihnen aber, ob Sie es mit einer Handvoll schneller Korrekturen oder mit einem strukturellen Problem in Ihren Vorlagen zu tun haben.
Barrierefreiheit im Web, ADA-Konformität und Suchrankings
Barrierefreiheit ist in den USA auch eine rechtliche Frage, unabhängig von jedem SEO-Nutzen. Gerichte wenden den Americans with Disabilities Act (ADA) zunehmend auf Unternehmenswebsites an und behandeln sie so, wie sie ein Ladengeschäft behandeln würden, das ein Rollstuhlfahrer nicht betreten kann. Dieses Risiko besteht, unabhängig davon, ob sich Ihre Rankings verändern.
Google hat nie bestätigt, dass Barrierefreiheit ein direkter Rankingfaktor ist, und Barrierefreiheit rein als SEO-Taktik zu behandeln, verfehlt den Kern. Ehrlicherweise lässt es sich so beschreiben: Barrierefreiheit und SEO belohnen dieselben zugrunde liegenden Qualitäten, nämlich klare Struktur, gut lesbare Inhalte und eine funktionierende Nutzung auf allen Geräten, ohne dass das eine das andere bewirkt. Googles eigene Richtlinien Search Essentials konzentrieren sich auf Crawlbarkeit, hochwertige Inhalte und ein funktionierendes Seitenerlebnis, was eine barrierefreie Website in der Regel ohnehin erfüllt.
Betrachten Sie WCAG 2.1 Level AA als die praktische Untergrenze. Es ist der Standard, auf den sich die meisten ADA-bezogenen Vergleiche und die meisten Unternehmensrichtlinien zur Barrierefreiheit beziehen, und er ist gründlich genug, um nebenbei nahezu jedes SEO-relevante Problem aus der Tabelle oben zu erfassen.
Häufig gestellte Fragen
Verbessert eine barrierefreie Website tatsächlich die SEO-Rankings?
Google hat nicht bestätigt, dass Barrierefreiheit ein direkter Rankingfaktor ist, aber barrierefreie und gut optimierte Websites stützen sich auf dieselben Signale: klare Überschriften, beschreibende Alternativtexte und eine gut lesbare Struktur. Auswertungen echter Websites haben ergeben, dass barrierefreie Websites mehr organischen Traffic erzielen und für mehr Keywords ranken als weniger zugängliche Wettbewerber, auch ohne einen bestätigten direkten Zusammenhang.
Welche Korrektur zur Barrierefreiheit hat den größten Effekt auf SEO?
Alternativtexte bei aussagekräftigen Bildern sind meist der schnellste Gewinn, denn sie dienen gleichzeitig Screenreadern und der Google Bildersuche und werden auf einer ganzen Website selten konsequent umgesetzt.
Muss ich einen Berater für Barrierefreiheit beauftragen, um diese Probleme zu beheben?
Für die Grundlagen nicht. Alternativtexte, Überschriftenreihenfolge, aussagekräftige Linktexte und Title-Tags kann jeder bearbeiten, der Ihr CMS verwaltet. Komplexe interaktive Komponenten wie eigene Formulare oder Karussells brauchen meist jemanden mit Erfahrung in ARIA und mit echten Screenreader-Tests.
Hilft oder schadet die Verwendung von ARIA-Attributen dem SEO?
Richtig eingesetzt bei eigenen Komponenten, die sie wirklich brauchen, hilft ARIA dem SEO weder direkt, noch schadet es ihm. Wird ARIA zu oft bei Elementen eingesetzt, die bereits ein natives HTML-Gegenstück haben, verwirrt das assistive Technologien meist, ohne dass es einen SEO-Vorteil gibt.
Reicht WCAG 2.1 AA, oder sollte ich AAA anstreben?
WCAG 2.1 Level AA ist der praktische Standard, auf den sich die meisten Websites und die meisten rechtlichen Rahmenwerke beziehen. Level AAA enthält strengere Anforderungen, die sich schwer auf einer ganzen Website umsetzen lassen und für die meisten Unternehmen nicht erwartet werden.
Prüfen Sie, wo Ihre Website tatsächlich steht
Wählen Sie eine Seite aus, am besten eine mit viel Traffic, und gehen Sie die obigen Korrekturen durch: Alternativtexte, Überschriftenreihenfolge, Linktexte und Kontrast. Das meiste, was bei Barrierefreiheit im Web und SEO zusammen etwas bewegt, kostet einen Nachmittag, keinen Relaunch. Wenn Sie ein klareres Bild davon haben möchten, wo Ihre gesamte Website steht, bevor Sie Seite für Seite mit den Korrekturen beginnen, sehen Sie sich einen Beispiel-SEO-Bericht an, um zu erfahren, was ein vollständiges Audit tatsächlich zutage fördert.
Ressourcen / Referenzen
Quellen
Über den Autor
SearchBlueprint hat diesen Artikel mit der Content-Pipeline recherchiert, geschrieben und bewertet, die unsere Kunden auf ihren eigenen Websites einsetzen. Die Bewertung in der Autorenzeile ist die, die unsere Content-Engine dieser Seite vor der Veröffentlichung gegeben hat. Nichts davon wird von Hand geprüft, und genau das ist der Punkt: Es ist das Ergebnis des Produkts, veröffentlicht dort, wo jeder es nachprüfen kann.