Barrierefreies Webdesign: Pflicht clever nutzen

Als Experten für Individualsoftware bietet die TenMedia GmbH Web- und Datenbankentwicklung für Unternehmen und Behörden. Beim Design von Webseiten legen wir besonderes Augenmerk auf responsive Gestaltung und Barrierefreiheit. Neben der Entwicklung bieten wir auch diverse Maintenance Services an. Dazu gehören u.a. auch Softwarewartung und Website-Betreuung. Interesse an unseren Angeboten? Wir beantworten Anfragen gern telefonisch oder via E-Mail.

Was bedeutet „Barrierefreies Webdesign“?

Das Ziel von Accessibility im Webdesign ist, dass Internetseiten von allen Menschen genutzt werden können. Das bezieht sich sowohl auf die Bedienbarkeit im Frontend einer Website als auch auf die Verständlichkeit des Contents. Letzteres schließt sowohl Texte als auch Bilder, Animationen oder Videos ein.

Von Barrierefreiheit im Internet profitieren:

• User mit motorischen oder kognitiven Einschränkungen
• User mit Seh- oder Hörbehinderungen
• User mit technischen Einschränkungen (alte Hardware, schlechte Internetverbindung)
• User mit vorübergehenden Einschränkungen (z.B. gebrochener Arm oder laute Umgebung)

Das barrierefreie Design von Webseiten wird durch Webdesigner oder Programmierer entsprechend diverser Reglementierungen und Normen umgesetzt. Die relevanten Standards in Deutschland sind die europaweite Norm DIN EN 201 549 und der internationale Leitfaden für die barrierefreie Gestaltung digitaler Inhalte: WCAG 2.1.

Ab dem 28.06.2025 tritt deutschlandweit das Barrierefreiheitsstärkungsgesetz (BFSG) in Kraft. Ab diesem Zeitpunkt ist ein Großteil der Webseitenbetreiber verpflichtet, digitalen Content barrierefrei zu gestalten. Versäumnisse können mit Strafen geahndet werden.

Welche Webseiten müssen 2025 barrierefrei sein?

Im Allgemeinen bezieht sich das BFSG u.a. auf Betriebssysteme, Selbstbedienungsterminals, E-Books, Smart-TVs oder Bankdienstleistungen. In puncto Websites stehen vor allen Dingen Behörden und öffentliche Einrichtungen in der Pflicht. Außerdem gilt das neue Barrierefreiheitsgesetz vor allem im Bereich B2C für:

• Onlineshops und digitale Verkaufsplattformen
• Buchungsportale
• Online-Kundenportale
• Formulare und Apps für digitale Vertragsabschlüsse
• Webseiten, die Zugang zu audiovisuellen Medien gewähren

Welche Ausnahmen gibt es für barrierefreie Websites?

Es gibt diverse Ausnahmen für digitalen Content, bei dem barrierefreies Webdesign keine Pflicht darstellt. Dazu gehören beispielsweise Internetseiten, die Produkte präsentieren, bei denen der Kaufprozess jedoch über eine separate Domain abgewickelt wird. Reine Informationsseiten und Blogs sind ebenfalls ausgenommen, genauso wie unternehmenseigene Homepages, die keine Funktionen zum direkten Vertragsabschluss mit Verbrauchern bieten.

Ausgenommen sind außerdem Intranets, reine B2B Websites, über die keine Verbraucherverträge abgeschlossen werden können und Internetseiten von Kleinstunternehmen. Als Kleinstunternehmen gelten Firmen, die über weniger als 10 Angestellte verfügen und deren Jahresumsatz 2 Millionen Euro nicht übersteigt. Ausgenommen sind dabei jedoch Kleinstunternehmen, die Produkte in Umlauf bringen, die unter das BFSG fallen.

Ist eine Erklärung zur Barrierefreiheit Pflicht?

Jedes Unternehmen, deren Webseite unter das BFSG fällt, ist auch verpflichtet, eine Erklärung zur Barrierefreiheit bereitzustellen. Diese muss vor allen Dingen folgendes enthalten:

• Beschreibung der Dienstleistung oder des Produkts
• Erläuterung zur Nutzung des Produkts
• Erläuterung, wie die Barrierefreiheitsanforderungen erfüllt werden
• Angaben zu bestehenden Barrieren und den geplanten Maßnahmen zur Beseitigung
• Kontaktmöglichkeit zum Unternehmen
• Angabe der zuständigen Marktüberwachungsbehörde
• Datum der Erstellung bzw. letzten Aktualisierung der Barrierefreiheitserklärung

