Zum Inhalt springen
Cardinahl Concept – zur Startseite
Projekt besprechen

Kurz erklärt · Barrierefreiheit

Die häufigsten Barrieren auf Websites – und wie man sie vermeidet.

Schwache Kontraste, Bedienung nur mit der Maus, fehlende Alternativtexte und unverständliche Formulare gehören zu den häufigsten Hürden.

Fünf markierte Website-Bereiche zeigen typische Barrieren bei Wahrnehmung und Bedienung.Fünf markierte Website-Bereiche zeigen typische Barrieren bei Wahrnehmung und Bedienung.

Kurz erklärt · Barrierefreiheit

Was sind die häufigsten Barrieren auf Websites?

Typisch sind zu schwache Farbkontraste, Bedienung, die nur mit der Maus funktioniert, fehlende Alt-Texte für Bilder und Formulare ohne verständliche Fehlermeldungen. Die meisten dieser Punkte lassen sich mit klaren Vorgaben im Umsetzungsprozess vermeiden.

Barrieren entstehen selten aus böser Absicht, sondern aus Gewohnheit: Gestaltung wird nach dem Eindruck auf dem eigenen Bildschirm beurteilt, Bedienung nur mit der Maus getestet, Inhalte ohne Blick auf Hilfsmittel erstellt. Wer diese fünf Punkte kennt und früh prüft, vermeidet einen großen Teil der Probleme. Ein Kontaktformular sollte Fragen entgegennehmen. Neue Rätsel sollte es dabei möglichst nicht erfinden.

  • 01

    Sehen

    Kontraste und Beschreibungen prüfen.

  • 02

    Bedienen

    Alles mit der Tastatur erreichen.

  • 03

    Verstehen

    Formulare und Meldungen klar formulieren.

Meist vermeidbar

Warum Barrieren entstehen

Viele Barrieren haben dieselben Ursachen: Design und Umsetzung werden nur für den Standardfall geprüft, Inhalte entstehen unter Zeitdruck, und niemand ist für Barrierefreiheit zuständig. Sie fallen erst auf, wenn Menschen mit Hilfsmitteln die Seite nutzen oder ein Audit stattfindet. Ein festes Prüfraster im Projekt, kurze Regeln für Redaktion und Design sowie gelegentliche Tests mit Tastatur und Screenreader beugen den meisten Problemen vor.

Website mit fünf rot markierten typischen Barrieren.

Fehler und Gegenmittel

Typische Barriere und passende Lösung

Zu jeder häufigen Barriere gibt es eine bewährte Lösung, meist ohne große Eingriffe.

01

Typische Barrieren

Was Nutzerinnen und Nutzer ausbremst.

  • Grauer Text auf hellgrauem Grund
  • Menüs, die nur mit der Maus aufgehen
  • Bilder ohne Beschreibung, Formulare ohne Beschriftung
02

Passende Lösungen

Was die Barriere behebt.

  • Ausreichende Kontraste und skalierbare Schrift
  • Bedienung per Tastatur mit sichtbarem Fokus
  • Alternativtexte, Beschriftungen und klare Fehlermeldungen

Kurz gesagt: Die meisten Barrieren lassen sich mit wenigen, klaren Regeln vermeiden.

Die häufigsten Hürden

Fünf häufige Barrieren im Detail

Diese fünf Punkte tauchen in Audits immer wieder auf. Sie eignen sich als erste Prüfliste.

  1. 01

    Zu schwache Kontraste

    Text ist bei schlechten Lichtverhältnissen oder eingeschränktem Sehen schwer lesbar.

  2. 02

    Bedienung nur mit der Maus

    Menüs, Schaltflächen oder Dialoge lassen sich mit der Tastatur nicht erreichen.

  3. 03

    Fehlende Alternativtexte

    Screenreader-Nutzerinnen erfahren nicht, was ein Bild zeigt oder bewirkt.

  4. 04

    Formulare ohne Beschriftung

    Felder haben keine eindeutige Beschriftung, Fehler werden nicht verständlich erklärt.

  5. 05

    Fehlende Struktur

    Überschriften, Listen und Bereiche sind nicht sauber ausgezeichnet, Videos ohne Untertitel.

