Barrierefreies Webdesign: Der komplette Leitfaden für Ärzte & KMU

Barrierefreiheit im Web galt lange als Kür für Behörden. Das ist vorbei. Seit Juni 2025 gelten in Österreich verbindliche Anforderungen für einen Teil der digitalen Angebote – und unabhängig davon entscheidet Zugänglichkeit längst darüber, wie viele Menschen Ihre Website überhaupt nutzen können.

Dieser Leitfaden fasst zusammen, was Ordinationen und KMU wirklich wissen müssen: die Rechtslage in Österreich, den Standard WCAG 2.1 AA, eine technische Checkliste zum Abhaken und den Weg zur Umsetzung.

Hinweis: Wir sind eine Webagentur mit Schwerpunkt auf Performance und SEO, keine Rechtsanwaltskanzlei. Dieser Artikel gibt unsere Praxiserfahrung wieder und ersetzt keine juristische Prüfung Ihres Einzelfalls.

Die Rechtslage in Österreich: das Barrierefreiheitsgesetz (BaFG)

Mit dem Barrierefreiheitsgesetz (BaFG) hat Österreich den European Accessibility Act der EU umgesetzt. Es gilt seit 28. Juni 2025 und verpflichtet Anbieter bestimmter Produkte und Dienstleistungen dazu, diese barrierefrei anzubieten.

Wichtig ist die Abgrenzung, denn hier kursieren viele Halbwahrheiten:

• Erfasst sind vor allem B2C-Dienstleistungen im elektronischen Geschäftsverkehr – also etwa Online-Shops, Buchungs- und Bezahlvorgänge, Bank- und Telekomdienste oder E-Books.
• Kleinstunternehmen (weniger als 10 Beschäftigte und höchstens 2 Mio. € Jahresumsatz) sind bei Dienstleistungen von den Pflichten ausgenommen.
• Öffentliche Stellen unterliegen ohnehin schon länger dem Web-Zugänglichkeits-Gesetz (WZG).

Für eine reine Informationswebsite – etwa die klassische Ordinations-Website mit Leistungen, Team und Öffnungszeiten – folgt daraus meist keine unmittelbare Pflicht. Sobald aber ein Vertragsabschluss online möglich ist, etwa eine echte Online-Terminbuchung oder ein Shop, wird die Sache schnell relevant. Ebenso, wenn Sie mit öffentlichen Stellen zusammenarbeiten.

Unser Rat: Behandeln Sie Barrierefreiheit nicht als Rechtsfrage, sondern als Qualitätsmerkmal. Wer sie ignoriert, verliert nachweislich Nutzer:innen – und das trifft eine Ordination genauso wie einen Handwerksbetrieb.

Was WCAG 2.1 bedeutet – und warum Stufe AA der Maßstab ist

Der technische Maßstab für Barrierefreiheit sind die Web Content Accessibility Guidelines (WCAG) 2.1. Sie sind international anerkannt und Grundlage praktisch aller gesetzlichen Regelungen im deutschsprachigen Raum.

Die vier Prinzipien (POUR)

1. Wahrnehmbar: Inhalte müssen mit unterschiedlichen Sinnen erfassbar sein – ausreichende Farbkontraste, Alternativtexte für Bilder, Untertitel für Videos, skalierbare Schrift.
2. Bedienbar: Alles muss ohne Maus funktionieren – vollständige Tastaturbedienung, sichtbarer Fokus, genügend Zeit für Eingaben, keine Inhalte, die Anfälle auslösen können.
3. Verständlich: Klare Sprache, konsistente Navigation, hilfreiche Fehlermeldungen statt kryptischer Codes.
4. Robust: Sauberes, semantisches HTML, das Screenreader und assistive Technologien zuverlässig interpretieren können.

Konformitätsstufen A, AA und AAA

• Stufe A – die Basis. Ohne sie ist eine Website für viele Menschen schlicht nicht nutzbar.
• Stufe AA – der Standard für geschäftliche und öffentliche Websites. Diese Stufe wird in Gesetzen üblicherweise gefordert.
• Stufe AAA – die höchste Stufe mit sehr spezifischen Anforderungen, meist nur für spezialisierte Informationsportale sinnvoll.

Wir bauen Websites standardmäßig auf Stufe AA – das ist die beste Balance aus gestalterischer Freiheit und maximaler Reichweite.

Technische Checkliste: Ist Ihre Website zugänglich?

Diese Punkte können Sie zum Teil selbst prüfen:

1. Kontraste: Fließtext braucht mindestens 4,5:1 Kontrast zum Hintergrund. Prüfen Sie Ihre Seite bei Sonnenlicht am Smartphone – dort fällt schwacher Kontrast sofort auf.
2. Tastaturbedienung: Kommen Sie mit der Tab-Taste durch Menü, Formular und Buttons? Ist immer sichtbar, wo Sie gerade sind?
3. Alternativtexte: Hat jedes inhaltstragende Bild eine sinnvolle Beschreibung? Screenreader lesen sie vor – und Google versteht damit Ihre Bilder besser.
4. Formular-Labels: Jedes Eingabefeld braucht eine sichtbare Beschriftung. Ein Platzhaltertext allein reicht nicht, weil er beim Tippen verschwindet.
5. Überschriften-Struktur: Genau eine H1, darunter eine logische H2/H3-Hierarchie – keine Überschriften, die nur groß aussehen sollen.
6. Skalierbarkeit: Bleibt die Seite lesbar und bedienbar, wenn Nutzer:innen die Schrift auf 200 % vergrößern?
7. Bewegung: Lassen sich Animationen und automatische Slider anhalten? Wird prefers-reduced-motion respektiert?

