Die häufigsten Fehler bei der Barrierefreiheit von Websites
Eine Website kann modern aussehen, schnell laden und auf dem Smartphone gut funktionieren. Trotzdem können sich dahinter zahlreiche Barrieren verbergen, die bestimmten Besuchern die Nutzung erschweren oder sogar unmöglich machen.
Oft entstehen diese Probleme nicht absichtlich. Vielmehr werden bei der Gestaltung und Programmierung wichtige Anforderungen übersehen. Manche Fehler fallen sofort auf, andere bleiben lange unbemerkt, weil sie bei der gewöhnlichen Nutzung mit Maus und Bildschirm keine Schwierigkeiten verursachen.
Wir zeigen, welche Fehler bei der Barrierefreiheit besonders häufig auftreten, welche Auswirkungen sie haben und worauf Unternehmen bei ihrem Internetauftritt achten sollten.
Wo entstehen die häufigsten Barrieren auf Websites?
Barrierefreiheit betrifft weit mehr als gut lesbare Schrift oder ausreichend große Schaltflächen. Auch die technische Struktur, die Bedienung einzelner Funktionen und die verständliche Aufbereitung von Inhalten spielen eine wichtige Rolle.
Besonders problematisch sind Fehler, die sich durch den gesamten Internetauftritt ziehen. Wird beispielsweise ein Navigationsmenü falsch umgesetzt, kann diese Barriere auf jeder Unterseite auftreten. Andere Schwierigkeiten betreffen nur bestimmte Inhalte oder Funktionen und werden deshalb häufig erst spät entdeckt.
Die folgenden Beispiele zeigen typische Schwachstellen, die bei der Entwicklung und Pflege von Websites auftreten können.
1. Eine unübersichtliche und fehlerhafte Seitenstruktur
Eine klare Seitenstruktur hilft Besuchern, sich auf einer Website zurechtzufinden. Besonders für Menschen, die Screenreader verwenden, ist eine sinnvoll aufgebaute Inhaltsstruktur wichtig.
Ein häufiger Fehler besteht darin, Überschriften ausschließlich nach ihrem Aussehen auszuwählen. Beispielsweise wird eine H3 verwendet, weil ihre Schriftgröße besser zum Design passt, obwohl sie inhaltlich eine H2 sein müsste.
Auch scheinbar unbedeutende technische Details können die Orientierung erschweren.
Typische Probleme sind:
- Überschriften ohne nachvollziehbare Hierarchie
- Fehlende Kennzeichnung von Navigations- und Inhaltsbereichen
- Inhalte, deren technische Reihenfolge nicht zur sichtbaren Darstellung passt
- Tabellen, die ausschließlich zur optischen Anordnung von Inhalten verwendet werden
- Seiten ohne aussagekräftigen Seitentitel
Für Besucher, die sich anhand von Überschriften oder anderen Strukturelementen orientieren, kann eine solche Website unübersichtlich werden.
Die Lösung: Inhalte sollten bereits bei der Erstellung logisch gegliedert und mit den passenden HTML-Elementen ausgezeichnet werden. Schriftgrößen und Gestaltung lassen sich unabhängig davon über CSS festlegen.
2. Schaltflächen und Funktionen sind nicht für alle bedienbar
Auf vielen Websites werden interaktive Funktionen entwickelt, die mit der Maus problemlos funktionieren. Bei der Bedienung mit der Tastatur oder unterstützenden Technologien treten dagegen Schwierigkeiten auf.
Das betrifft beispielsweise aufklappbare Menüs, individuell gestaltete Schaltflächen oder Inhalte, die erst nach einer bestimmten Interaktion erscheinen.
Problematisch wird es unter anderem, wenn eine Schaltfläche lediglich optisch wie ein Button aussieht, technisch jedoch nicht als solcher umgesetzt wurde.
Auch klickbare Symbole ohne verständliche Bezeichnung können Schwierigkeiten verursachen. Ein Screenreader erkennt dann möglicherweise nicht, welche Funktion sich dahinter verbirgt.
Die Lösung: Interaktive Elemente sollten mit geeigneten HTML-Elementen programmiert und auf unterschiedliche Bedienmöglichkeiten geprüft werden. Dabei müssen sowohl ihre Funktion als auch ihr Zweck erkennbar sein.
Welche Besonderheiten bei der Bedienung auf mobilen Geräten zu beachten sind, erfährst Du in unserem Beitrag „Barrierefreiheit auf dem Smartphone: Typische Probleme und Lösungen“.
3. Texte und Bedienelemente sind schlecht erkennbar
Ein ansprechendes Farbkonzept ist wichtig für den Wiedererkennungswert einer Website. Allerdings können gestalterische Entscheidungen die Lesbarkeit erheblich beeinträchtigen.
Besonders häufig entstehen Probleme durch sehr helle Schriftfarben auf weißem Hintergrund oder durch Texte, die direkt über unruhigen Bildern liegen.
Auch kleine Bedienelemente und ein geringer Abstand zwischen klickbaren Bereichen können die Nutzung erschweren.
Nicht jeder dieser Fehler fällt bei der Gestaltung am großen Bildschirm auf. Erst auf kleineren Geräten oder bei vergrößerter Darstellung werden manche Schwachstellen deutlich.
Die Lösung: Schrift, Farben und Bedienelemente sollten nicht ausschließlich nach optischen Gesichtspunkten gestaltet werden. Entscheidend ist, dass wichtige Informationen und Funktionen unter unterschiedlichen Nutzungsbedingungen gut erkennbar bleiben.
Wie sich ausreichende Kontraste und eine gute Lesbarkeit erreichen lassen, behandeln wir gesondert im Beitrag „Schlechte Kontraste und kleine Schrift: Wenn Websites schwer lesbar sind“.
4. Formulare sind unverständlich oder verursachen Bedienprobleme
Kontaktformulare gehören zu den wichtigsten Funktionen vieler Unternehmenswebsites. Schließlich sollen Besucher darüber möglichst einfach eine Anfrage stellen können.
Trotzdem enthalten Formulare häufig Barrieren, die eine erfolgreiche Kontaktaufnahme erschweren.
Dazu gehören beispielsweise fehlende Beschriftungen, unklare Pflichtfeldangaben oder Fehlermeldungen, die nicht verständlich erklären, welche Eingabe korrigiert werden muss.
Auch die technische Umsetzung spielt eine Rolle. Wenn ein Formular visuell funktioniert, bedeutet das nicht automatisch, dass es mit einem Screenreader ebenso gut bedienbar ist.
Besonders ärgerlich für Unternehmen: Solche Fehler können dazu führen, dass potenzielle Kunden eine Anfrage abbrechen.
Die Lösung: Formulare benötigen eine klare Struktur, verständliche Hinweise und eine zuverlässige technische Umsetzung. Fehlermeldungen sollten erklären, was falsch eingegeben wurde und wie sich das Problem beheben lässt.
Welche Anforderungen Kontaktformulare erfüllen sollten und wie sich typische Bedienprobleme vermeiden lassen, erfährst Du in unserem Beitrag „Barrierefreie Formulare: Warum scheitern Nutzer an der Kontaktaufnahme?“
5. Bilder und grafische Inhalte vermitteln Informationen nur visuell
Bilder sind ein wesentlicher Bestandteil moderner Websites. Sie können Inhalte verdeutlichen, Produkte präsentieren oder Informationen schneller verständlich machen.
Problematisch wird es, wenn wichtige Aussagen ausschließlich über Bilder vermittelt werden und keine geeignete Textalternative vorhanden ist.
Das betrifft beispielsweise Infografiken, beschriftete Symbole oder Bilder, die als Links dienen.
Umgekehrt kann es ebenfalls ungünstig sein, jedes dekorative Bild mit einer ausführlichen Beschreibung zu versehen. Für Menschen, die Screenreader nutzen, entstehen dadurch möglicherweise unnötige Informationen.
Die Lösung: Entscheidend ist die Funktion des jeweiligen Bildes. Informative Grafiken benötigen passende Textalternativen, während rein dekorative Bilder entsprechend gekennzeichnet werden sollten.
Weitere Informationen und praktische Beispiele findest Du in unserem Beitrag „Warum Alt-Texte bei Bildern wichtig sind“.
6. Bewegte Inhalte lassen sich nicht ausreichend kontrollieren
Animationen, automatisch wechselnde Bilder und bewegte Gestaltungselemente können eine Website lebendiger machen.
Allerdings können sie auch Barrieren verursachen, wenn sie Besucher ablenken, Inhalte zu schnell wechseln oder sich nicht ausreichend steuern lassen.
Besonders problematisch sind beispielsweise automatisch wechselnde Slider, deren Inhalte nicht angehalten werden können, oder Animationen, die bei bestimmten Nutzern Beschwerden auslösen können.
Hinzu kommt, dass manche Besucher mehr Zeit benötigen, um Informationen zu lesen und zu verarbeiten.
Die Lösung: Bewegte Inhalte sollten bewusst eingesetzt und entsprechend den geltenden Anforderungen steuerbar gestaltet werden. Auch Systemeinstellungen zur Reduzierung von Bewegungen können berücksichtigt werden.
Die WCAG enthalten hierzu konkrete Kriterien, beispielsweise für bestimmte automatisch gestartete Bewegungen und blinkende Inhalte.
7. Barrierefreiheit wird nur auf einzelnen Seiten berücksichtigt
Ein weiterer Fehler besteht darin, die Barrierefreiheit auf besonders sichtbare Bereiche zu beschränken.
Häufig wird zunächst die Startseite überarbeitet, während Unterseiten, Downloads oder zusätzliche Funktionen unverändert bleiben.
Für Besucher macht das jedoch wenig Unterschied, wenn sie beispielsweise über eine Suchmaschine direkt auf eine Unterseite gelangen oder beim Aufruf eines Formulars auf eine Barriere stoßen.
Auch nachträglich eingebundene Elemente können Probleme verursachen, selbst wenn die ursprüngliche Website bereits entsprechend entwickelt wurde.
Die Lösung: Barrierefreiheit sollte als Eigenschaft des gesamten Internetauftritts betrachtet werden. Dabei müssen wiederkehrende Komponenten ebenso berücksichtigt werden wie unterschiedliche Seitentypen und besondere Funktionen.
Warum viele Fehler lange unbemerkt bleiben
Viele Websites werden hauptsächlich unter Bedingungen geprüft, die dem Arbeitsalltag ihrer Entwickler oder Betreiber entsprechen. Die Bedienung erfolgt mit Maus und Bildschirm, Texte werden in normaler Größe gelesen und interaktive Funktionen auf ihre grundsätzliche Funktion überprüft.
Dabei können Barrieren übersehen werden, die erst bei anderen Nutzungsbedingungen auftreten.
Hinzu kommt, dass automatische Prüfprogramme zwar zahlreiche technische Probleme erkennen, aber keine vollständige Bewertung der Barrierefreiheit ersetzen.
Das World Wide Web Consortium (W3C) empfiehlt deshalb ergänzende Prüfungen und weist ausdrücklich darauf hin, dass eine Website trotz unauffälliger erster Tests erhebliche Barrieren enthalten kann.
Kleine Fehler können große Auswirkungen haben
Nicht jede Barriere ist sofort ein grundlegendes technisches Problem. Manchmal genügt bereits eine fehlende Beschriftung oder eine ungünstige Einstellung, um eine Funktion für bestimmte Menschen schwer zugänglich zu machen.
Besonders bei häufig verwendeten Elementen können solche Fehler jedoch weitreichende Folgen haben. Betrifft das Problem beispielsweise die Hauptnavigation oder zentrale Kontaktmöglichkeiten, kann es die Nutzung des gesamten Internetauftritts beeinträchtigen.
Deshalb lohnt es sich, vorhandene Barrieren systematisch zu erfassen und gezielt zu beseitigen, statt lediglich einzelne sichtbare Schwachstellen zu korrigieren.
Typische Barrieren professionell beseitigen lassen
Eine barrierefreie Website entsteht durch das Zusammenspiel von durchdachter Gestaltung, verständlichen Inhalten und fachgerechter Programmierung.
Wir prüfen bestehende Websites auf mögliche Barrieren, entwickeln geeignete Lösungen und übernehmen die technische und gestalterische Umsetzung. Auch bei der Entwicklung neuer Internetauftritte berücksichtigen wir die Anforderungen an eine zugängliche und benutzerfreundliche Website.
Ob einzelne Probleme behoben oder umfangreichere Bereiche modernisiert werden müssen, klären wir anhand Deiner individuellen Anforderungen.
FAQ - Häufige Fragen zu typischen Barrieren auf Websites
Ja. Eine moderne und optisch ansprechende Gestaltung bedeutet nicht automatisch, dass eine Website auch barrierefrei ist.
Viele Barrieren sind auf den ersten Blick nicht erkennbar. Beispielsweise kann ein Navigationsmenü mit der Maus problemlos funktionieren, während die Bedienung mit der Tastatur Schwierigkeiten verursacht.
Auch individuell entwickelte Funktionen oder Erweiterungen von Drittanbietern können Probleme verursachen, wenn die Anforderungen an die Barrierefreiheit bei der Umsetzung nicht ausreichend berücksichtigt wurden.
Deshalb sollten bei der Entwicklung einer Website nicht nur das Erscheinungsbild, sondern auch die technische Struktur und die Zugänglichkeit für unterschiedliche Nutzergruppen im Mittelpunkt stehen.
Besonders kritisch sind Barrieren, die den Zugriff auf wichtige Informationen oder Funktionen verhindern.
Dazu gehören beispielsweise Navigationsmenüs, die sich nicht vollständig bedienen lassen, Formulare ohne verständliche Beschriftungen oder Inhalte, die von unterstützenden Technologien nicht korrekt erfasst werden können.
Auch Fehler, die auf vielen Unterseiten gleichzeitig auftreten, können große Auswirkungen haben. Deshalb sollte bei der Überarbeitung nicht allein die Anzahl der festgestellten Probleme betrachtet werden, sondern vor allem deren Bedeutung für die Nutzer.
Barrierefreiheit und allgemeine Benutzerfreundlichkeit haben viele Gemeinsamkeiten. Beispielsweise profitieren zahlreiche Besucher von klaren Navigationsstrukturen, gut erkennbaren Schaltflächen und verständlichen Formularen.
Eine Website kann jedoch einzelne Anforderungen der Barrierefreiheit erfüllen und trotzdem unnötig kompliziert aufgebaut sein.
Deshalb ist es sinnvoll, beide Bereiche gemeinsam zu betrachten. Eine gute Website sollte nicht nur technisch zugänglich sein, sondern ihren Besuchern auch eine möglichst einfache und nachvollziehbare Nutzung ermöglichen.
Ja. Auch eine ursprünglich barrierefrei entwickelte Website kann durch neue Inhalte oder Funktionen wieder Barrieren enthalten.
Das kann beispielsweise passieren, wenn neue Bilder ohne passende Alternativtexte eingebunden, zusätzliche Bedienelemente programmiert oder externe Anwendungen integriert werden.
Deshalb sollten Barrierefreiheitsanforderungen auch bei späteren Erweiterungen berücksichtigt werden. Geeignete Vorlagen und eine fachgerechte technische Pflege können helfen, solche Probleme zu vermeiden.
Nicht vollständig. Manche Erweiterungen bieten zusätzliche Einstellungsmöglichkeiten, beispielsweise zur Darstellung oder Bedienung einer Website.
Grundlegende Fehler in der Seitenstruktur, in Formularen oder bei individuell programmierten Funktionen werden dadurch jedoch nicht automatisch beseitigt.
Wenn beispielsweise eine Schaltfläche technisch nicht korrekt umgesetzt wurde, reicht es nicht aus, lediglich die Schriftgröße oder den Kontrast verändern zu können.
Entscheidend ist deshalb, vorhandene Barrieren direkt an ihrer Ursache zu beheben.
Ja. Eine Website kann sich je nach Browser, Betriebssystem und verwendetem Gerät unterschiedlich verhalten. Besonders bei interaktiven Funktionen oder individuell programmierten Bedienelementen können dadurch Probleme entstehen.
Auch unterstützende Technologien wie Screenreader arbeiten nicht auf allen Geräten identisch. Deshalb sollte eine Website nicht ausschließlich in einem Browser oder auf einem bestimmten Smartphone geprüft werden.
Wichtig ist, dass wesentliche Informationen und Funktionen auch unter unterschiedlichen technischen Voraussetzungen zuverlässig zugänglich bleiben.
Ja. Werden beispielsweise Karten, Videos, Buchungssysteme oder andere Anwendungen externer Anbieter eingebunden, können dadurch zusätzliche Barrieren entstehen.
Das Problem besteht darin, dass sich solche Inhalte nicht immer vollständig über die eigene Website steuern oder anpassen lassen. Dennoch können sie für Besucher einen wichtigen Bestandteil des Internetauftritts darstellen.
Deshalb sollten externe Anwendungen möglichst bereits vor ihrer Einbindung auf ihre Zugänglichkeit geprüft werden. Falls Probleme bestehen, können alternative Lösungen oder andere Anbieter sinnvoll sein.
Nicht jede Barriere entsteht durch eine fehlerhafte Programmierung. Auch unklare Informationen können dazu führen, dass Besucher eine Funktion nicht richtig nutzen können.
Wenn beispielsweise eine Eingabe nicht akzeptiert wird, sollte die Website verständlich erklären, worin das Problem besteht und wie es behoben werden kann. Allgemeine Meldungen wie „Fehler aufgetreten“ helfen dabei kaum weiter.
Klare Hinweise erleichtern nicht nur Menschen mit Einschränkungen die Bedienung, sondern verbessern grundsätzlich die Benutzerfreundlichkeit einer Website.
Ja. Gut lesbare Schriften, deutliche Kontraste und übersichtliche Inhalte sind wichtige Voraussetzungen, reichen allein aber nicht aus.
Viele Anforderungen betreffen die technische Umsetzung und sind beim normalen Betrachten einer Website nicht sichtbar. Dazu gehören beispielsweise die korrekte Zuordnung von Beschriftungen, die Auszeichnung interaktiver Elemente oder die Reihenfolge, in der Inhalte von unterstützenden Technologien erfasst werden.
Eine zuverlässige Einschätzung erfordert deshalb mehr als eine rein optische Betrachtung. Erst durch geeignete technische und praktische Prüfungen lässt sich feststellen, welche Barrieren tatsächlich vorhanden sind.
Ja. Wir übernehmen die Prüfung, Planung und technische sowie gestalterische Umsetzung barrierefreier Websites. Wir untersuchen Deinen bestehenden Internetauftritt auf mögliche Barrieren und ermitteln, welche Anpassungen für eine bessere Zugänglichkeit notwendig sind.
Dabei kümmern wir uns nicht nur um einzelne Gestaltungselemente, sondern auch um technische Funktionen, Navigationsstrukturen und die Bedienbarkeit Deiner Website. Auf dieser Grundlage entwickeln wir passende Lösungen und setzen die vereinbarten Verbesserungen fachgerecht um.
Auch wenn Du einen neuen Internetauftritt planst, übernehmen wir die vollständige Konzeption, Gestaltung und Entwicklung unter Berücksichtigung der Barrierefreiheit.
Du möchtest wissen, welche Barrieren Deine Website enthält und wie sich diese beseitigen lassen? Nimm jetzt Kontakt mit uns auf. Wir beraten Dich gerne und übernehmen die notwendigen Arbeiten für einen zugänglicheren Internetauftritt.