Von der Liste zur Behebung

Vom Wissen zur Anwendung

Mit einer einfachen Prüfung lassen sich viele Barrieren schnell aufspüren.

  1. Kontraste prüfen

    Textfarben mit einem Kontrastwerkzeug kontrollieren.

  2. Tastatur testen

    Die Seite nur mit Tabulator- und Eingabetaste bedienen.

  3. Bilder und Formulare prüfen

    Alternativtexte, Beschriftungen und Fehlermeldungen kontrollieren.

  4. Ergebnisse festhalten

    Barrieren notieren, priorisieren und beheben.

Ein Beispiel zur Einordnung

Ein Menü, das nur die Maus versteht

Eine Unternehmenswebsite hat ein Aufklappmenü für ihre Leistungen. Auf dem Bildschirm sieht es ansprechend aus, aber es öffnet nur beim Darüberfahren mit der Maus.

Ein Aufklappmenü, das nur beim Darüberfahren mit der Maus öffnet, sperrt Tastaturnutzer aus. Die Lösung ist meist einfach: ein Schalter, der sich mit Tab erreichen und mit der Eingabetaste öffnen lässt, und ein sichtbarer Fokus.

Der einfache Test: Drücken Sie auf Ihrer Website mehrmals die Tabulatortaste. Sehen Sie jederzeit, wo Sie sich befinden, und erreichen Sie alle Funktionen?

Aufklappmenü mit rotem Fokusrahmen bei Tastaturbedienung.

Vertiefung · Barrieren beseitigen

Wie Sie Barrieren dauerhaft vermeiden

Einzelne Korrekturen helfen. Nachhaltig wird es, wenn Regeln im Alltag verankert sind.

Rechtlicher Rahmen

Wann Barrierefreiheit Pflicht ist: BFSG.

FAQ

Häufige Fragen.
Klare Antworten.

Ihre Frage ist noch offen? Schreiben Sie mir – ich antworte persönlich.

Frage stellen

Was sind die häufigsten Barrieren auf Websites?

Zu schwache Farbkontraste, Bedienung nur mit der Maus, fehlende Alternativtexte für Bilder, Formulare ohne verständliche Beschriftung und Fehlermeldungen sowie fehlende Struktur.

Wie prüfe ich Kontraste?

Mit Kontrastwerkzeugen, die das Verhältnis zwischen Text- und Hintergrundfarbe berechnen. Für normalen Text empfehlen die WCAG ein Verhältnis von mindestens 4,5 zu 1.

Wie teste ich die Tastaturbedienung?

Bedienen Sie die Seite nur mit Tabulator-, Pfeil- und Eingabetaste. Alle Funktionen sollten erreichbar und der aktuelle Fokus jederzeit sichtbar sein.

Reichen automatische Prüfwerkzeuge?

Nein. Sie finden nur einen Teil der Probleme. Zusätzliche manuelle Tests mit Tastatur und Screenreader sind nötig.

Welche Barriere sollte ich zuerst beheben?

Diejenigen, die zentrale Funktionen betreffen, etwa Navigation, Formulare und Bestellwege. Danach folgen die übrigen Punkte nach Priorität.

Reicht ein einmaliger Check?

Ein Audit zeigt den Startpunkt. Dauerhaft barrierefrei bleibt ein Auftritt, wenn die Regeln in Redaktion, Design und Entwicklung verankert werden.

Nächster Schritt

Hürden erkennen und beseitigen.

Ich prüfe Ihre Website auf typische Barrieren und setzen die wichtigsten Verbesserungen gemeinsam mit Ihnen um.