Barrierefreie Website, was du jetzt schon umsetzen kannst

Barrierefreiheit klingt nach einem großen Thema für große Unternehmen, nach Gutachten und Umbau. In der Praxis sind die meisten Hürden auf kleinen Websites banal: grauer Text auf hellgrauem Grund, ein Button, auf dem nur „hier“ steht, ein Formularfeld ohne Beschriftung.

Das betrifft mehr Leute, als man denkt. Nicht nur blinde Menschen, sondern auch alle, die mit fünfzig eine Lesebrille brauchen, die in der prallen Sonne aufs Telefon schauen oder die nach einer Handverletzung gerade keine Maus bedienen können.

Die gute Nachricht: Ein großer Teil davon lässt sich ohne neue Website beheben.

Was eine barrierefreie Website im Alltag wirklich heißt

Eine barrierefreie Website ist eine Seite, die man auch dann benutzen kann, wenn eine Voraussetzung fehlt: gutes Sehen, eine ruhige Hand, eine Maus, volle Aufmerksamkeit. Es geht nicht um ein Zertifikat an der Wand, sondern darum, dass niemand aussteigen muss, bevor er anrufen konnte.

Praktisch sind es vier Bereiche: Kontrast, Beschriftung, Bedienung und Struktur. Die gehen wir der Reihe nach durch.

Kontrast, der schnellste Gewinn

Der häufigste Fehler überhaupt. Helles Grau auf Weiß sieht am guten Monitor edel aus und ist draußen unlesbar. Prüfe das nicht nach Gefühl, sondern mit einem Kontrast-Prüfer, in den du die beiden Farbwerte einträgst.

• Fließtext braucht deutlich mehr Kontrast als reine Deko-Elemente.
• Auch Buttons zählen. Weiße Schrift auf hellem Gelb oder Hellblau fällt fast immer durch.
• Links sollten sich nicht nur durch die Farbe vom Text unterscheiden. Unterstreichen hilft.
• Platzhaltertexte in Formularfeldern sind fast immer zu blass eingestellt.

Text auf Fotos

Eine Überschrift direkt auf einem Bild ist der Klassiker: Sie ist genau dort lesbar, wo das Bild dunkel ist, und verschwindet daneben. Leg eine gleichmäßige Abdunkelung über das Bild oder setz den Text auf eine ruhige Fläche daneben. Welche Farben auf Bildschirm und Schild gleichzeitig funktionieren, steht in Farben wählen, die auf Schild und Bildschirm wirken.

Beschriftung: sag, wohin es geht

Wer eine Vorlesesoftware benutzt, bekommt Links und Buttons oft aus dem Zusammenhang gerissen vorgelesen. „Mehr erfahren“, fünfmal auf einer Seite, hilft dann niemandem.

• Schreib das Ziel hin: „Leistungen ansehen“, „Termin anfragen“, „Speisekarte öffnen“.
• Jedes Formularfeld braucht eine sichtbare Beschriftung, nicht nur einen Platzhalter, der beim Tippen verschwindet.
• Symbole ohne Text, etwa Lupe, Hörer oder Briefumschlag, brauchen eine hinterlegte Bezeichnung.
• Fehlermeldungen sagen, was zu tun ist, nicht nur, dass etwas falsch war.

Bedienung ohne Maus

Mach diesen Test: Öffne deine Startseite und benutze nur die Tabulatortaste. Du solltest jederzeit sehen, wo du gerade bist, jedes Menü erreichen und jedes Formular abschicken können, ohne die Maus anzufassen.

Wenn der Fokusrahmen abgeschaltet wurde, weil er angeblich stört, ist das ein echter Fehler. Für einen Teil deiner Besucher ist er die einzige Orientierung. Zusätzlich gilt: Untermenüs, die sich nur beim Überfahren mit der Maus öffnen, sind mit Tastatur und am Telefon schlicht nicht bedienbar.