Welche Strafen drohen bei Nichteinhaltung des Barrierefreiheitsstärkungsgesetzes?

Die Einhaltung des BFSG wird von den Marktüberwachungsbehörden der Länder überwacht. Diese können auf eigene Initiative oder aufgrund von Beschwerden von Verbrauchern oder anerkannten Verbänden tätig werden. Als Strafen können u.a. Vertriebsverbote oder die Einstellung der Dienstleistungserbringung verlangt werden. Außerdem sind Geldbußen zwischen 10.000 und 100.000 Euro möglich, abhängig von der Schwere des Verstoßes.

▼ Podcast Beitrag ➪ Wordpress: 2-Faktor-Authentifizierung jetzt Pflicht ▼

Wie viele Webseiten sind nicht barrierefrei?

Im Zuge der WebAIM-Million-Studie wurde im März 2024 eine Million der weltweit meistgenutzten Startseiten analysiert. Dabei wurde festgestellt, dass ca. 96 Prozent aller Startseiten Fehler in der Barrierefreiheit aufwiesen. Eine Studie der Aktion Mensch deckte auf, dass 2024 75 Prozent der größten deutschen Onlineshops nicht barrierefrei waren. Derzeit sollen es noch immer an die 66 Prozent sein.

Was sind die wichtigsten Anforderungen an eine barrierefreie Website?

Grundlage des Barrierefreiheitsstärkungsgesetzes in Deutschland sind WCAG (Web Content Accessibility Guidelines). Diese identifizieren vier Grundprinzipien, die barrierefreie Webseiten erfüllen sollen:

• Wahrnehmbarkeit
• Bedienbarkeit
• Verständlichkeit
• Robustheit

Wahrnehmbarkeit von Websites

Grundsatz der Wahrnehmbarkeit ist, dass sämtliche Inhalte von allen Nutzern unabhängig von ihren sensorischen Fähigkeiten wahrgenommen werden können. Das bedingt beispielsweise Textalternativen für Nicht-Text-Inhalte wie Bilder, Videos oder Audioinhalte. Diese Alternative-Texte können dann von Screenreadern gelesen werden.

Responsive Design und Kontraste

Responsive Gestaltung ist ein weiterer wichtiger Punkt im barrierefreien Webdesign. Sie sorgt dafür, dass Inhalte sich automatisch an verschiedene Bildschirmgrößen anpassen und User die Möglichkeit haben, Textgrößen und Kontraste anzupassen. Generell muss der Kontrast zwischen Text und Hintergrund groß genug sein, dass auch Nutzer mit Sehschwäche die Inhalte gut lesen können. Außerdem sollten wichtige Informationen nicht rein farblich hervorgehoben sein, sondern auch durch Symbole oder Muster gekennzeichnet werden.

Bedienbarkeit (Operabilität)

Die Nutzer müssen die Website oder App auf verschiedene Weisen steuern können. Alle Funktionen und interaktiven Elemente der Website müssen vollständig über die Tastatur bedienbar sein, ohne dass eine Maus erforderlich ist. Wichtig ist außerdem, dass die Timeouts bei Formularen nicht zu kurz sind, damit genügend Zeit bleibt, um Inhalte zu lesen und Aktionen auszuführen. Weitere wichtige Faktoren in Bezug auf die digitale Barrierefreiheit sind klare Linktexte und die Möglichkeit zum Überspringen von Inhalten auf der Webseite.

Verständlichkeit in Content und Navigation

Textinhalte auf Webseiten sollten in einer klaren und einfachen Sprache gehalten werden. Die Navigation ist intuitiv und konsistent zu gestalten. Bei Formularen müssen Fehler identifiziert und dem Nutzer verständlich gemacht werden. Es sollten Vorschläge zur Korrektur angeboten und Hilfetexte bereitgestellt werden.

Robustheit im Webdesign

Der zugrunde liegende HTML-Code muss fehlerfrei und standardkonform sein. Die Website-Programmierung muss eine Kompatibilität mit Screenreadern, Braillezeilen und anderen assistiven Hilfsmitteln ermöglichen. Das bedeutet insbesondere die korrekte Verwendung von ARIA-Attributen (Accessible Rich Internet Applications), um dynamische Inhalte und komplexe Bedienelemente zugänglich zu machen.

© hattaarshavin

Welche Rolle spielt SEO beim barrierefreien Webdesign?

Wer seine Webentwicklung barrierefrei gestaltet, legt gleichzeitig den Grundstein für eine bessere Sichtbarkeit in Suchmaschinen. Dieses Zusammenspiel ist entscheidend für Unternehmen, die Reichweite und Nutzerzufriedenheit steigern möchten.

