Digitale Barrierefreiheit: Websites und Apps für mehr Menschen nutzbar machen
von belmedia Redaktion Allgemein Apps business24.ch businessaktuell.ch contentmarketing.ch digital.ch Digitalisierung media24.ch nachrichtenticker.ch News Recht Technologie Tipps
Digitale Barrierefreiheit entscheidet darüber, ob Websites, Apps und Online-Dienste von möglichst vielen Menschen selbstständig genutzt werden können. Dabei geht es um weit mehr als grosse Schrift oder einen hohen Farbkontrast. Menschen mit Seh-, Hör- oder motorischen Einschränkungen, kognitiven Beeinträchtigungen sowie altersbedingten Veränderungen benötigen unterschiedliche Zugangswege. Eine barrierefreie Gestaltung berücksichtigt deshalb Inhalte, Navigation, Formulare, Medien, Bedienlogik und technische Umsetzung gemeinsam.
Viele Verbesserungen kommen zugleich Menschen ohne dauerhafte Behinderung zugute. Untertitel helfen in lauter Umgebung, klare Navigation erleichtert die Orientierung auf kleinen Bildschirmen und eine vollständige Tastaturbedienung kann auch bei einem defekten Touchpad nützlich sein. Digitale Barrierefreiheit ist damit kein isoliertes Spezialthema, sondern ein Qualitätsmerkmal guter digitaler Produkte.
Barrierefreiheit beginnt bei den tatsächlichen Nutzungssituationen
Digitale Angebote werden sehr unterschiedlich bedient. Manche Menschen sehen den Bildschirm nicht und nutzen einen Screenreader, andere vergrössern Inhalte stark oder verändern Farben und Kontraste. Menschen mit eingeschränkter Motorik navigieren möglicherweise ausschliesslich per Tastatur, Spracheingabe oder speziellen Eingabegeräten.
Auch Hörbeeinträchtigungen verändern Anforderungen. Ein Video, dessen entscheidende Informationen nur gesprochen werden, bleibt ohne Untertitel unvollständig zugänglich. Komplexe Sprache, unklare Navigation und unerwartete Bedienabläufe können wiederum für Menschen mit kognitiven Einschränkungen oder Lernschwierigkeiten erhebliche Hürden schaffen.
Barrierefreiheit lässt sich deshalb nicht auf eine einzige Zielgruppe reduzieren. Entscheidend ist, Informationen und Funktionen so aufzubauen, dass unterschiedliche technische Hilfsmittel und Bedienformen zuverlässig zusammenspielen.
Wer eine Website ausschliesslich mit Maus und grossem Desktop-Monitor testet, sieht nur einen kleinen Ausschnitt der tatsächlichen Nutzung.
Die WCAG liefern einen international etablierten Rahmen
Die Web Content Accessibility Guidelines des World Wide Web Consortiums gehören zu den wichtigsten internationalen Orientierungssystemen für digitale Barrierefreiheit. Die aktuelle WCAG-Version 2.2 baut auf den Vorgängerversionen auf und strukturiert ihre Anforderungen nach vier grundlegenden Prinzipien.
Digitale Inhalte müssen wahrnehmbar sein. Informationen dürfen deshalb beispielsweise nicht ausschliesslich über Farbe vermittelt werden, und relevante Bilder benötigen geeignete Textalternativen.
Sie müssen bedienbar sein. Interaktive Elemente, Navigation und Funktionen sollen auch ohne klassische Maussteuerung erreichbar bleiben.
Sie müssen verständlich sein. Dazu gehören nachvollziehbare Strukturen, eindeutige Beschriftungen und vorhersehbare Interaktionen.
Und sie müssen robust sein. Sauber aufgebauter Code und korrekt bezeichnete Bedienelemente erleichtern es Browsern, Screenreadern und anderen assistiven Technologien, Inhalte zuverlässig zu interpretieren.
Die vier Prinzipien sind bewusst technologieübergreifend formuliert. Sie gelten deshalb nicht bloss für klassische Webseiten, sondern spielen ebenso bei Webanwendungen und mobilen Apps eine zentrale Rolle.
In der Schweiz gelten unterschiedliche rechtliche und technische Ebenen
Bei rechtlichen Aussagen zur digitalen Barrierefreiheit ist eine genaue Abgrenzung wichtig. Für die Schweizer Bundesverwaltung bildet unter anderem das Behindertengleichstellungsrecht einen Rahmen. Der eCH-0059 Accessibility Standard konkretisiert Anforderungen für Websites und mobile Anwendungen im E-Government-Umfeld und verlangt in seiner Version 3.0 für Websites und mobile Anwendungen die Kriterien der WCAG 2.1 auf Konformitätsstufe AA.
Diese Vorgabe darf jedoch nicht pauschal als identische gesetzliche Pflicht für jede private Schweizer Website verstanden werden. Branche, angebotene Dienstleistung, Betreiber und Zielmarkt können die rechtliche Situation verändern.
Zusätzliche Bedeutung besitzt der europäische Rechtsraum. Der European Accessibility Act wurde in den Mitgliedstaaten in nationales Recht umgesetzt. In Deutschland gelten die einschlägigen Anforderungen des Barrierefreiheitsstärkungsgesetzes seit dem 28. Juni 2025 für bestimmte erfasste Produkte und Dienstleistungen. Dazu können unter den gesetzlichen Voraussetzungen beispielsweise Angebote des elektronischen Geschäftsverkehrs gehören.
Ausnahmen und Übergangsregelungen sind möglich. Schweizer Unternehmen mit Angeboten für Kunden im EU-Raum sollten deshalb nicht allein anhand allgemeiner Checklisten entscheiden, welche Verpflichtungen konkret bestehen. Bei rechtlich relevanten Projekten ist eine Prüfung des Einzelfalls sinnvoll.
Semantische Struktur macht Inhalte für Maschinen verständlich
Eine visuell überzeugende Seite kann technisch schwer zugänglich sein. Besonders problematisch wird es, wenn Überschriften lediglich durch grössere Schrift simuliert, Schaltflächen als grafische Elemente gebaut oder Eingabefelder nicht korrekt beschriftet werden.
Semantisches HTML beschreibt die Bedeutung eines Elements. Eine Überschrift wird tatsächlich als Überschrift ausgezeichnet, eine Liste als Liste und eine Schaltfläche als bedienbares Steuerelement. Screenreader können daraus eine Struktur ableiten und beispielsweise von Überschrift zu Überschrift springen.
Diese technische Ordnung verbessert zugleich die Wartbarkeit. Entwickler erkennen Funktionen klarer, Browser können Elemente erwartungsgemäss behandeln und Suchsysteme erhalten besser strukturierte Informationen.
Zusätzliche ARIA-Angaben können komplexe Komponenten zugänglicher machen. Sie ersetzen jedoch kein korrekt verwendetes HTML. Ein von Grund auf geeignetes Standard-Element ist häufig robuster als eine komplizierte Eigenentwicklung, die nachträglich mit zahlreichen Zusatzattributen versehen wird.
Bilder brauchen sinnvolle Alternativen statt automatischer Pflichttexte
Alternativtexte gehören zu den bekanntesten Elementen barrierefreier Websites. Ihre Qualität hängt jedoch vom Kontext ab. Ein Alt-Text soll die Information vermitteln, die ein relevantes Bild für den jeweiligen Inhalt beiträgt.
Eine blosse Beschreibung aller sichtbaren Details hilft nicht zwangsläufig. Bei einem Diagramm ist die dargestellte Aussage entscheidender als die Farbe einzelner Balken. Ein dekoratives Bild, das keine zusätzliche Information transportiert, benötigt hingegen nicht automatisch einen ausführlichen Beschreibungstext.
Besonders problematisch sind Bilder, die wichtigen Text enthalten. Informationen sollten grundsätzlich als echter Text verfügbar sein, damit sie vergrössert, vorgelesen und individuell dargestellt werden können.
Auch Dateinamen oder automatisch erzeugte Beschreibungen sollten nicht ungeprüft als Alt-Text übernommen werden. Redaktionelle Kontrolle bleibt notwendig.
Kontrast und Farbe dürfen Informationen nicht verstecken
Schwache Kontraste sind auf modernen Websites verbreitet. Hellgraue Schrift auf weissem Hintergrund wirkt gestalterisch zurückhaltend, kann aber schwer lesbar sein. Die WCAG definieren deshalb überprüfbare Anforderungen an Kontraste für Text und verschiedene grafische Elemente.
Ebenso wichtig ist der Umgang mit Farbe. Ein rotes Eingabefeld und ein grünes Eingabefeld reichen als einzige Kennzeichnung von Fehler und Erfolg nicht aus. Farbe sollte durch Text, Symbole oder eine andere eindeutig wahrnehmbare Information ergänzt werden.
Diese Grundregel hilft auch unter gewöhnlichen Alltagsbedingungen. Starke Sonneneinstrahlung auf einem Smartphone kann Kontraste drastisch reduzieren. Barrierefreies Design verbessert damit häufig zugleich die mobile Nutzung.
Der redaktionelle belmedia-Beitrag „Digitaler Erfolg: Ötztal Tourismus setzt neue Massstäbe im Online-Marketing“ zeigt anhand eines konkreten Webprojekts, welche Bedeutung Benutzerfreundlichkeit und eine nachvollziehbare digitale Nutzerführung inzwischen besitzen.
Tastaturbedienung zeigt viele Schwächen besonders schnell
Eine der einfachsten manuellen Prüfungen besteht darin, die Maus beiseitezulegen. Sind Navigation, Menüs, Links, Formularfelder, Dialogfenster und Schaltflächen vollständig mit der Tastatur erreichbar, werden zahlreiche grundlegende Probleme sofort sichtbar.
Dabei genügt es nicht, dass ein Element technisch fokussiert werden kann. Der Fokus muss erkennbar sein. Wer mit der Tabulatortaste durch eine Seite navigiert, muss jederzeit sehen können, welches Element als Nächstes aktiviert würde.
Die Reihenfolge sollte der inhaltlichen und visuellen Logik folgen. Springt der Tastaturfokus scheinbar willkürlich zwischen Kopfbereich, Seitenleiste und Hauptinhalt, wird die Bedienung unnötig schwierig.
Auch Komponenten wie ausklappbare Menüs, Cookie-Dialoge und modale Fenster verdienen besondere Aufmerksamkeit. Sie dürfen den Tastaturfokus weder unkontrolliert verschwinden lassen noch Nutzer in einem Bereich festhalten, aus dem kein sinnvoller Weg zurückführt.
Formulare brauchen klare Beschriftungen und verständliche Fehler
Formulare gehören zu den kritischsten Bereichen vieler digitaler Angebote. Eine nicht zugängliche Informationsseite ist ärgerlich. Ein nicht bedienbares Bestell-, Buchungs- oder Kontaktformular kann eine Dienstleistung vollständig unzugänglich machen.
Jedes Eingabefeld benötigt eine nachvollziehbare Bezeichnung. Platzhaltertexte allein sind dafür ungeeignet, weil sie während der Eingabe verschwinden können und nicht in jeder technischen Konstellation zuverlässig als Beschriftung dienen.
Pflichtfelder sollten eindeutig markiert sein. Fehlermeldungen müssen erklären, was falsch ist und wie der Fehler behoben werden kann. Eine pauschale Meldung wie „Eingabe ungültig“ zwingt zu unnötiger Suche.
Auch Zeitlimits können Barrieren erzeugen. Wenn eine Sitzung oder ein Formular nach kurzer Zeit automatisch abläuft, benötigen Menschen, die langsamer lesen oder Eingaben mit assistiven Technologien vornehmen, unter Umständen mehr Zeit.
Mobile Apps benötigen dieselbe Sorgfalt wie Websites
Bei Apps kommen kleine Displays, Touchgesten und betriebssystemspezifische Bedienhilfen hinzu. Elemente müssen ausreichend klar beschriftet sein, damit Screenreader ihre Funktion vermitteln können. Die logische Reihenfolge der Bedienelemente sollte auch dann funktionieren, wenn der Bildschirm nicht visuell erfasst wird.
Komplexe Gesten verdienen Alternativen. Eine Funktion, die ausschliesslich durch Ziehen, Wischen oder eine besonders präzise Bewegung ausgelöst werden kann, kann für Menschen mit motorischen Einschränkungen problematisch sein.
Entwickler sollten deshalb die Accessibility-Schnittstellen der jeweiligen Betriebssysteme berücksichtigen. Native Komponenten bringen häufig bereits sinnvolle Unterstützung mit, sofern sie korrekt eingesetzt werden.
Auch eine responsive Website ist nicht automatisch barrierefrei. Wenn Inhalte auf kleinen Bildschirmen verschwinden, Schaltflächen kaum erreichbar sind oder die Reihenfolge beim Zoomen unverständlich wird, bleibt die Zugänglichkeit eingeschränkt.
Video und Audio benötigen alternative Zugangswege
Audiovisuelle Inhalte schaffen zusätzliche Anforderungen. Gesprochene Informationen sollten für Menschen mit Hörbeeinträchtigung über geeignete Untertitel zugänglich sein. Entscheidend ist dabei nicht bloss das Vorhandensein eingeblendeten Textes, sondern dessen inhaltliche Qualität.
Visuell vermittelte Informationen können je nach Bedeutung eine Audiodeskription oder eine andere textliche Alternative erforderlich machen. Ein Sprecher, der lediglich über Folien spricht, vermittelt möglicherweise wichtige Informationen ausschliesslich über die sichtbaren Diagramme.
Automatisch erzeugte Untertitel können die Produktion erleichtern, sollten aber kontrolliert werden. Eigennamen, Fachbegriffe und Zahlen gehören zu den typischen Fehlerquellen automatischer Transkription.
Das deutschsprachige Video „Web Content Accessibility Guidelines (WCAG): Das musst du wissen“ von HelloDesign erklärt kompakt die vier WCAG-Grundprinzipien Wahrnehmbarkeit, Bedienbarkeit, Verständlichkeit und Robustheit sowie den Aufbau der Konformitätsstufen.
Klare Sprache und Leseführung gehören ebenfalls zur Zugänglichkeit
Technisch korrektes HTML löst nicht jedes Problem. Lange verschachtelte Sätze, unverständliche Fachsprache und ungegliederte Textflächen erschweren den Zugang zu Informationen.
Überschriften sollten den folgenden Abschnitt konkret beschreiben. Absätze brauchen eine erkennbare innere Logik. Links wie „hier“ oder „weiter“ verlieren ausserhalb ihres unmittelbaren Kontextes schnell ihre Aussagekraft, während ein präziser Linktext das Ziel erkennen lässt.
Der belmedia-Artikel „Die Psychologie des Scrollens: Fesselnd Inhalte gestalten“ beschreibt ergänzend, wie klare Zwischenüberschriften, kurze Absätze und visuelle Orientierungspunkte die Leseführung in digitalen Inhalten verbessern.
Barrierefreie Kommunikation verlangt dabei nicht automatisch, sämtliche Inhalte in Leichter Sprache zu verfassen. Unterschiedliche Informationsangebote können unterschiedliche sprachliche Anforderungen besitzen. Wichtig ist, unnötige Komplexität zu vermeiden und zentrale Informationen verständlich zu vermitteln.
Automatische Tests finden nur einen Teil der Barrieren
Prüfwerkzeuge können fehlende Alternativtexte, bestimmte Kontrastprobleme, technische Fehler oder falsch verwendete Attribute erkennen. Sie sind für Entwicklung und Qualitätssicherung wertvoll, liefern aber keine vollständige Bewertung.
Ein Werkzeug kann beispielsweise feststellen, dass ein Bild einen Alt-Text besitzt. Ob dieser Text den tatsächlichen Informationsgehalt sinnvoll beschreibt, muss weiterhin ein Mensch beurteilen.
Deshalb sollte die Prüfung mehrere Ebenen verbinden: automatisierte Tests, Tastaturnavigation, Tests mit Screenreadern und anderen assistiven Technologien sowie manuelle Kontrolle von Struktur, Formularen und Medien.
Besonders aussagekräftig sind Tests mit Menschen, die entsprechende Hilfsmittel im Alltag verwenden. Sie entdecken Probleme, die aus technischer Sicht formal korrekt erscheinen, in der praktischen Nutzung aber dennoch hinderlich sind.
Barrierefreiheit gehört in den gesamten Entwicklungsprozess
Nachträgliche Korrekturen sind möglich, können aber aufwendig werden. Wenn Navigation, Formulare und Komponenten bereits technisch ungünstig aufgebaut wurden, reicht eine oberflächliche Überarbeitung häufig nicht aus.
Effizienter ist eine frühzeitige Integration. Anforderungen werden bereits bei der Konzeption festgelegt, Designer berücksichtigen Kontrast, Fokus und unterschiedliche Bildschirmgrössen, Entwickler verwenden geeignete semantische Komponenten und die Redaktion erstellt zugängliche Texte, Bilder und Medien.
Auch externe Komponenten gehören in die Prüfung. Ein barrierefreier Webauftritt kann durch ein eingebettetes Buchungssystem, einen schlecht bedienbaren Cookie-Dialog oder ein unzugängliches Zahlungsmodul an entscheidender Stelle scheitern.
Accessibility sollte deshalb Teil der Definition of Done werden. Neue Funktionen gelten erst dann als abgeschlossen, wenn grundlegende Barrierefreiheitsprüfungen durchgeführt wurden.
Digitale Barrierefreiheit bleibt eine dauerhafte Qualitätsaufgabe
Eine einmal bestandene Prüfung garantiert keine dauerhaft barrierefreie Website. Neue Inhalte, Designänderungen, Updates des Content-Management-Systems und zusätzliche Plugins können neue Barrieren erzeugen.
Regelmässige Tests sind deshalb ebenso wichtig wie klare Verantwortlichkeiten. Redaktion, Design, Entwicklung und Produktmanagement benötigen gemeinsame Standards. Fehler sollten dokumentiert, priorisiert und bei wiederkehrenden Problemen an ihrer Ursache behoben werden.
Barrierefreiheit gewinnt dabei an Qualität, wenn sie nicht als Checkliste für den letzten Projekttag verstanden wird. Sie verändert die Ausgangsfrage: nicht mehr, ob ein durchschnittlicher Nutzer eine Funktion bedienen kann, sondern auf wie viele unterschiedliche Arten ein Mensch zuverlässig an dieselbe Information oder Funktion gelangt.
Damit werden Websites und Apps robuster, verständlicher und für mehr Menschen nutzbar. Der eigentliche Fortschritt liegt nicht in einer einzelnen Spezialfunktion, sondern in digitalen Angeboten, bei denen Zugänglichkeit selbstverständlich zur Produktqualität gehört.
Bildquellen: Titelbild: iStock/kimberrywood; Bild 1: iStock/Ralf Hahn; Bild 2: iStock/Chansom Pantip; Bild 3: iStock/SolStock; Bild 4: iStock/Anna Reshetnikova