Anleitung barrierefreie Webseite

Wie mache ich meine Webseite barrierefrei?

Wenn Sie eine Webseite erstellen oder pflegen, müssen Sie als öffentliche Einrichtung die Kriterien der digitalen Barrierefreiheit einhalten. Was Sie genau dabei berücksichtigen müssen, erfahren Sie in dieser Anleitung.

Wenn Sie eine Webseite erstellen oder pflegen, müssen Sie in folgenden Bereichen die Barrierefreiheit beachten:

Illustration eines PC-Bildschirms vor dem eine Suchzeile, ein Browserfenster und mehrere Werkzeuge schweben.
  • Entwicklung des Designs (z. B. beim Farbkonzept)
  • Programmierung (d.h. bei technischen Aspekten, die den Quellcode betreffen)
  • Pflege des Contents (vor allem korrekte Formatierung neuer Texte, Formulierung von Alternativtexten)

Die Probleme, die in diesen Bereich auftreten können, sind vielseitig: Einige können die Mitarbeiter, die für die Webredaktion zuständig sind, selbst beheben bzw. vermeiden. Für die Lösung anderer Probleme muss jedoch ein Webentwickler hinzugezogen werden.

In jedem Fall gibt einige Quick-Wins zur schnellen Verbesserung der Barrierefreiheit, die jeder Seiteninhaber beachten kann:

  1. Barrierefreiheitserklärung: Versehen Sie Ihre Webseite mit einer Erklärung zur Barrierefreiheit entsprechend der Mustererklärung der EU und platzieren Sie diese im Footer. Eine Anleitung dazu finden Sie im weiterführenden Artikel unter Links.
  2. Kontrast und Sichtbarkeit: Stellen Sie sicher, dass alle Farbkontraste dem Mindestwert von 4,5:1 entsprechen.
  3. Alternative Bildbeschreibungen: Versehen Sie Bilder, die inhaltlich wichtig sind, mit einem aussagekräftigen Alternativtext und kennzeichnen Sie rein dekorative Bilder als solche.
  4. Gut strukturierte Inhalte: Verwenden Sie die standardmäßigen Überschriften (Headings) anstelle von manuell gefettetem oder vergrößertem Text.
  5. Gewährleisten Sie die Tastaturbedienbarkeit und stellen Sie sicher, dass der Tastaturfokus (Markierung des Elements, das der Nutzer mit seiner Tastatur angesteuert hat) gut sichtbar ist.
  6. Aussagekräftige Links: Vermeiden Sie es, einen Link mit "Klicken Sie hier" oder “Weiterlesen” zu bezeichnen und verfassen Sie stattdessen eine aussagekräftige Beschreibung des Links (z. B. “Auf der Seite XY finden Sie weiter Informationen zu diesem Thema”).
  7. Verbessern Sie die Barrierefreiheit Ihrer PDFs. Wenn Sie PDFs aus einem Word-Dokument generieren, klicken Sie auf "Überprüfen", "Barrierefreiheit überprüfen" und korrigieren Sie die angezeigten Fehler. Strukturieren Sie die Dokumente mit Tags, wenn Sie PDFs mit InDesign erstellen.

Kontaktieren Sie, wenn nötig, Ihren Webseiten-Dienstleister, um Unterstützung bei diesen Schritten zu erhalten.

Ausführliche Anleitungen zur barrierefreien Gestaltung der verschiedenen Elemente einer Website gibt es in deutscher Sprache auf dem Portal des Föderalen Dienstes für digitale Barrierefreiheit. Die Seite ist unter „Mehr zum Thema“ verlinkt.