Google und andere Suchmaschinen legen Wert auf die User Experience (UX). Eine inklusive Website bietet automatisch eine überlegene UX. Lange Verweildauer und niedrige Absprungraten sind direkte Nutzersignale, die von Suchmaschinen positiv bewertet werden und das Ranking verbessern.

Semantische Codes und Alt-Texte für besser Indexierung

Technisch saubere, semantische Codes, wie sie für barrierefreie Internetseiten essenziell sind, erleichtern den Crawlern der Suchmaschinen die Arbeit. Aussagekräftige Alt-Texte für Bilder oder Transkripte für Videos sind nicht nur für Screenreader unverzichtbar, sondern liefern auch den Suchmaschinen wertvolle Informationen über den Inhalt. Das führt zu einer besseren Indexierung und höheren Relevanz für spezifische Suchanfragen.

Checkliste für barrierefreies Webdesign 2025

Im Folgenden haben wir die wichtigsten Punkte für eine barrierefreie Webentwicklung aufgelistet. Diese Aufstellung dient als eine grundlegende Checkliste für Unternehmen:

☞ Beschreibende Alternativtexte für alle Bilder und Grafiken
☞ Tastaturnavigation
☞ Ausreichender Farbkontrast zwischen Text und Hintergrund
☞ Klare und hierarchische Überschriftenstruktur (H1-H6)
☞ Aussagekräftige und verständliche Linkbeschriftungen
☞ Beschriftungen, Fehlermeldungen und Hilfestellungen für Formularfelder
☞ Untertitel und/oder Transkripte für Videos und Audiodateien
☞ Responsive Design
☞ Klare und einfache Sprache
☞ Korrekte Verwendung von ARIA-Attributen
☞ Barrierefreiheitserklärung
☞ Klar erkennbare Markierung (Fokus-Indikator) bei Tastaturnavigation
☞ Alle herunterladbaren Dokumente (z.B. PDFs) ebenfalls barrierefrei gestalten
☞ Robuste Fehlerbehandlung und hilfreiche Fehlermeldungen für Nutzer

Was sind häufige Fehler bei der Umsetzung von barrierefreiem Design?

Ein häufiger fachlicher Fehler ist die fehlende oder falsche semantische Strukturierung des HTML-Codes. Viele Webentwickler setzen Überschriften, Listen und Absätze nicht korrekt um. Das führt dazu, dass Screenreader-Nutzer den Inhalt der Seite nicht logisch nachvollziehen können. Ebenso kritisch: Nicht alle Seiten werden ausreichend mit Alternativtexten für Bilder und Bedienelemente ausgestattet. Dies verhindert das vollständige Verständnis der Inhalte für blinde und sehbehinderte Menschen.

UI/UX und Barrierefreiheit

Auch im Bereich UI/UX entstehen häufig Fehler, etwa wenn Kontraste zu gering sind, sichergestellte Farbunterschiede fehlen oder Bedienelemente zu klein angelegt werden. Zudem werden häufig Navigationselemente und Formulare nicht für die ausschließliche Nutzung mit der Tastatur optimiert. Maßnahmen wie sichtbare Fokus-Indikatoren oder eine logische Tab-Reihenfolge werden vergessen, was den Zugang zum Angebot massiv erschwert.

Häufig entstehen diese Fehler durch mangelnde Kenntnisse der Entwickler oder fehlende Zusammenarbeit zwischen Entwicklern und Designern. Eine inklusive Website erfordert klare Absprachen und Schulungen rund um barrierefreie Internetseiten.

Welche Vorteile bietet barrierefreies Webdesign für mein Unternehmen?

Besonders für ältere Webseiten bietet der Relaunch entsprechend den Vorgaben des BFSG eine große Chance. Inhalte und Struktur können in diesem Zuge moderner aufbereitet werden. Vor allem Anpassungen im Responsive Design sind können von großem Vorteil sein, da sie nicht nur Nutzern mit Einschränkungen, sondern allen Usern einen komfortableren Zugriff auf die Seite ermöglichen.

Steigerung der Reichweite

Ein weiterer Vorteil liegt in der massiven Erweiterung der Zielgruppe. Indem der Zugang zu digitalen Inhalten für Menschen mit vielfältigen Fähigkeiten ermöglicht wird – sei es durch die Unterstützung von Screenreadern, die Implementierung von Tastaturnavigation oder die Bereitstellung von Untertiteln– erschließt ein Unternehmen einen zuvor unerreichten Marktanteil. Dies führt direkt zu einer Steigerung der Reichweite und potenziell zu höheren Konversionsraten und Umsätzen.