Struktur und Alternativtexte

Überschriften sind keine Schriftgrößen, sondern eine Gliederung. Eine Hauptüberschrift pro Seite, darunter Zwischenüberschriften in sinnvoller Reihenfolge, ohne Ebenen zu überspringen. Das hilft Vorlesesoftware und nebenbei auch Google.

Bilder brauchen einen Alternativtext, der beschreibt, was zu sehen ist, sofern das Bild Information trägt. Reine Deko bleibt leer, sonst wird jede Trennlinie mit vorgelesen. Wie du das sauber machst, steht in Bilder SEO, Dateinamen und Alternativtexte richtig nutzen.

Verständliche Sprache gehört dazu

Barrierefreiheit ist nicht nur Technik. Ein Satz, den man zweimal lesen muss, ist auch eine Hürde, für Menschen mit Leseschwäche genauso wie für alle, die unterwegs schnell etwas nachschauen wollen.

• Kurze Sätze, ein Gedanke pro Satz.
• Fachbegriffe erklären oder weglassen. Wer eine Werkstatt sucht, kennt deine Abkürzungen nicht.
• Das Wichtige nach vorn, nicht ans Ende eines langen Absatzes.
• Zeiten, Preise und Adressen als kurze Liste statt im Fließtext versteckt.
• Keine reinen Großbuchstaben über mehrere Zeilen, das ist deutlich schwerer lesbar.

Ein Punkt wird dabei oft vergessen: PDF-Dateien sind für Vorlesesoftware häufig eine Sackgasse. Wenn deine Preisliste, deine Speisekarte oder dein Anmeldeformular nur als PDF vorliegt, sperrst du damit Leute aus. Echter Text auf der Seite ist die bessere Lösung, und er lässt sich nebenbei auch von Google lesen.

Was rechtlich dahintersteht

In Deutschland gilt seit Sommer 2025 das Barrierefreiheitsstärkungsgesetz. Es betrifft nicht jeden Betrieb im selben Maß: Für bestimmte digitale Angebote und Dienstleistungen an Verbraucher gelten Anforderungen, und für Kleinstunternehmen gibt es Ausnahmen. Ob und wie stark du betroffen bist, hängt an deinem konkreten Angebot. Das ist keine Rechtsberatung, im Zweifel fragst du eine Anwältin oder einen Anwalt.

Unabhängig davon: Die oben genannten Punkte kosten wenig Aufwand und machen deine Seite für alle besser lesbar. Das ist der bessere Grund als jede Frist.

Häufige Fragen

Brauche ich so ein Barrierefreiheits-Werkzeug mit Menschen-Symbol?

Diese Einblendungen, die Schrift vergrößern oder Kontraste umschalten, ersetzen keine ordentlich gebaute Seite. Wer eine Vorlesesoftware nutzt, hat seine Einstellungen längst gesetzt. Steck die Arbeit lieber in die Seite selbst.

Muss ich meine Website dafür neu bauen lassen?

Meistens nicht. Kontrast, Beschriftungen, Fokusrahmen und Alternativtexte lassen sich fast immer im Bestand nachziehen. Ein Neubau lohnt erst, wenn die Struktur der Seite selbst zerfahren ist.

Wie prüfe ich, ob es besser geworden ist?

Drei einfache Wege: mit der Tastatur durch die Seite gehen, die Farben durch einen Kontrast-Prüfer schicken und die Seite draußen bei Sonne am Handy öffnen. Wie du den letzten Punkt systematisch angehst, steht in Handy Ansicht prüfen, die häufigsten Fehler am Telefon.

Wenn du wissen willst, wo deine Seite heute steht, fang beim Kontrast an, das ist der Punkt mit der größten Wirkung pro Aufwand. Wir schauen uns die Seite an und sagen dir, was sich ohne Umbau verbessern lässt. Schreib uns, was du vorhast, wir melden uns mit einer ehrlichen Einschätzung.