Overlay-Plugins: das teure Missverständnis

Es gibt Tools, die versprechen, eine Website per Knopfdruck barrierefrei zu machen – sogenannte Accessibility-Overlays. Davon raten wir ab.

Diese Skripte legen eine Bedienleiste über die Seite, lösen die eigentlichen Probleme im Quellcode aber nicht. Für Menschen, die mit Screenreadern arbeiten, verschlechtern sie die Bedienung mitunter sogar – weil sich zwei Hilfssysteme in die Quere kommen. Dazu kommt: Jedes Overlay ist zusätzliches JavaScript, das Ihre Ladezeit verschlechtert.

Echte Zugänglichkeit entsteht im Design- und Entwicklungsprozess: bei der Farbwahl, der Typografie, der Struktur und der Code-Qualität. Genau deshalb ist WCAG 2.1 AA bei unseren Webdesign-Projekten Standard und kein Aufpreis.

Umsetzung: neue Website oder bestehende nachrüsten?

Beides ist möglich – der Aufwand unterscheidet sich aber erheblich.

Bei einer neuen Website ist Barrierefreiheit fast gratis, wenn sie von Anfang an mitgedacht wird: semantisches HTML, ein Farbsystem mit geprüften Kontrasten, saubere Fokus-Zustände, korrekt ausgezeichnete Formulare.

Bei einer bestehenden Website – etwa einem gewachsenen WordPress-Projekt mit vielen Plugins und einem gekauften Theme – ist der Weg länger. Häufige Baustellen sind Themes mit zu schwachen Kontrasten, Slider und Pop-ups ohne Tastaturbedienung sowie Formular-Plugins ohne korrekte Labels. Oft ist ein Relaunch auf schlanker Technik günstiger als das Nachrüsten – und bringt gleichzeitig deutlich bessere Ladezeiten.

Warum sich Barrierefreiheit doppelt rechnet

Mehr Reichweite. Rund ein Fünftel der Bevölkerung lebt mit einer Beeinträchtigung – dauerhaft oder situativ: Sehschwäche, motorische Einschränkungen, ein gebrochener Arm, grelles Sonnenlicht am Display. Jede Barriere schließt Menschen aus, die Ihre Leistung suchen.

Bessere Rankings. Vieles, was Screenreadern hilft, hilft auch Google: semantische Struktur, Alternativtexte, saubere Überschriften-Hierarchie, sprechende Linktexte. Barrierearme Websites sind fast immer auch technisch bessere Websites – mehr dazu unter technisches SEO.

Höhere Conversion. Klare Kontraste, große Klickflächen und verständliche Formulare senken die Abbruchrate für alle Nutzer:innen, nicht nur für Menschen mit Behinderung.

Speziell für Ordinationen: Zugänglichkeit ist Patientenkommunikation

Gerade im Gesundheitsbereich ist die Zielgruppe überdurchschnittlich oft auf Zugänglichkeit angewiesen – ältere Patient:innen, Menschen mit Seheinschränkung, Angehörige unter Zeitdruck. Wer Öffnungszeiten, Kassenverträge und Terminmöglichkeiten klar und zugänglich darstellt, entlastet ganz nebenbei das Ordinationstelefon.

Eine zugängliche Website signalisiert außerdem etwas, das keine Werbeaussage transportieren kann: dass alle Patient:innen willkommen sind. Wie wir das mit werberechtskonformem Praxismarketing verbinden, lesen Sie auf unserer Themenseite.

Häufige Fehler – und wie Sie sie vermeiden

• Graue Schrift auf hellgrauem Grund. Sieht edel aus, fällt beim Kontrast-Check durch. Prüfen Sie Werte, statt nach Gefühl zu gestalten.
• Bilder mit Text. Ein Angebot als Grafik können weder Screenreader noch Google lesen. Text gehört in den Text.
• Alt-Texte als Keyword-Halde. Beschreiben Sie, was zu sehen ist – nicht, wofür Sie ranken wollen.
• Entfernte Fokus-Rahmen. Der blaue Rahmen beim Tabben wird oft als „hässlich” wegformatiert. Damit wird die Seite für Tastaturnutzer:innen unbedienbar. Besser: eigenen, gut sichtbaren Fokus-Stil gestalten.
• PDF statt Website. Gescannte PDFs sind meist komplett unzugänglich. Wichtige Informationen gehören als HTML auf die Seite.

Ihr Fahrplan in vier Schritten

1. Bestandsaufnahme: Kontraste, Tastaturbedienung und Struktur prüfen – die groben Baustellen zeigen sich in einer Stunde.
2. Priorisieren: Zuerst die Wege reparieren, die zur Anfrage führen – Navigation, Kontaktformular, Terminbuchung.
3. Umsetzen: Im Design-System korrigieren statt per Plugin überkleben.
4. Prüfen und dranbleiben: Nach jedem größeren Update erneut testen; Barrierefreiheit ist kein einmaliges Projekt.

Fazit

Barrierefreiheit ist in Österreich für einen Teil der digitalen Angebote bereits Pflicht – und für alle anderen ein Qualitäts- und Sichtbarkeitsvorteil, der sich rechnet. Der Aufwand ist am kleinsten, wenn sie von Anfang an mitgedacht wird.

Sie möchten wissen, wo Ihre Website steht? Im kostenlosen Erstgespräch prüfen wir die wichtigsten Kriterien gemeinsam und sagen Ihnen ehrlich, ob ein Nachrüsten reicht oder ein Relaunch der bessere Weg ist.

Jetzt kostenloses Erstgespräch vereinbaren