Vorteile von barrierefreiem Webdesign für SEO

Darüber hinaus korreliert Barrierefreies Design stark mit einer verbesserten Suchmaschinenoptimierung. Zahlreiche Aspekte der Barrierefreiheit werden von Suchmaschinen positiv bewertet. Eine Barrierefreie Webseite wird demnach häufig besser von Algorithmen indexiert und in den Suchergebnissen höher platziert. Dies erhöht die organische Sichtbarkeit und zieht qualifizierten Traffic an.

Bessere Reputation

Die Implementierung von Barrierefreiheitsstandards stärkt zudem das Markenimage und die Reputation eines Unternehmens erheblich. Organisationen, die aktiv Inklusion fördern, werden von Verbrauchern als fortschrittlich, sozial verantwortlich und kundenorientiert wahrgenommen. Dies fördert nicht nur die Loyalität bestehender Kunden, sondern zieht auch neue Geschäftspartner und talentierte Mitarbeiter an. Die Bereitstellung von Barrierefreie Internetseiten ist somit keine bloße Notwendigkeit, sondern eine zukunftsorientierte Investition, die den langfristigen Erfolg eines Unternehmens nachhaltig sichert und Wettbewerbsvorteile schafft.

Welche Unterstützung bieten Webagenturen bei der Umsetzung von barrierefreiem Webdesign?

Die erfolgreiche Implementierung von barrierefreiem Webdesign erfordert spezialisiertes Know-how und umfassende Erfahrung. Webagenturen bieten Unternehmen maßgeschneiderte Unterstützung, um digitale Präsenzen den hohen Standards der Zugänglichkeit anzupassen und somit die Vorteile des barrierefreien Webdesign vollständig zu realisieren.

Ein zentraler Pfeiler dieser Unterstützung ist die tiefgreifende Kenntnis der relevanten Richtlinien. Agenturen sind mit nationalen und internationalen Zugänglichkeitsstandards, wie den WCAG, bestens vertraut. Dieses Fachwissen ist unerlässlich, um eine barrierefreie Website zu entwickeln. Die technische Expertise von Webagenturen ist zudem entscheidend. Sie beherrschen die notwendigen Programmiertechniken und den Einsatz spezifischer Tools, um eine Website von Grund auf barrierefrei zu gestalten oder bestehende Plattformen entsprechend anzupassen. Dies umfasst die semantisch korrekte Strukturierung von Inhalten, die Implementierung von Tastatursteuerung oder die Optimierung für Screenreader. Unternehmen, die eine barrierefreie Website erstellen lassen möchten, profitieren enorm von dieser technischen Kompetenz, die eine reibungslose Funktionalität für alle Nutzergruppen garantiert.

Barrierefreiheit Website testen und optimieren

Über die initiale Entwicklung hinaus bieten spezialisierte Agenturen auch umfassende Dienstleistungen zur Prüfung und kontinuierlichen Optimierung der Accessibility im Webdesign an. Dies umfasst automatisierte Tests sowie manuelle Überprüfungen durch Experten und, wo sinnvoll, durch Personen mit verschiedenen Behinderungen. Solche Tests identifizieren Schwachstellen und potenzielle Barrieren, die dann systematisch behoben werden.

Die kontinuierliche Optimierung gewährleistet, dass das barrierefreie Web auch bei zukünftigen Updates und Erweiterungen der Website erhalten bleibt. Agenturen stellen somit sicher, dass eine digitale Präsenz nicht nur bei der Liveschaltung, sondern dauerhaft alle Anforderungen an die Barrierefreiheit erfüllt.

Barrierefreies Webdesign bei der TenMedia GmbH

Neben der Entwicklung von Individualsoftware sind wir von TenMedia auch in der Webentwicklung zuhause. Wir programmieren, tunen oder betreuen Webseiten und Webanwendungen. Dabei lag unser besonderer Fokus schon immer auf barrierefreiem Zugang zu Funktionen und Inhalten, um diese allen Menschen zur Verfügung stellen zu können.

Gern passen wir Webseiten, Software und IT-Systeme an die Vorgaben des BFSG an und gestalten Navigation und Design generell nutzerfreundlicher und zielorientierter. Im engen Austausch mit unseren Kunden finden wir für jede Anforderung die beste Lösung. Barrierefreies Webdesign ist schon lange kein Nice-to-have mehr. Wir wissen, wie es geht!