Barrierefreiheit

Ist deine Website barrierefrei?

Barrierefreiheit ist kein „Extra“. Sie entscheidet über Verständlichkeit, Vertrauen – und darüber, ob Menschen deine Inhalte wirklich nutzen können.

ruhig erklärt · klare Prioritäten · ohne Overload

Kurz eingeordnet

Gilt Barrierefreiheit für deine Website?

In Österreich ist das Barrierefreiheitsgesetz (BaFG) seit 28. Juni 2025 in Kraft und setzt den „European Accessibility Act“ um. Es betrifft bestimmte Produkte & Dienstleistungen – besonders dort, wo Verbraucher:innen digital Leistungen nutzen (z. B. Buchung, Tickets, Banking, E-Commerce).

Sehr oft relevant, wenn …

  • du online verkaufst oder Buchungen annimmst
  • du Formulare zur Nutzung einer Leistung hast
  • du Nutzer:innen-Accounts/Logins anbietest
  • du „digitale Services“ für Endkund:innen bereitstellst

Öffentliche Stellen

Für öffentliche Stellen gelten in Österreich Vorgaben nach dem Web-Zugänglichkeits-Gesetz (WZG), üblicherweise orientiert an WCAG AA / EN 301 549.

Typisch

Die häufigsten Barrieren – und wie man sie entschärft

Nicht alles auf einmal. Diese Punkte bringen meistens sofort spürbare Wirkung.

Barriere 1

Fokus nicht sichtbar

Wer mit Tastatur navigiert, braucht einen klaren Fokus. Ohne sichtbaren Fokus fühlt sich die Seite „kaputt“ an.

Schnell entschärfen
  • Fokus-Stil aktivieren (nicht entfernen)
  • Kontraststarker Outline/Shadow
  • Fokus-Reihenfolge logisch halten
Barriere 2

Links/Buttons zu klein

Kleine Trefferflächen sind auf Mobile und für motorische Einschränkungen echte Stopper.

Schnell entschärfen
  • Padding erhöhen (statt Font größer)
  • Abstände zwischen Links vergrößern
  • Icons nicht ohne Text-Label
Barriere 3

Bilder ohne Alternativtext

Wenn Bilder Bedeutung tragen, brauchen sie Text-Alternativen – sonst fehlen zentrale Infos.

Mini-Regel

Daumenregel: Deko-Bilder leer lassen (alt=""), informative Bilder kurz beschreiben („Team beim Workshop“, „Preisübersicht“, „Vorher/Nachher“).

Barriere 4

Formulare „raten lassen“

Platzhalter sind keine Labels. Wenn Fehlermeldungen unklar sind, brechen Menschen ab.

Schnell entschärfen
  • Jedes Feld hat ein echtes Label
  • Fehler erklären + Lösung nennen („E-Mail fehlt“)
  • Pflichtfelder klar markieren (nicht nur Farbe)
Barriere 5

Kontrast zu schwach

„Hellgrau auf Beige“ sieht edel aus – ist aber oft schwer lesbar. Besonders bei Fließtext und UI-Hinweisen.

Schnell entschärfen
  • Fließtext dunkler (Kontrast hochziehen)
  • Buttons nicht nur über Farbe unterscheiden
  • Hint-Texte nicht zu „zart“
Barriere 6

Struktur fehlt (Überschriften)

Ohne saubere H-Struktur wird Screenreader-Navigation mühsam – und Inhalte wirken unklar.

Schnell entschärfen
  • Genau ein H1 pro Seite
  • H2/H3 logisch verschachteln
  • Keine Überschrift nur fürs Styling
10 Punkte

Mini-Checkliste (in 3 Minuten)

Wenn du hier 7/10 mit „Ja“ beantworten kannst, bist du meistens schon gut unterwegs.

Tipp: Wenn hier mehrere „Nein“ auftauchen, lohnt sich fast immer zuerst: Fokus, Kontrast, Formulare, Überschriften.

Nächster Schritt

Willst du's sauber wissen?

Ich prüfe deine Website strukturiert, priorisiere die wichtigsten Baustellen und gebe dir klare, umsetzbare Empfehlungen – ohne 40-seitige Reports.

Audit anfragen