zum Hauptinhalt wechseln zum Hauptmenü wechseln zum Fußbereich wechseln Universität Bielefeld Play Search
  • Zentrale Anlaufstelle Barrierefrei

    Logo der ZAB, bunte Kreise mit Schriftzug Zentrale Anlaufstelle Barrierefrei
    Eingangstür, große Griffe abgesperrt und unwickelt mit rot-weißem Flatterband
    © ZAB - Universität Bielefeld

Barrierefreie Webseiten

Eine Website barrierefrei umzusetzen, erhöht die Nutzbarkeit für Alle. Klare Strukturen, gut wahrnehmbare Inhalte und technisch saubere Internetseiten verbessern die User Experience. Nutzer mit mobilen Endgeräten, Menschen mit körperlichen oder kognitiven Behinderungen, Senioren oder unerfahrene User finden sich auf der Website dadurch leichter zurecht. Web Accessibility nutzt allen.

Auf was sollte geachtet werden?

Drei Studierende außen auf den grünen Sitzbänken
© Universität Bielefeld

Grundsätzlich sollte auf folgendes geachtet werden:

  • Eindeutiger Titel und klare Benennung der Seite: das Thema der Website sollten auf jeder Unterseite leicht erkennbar sein.
  • Eindeutige Struktur: die Seite sollte über eine klare Struktur verfügen
  • Schnelles Auffinden: Inhalte sollten nicht versteckt in zu verschachtelten Seitenkonstrukten verborgen sein
  • Trennung von Layout und Inhalt: Mit Stylesheets (CSS) tragen Sie zu einer guten Gestaltung der Website bei (für Entwickler).
  • Nutzerfreundlicher Aufbau: Weniger ist hier mehr, überladen Sie die Seiten nicht und verzichten Sie auf Seiten mit zu viel Text.
  • Einfache Sprache: Da, wo es geht, setzen Sie auf verständliche Inhalte oder erläutern Sie schwierige Inhalte.
  • Verstecken Sie keine wichtigen Inhalte wie Kontakt, Impressum oder den Rückweg zur übergeordneten Seite bzw. zur Startseite.
  • Schaffen Sie eine einheitliches Menü, das auf jeder Seite gleich ist und nicht immer wechselt. Auch zu viele Menüeinträge mit vielen Verschachtelungen sind zu vermeiden.
  • Responsives Design sorgt für ein anpassungsfähiges Layout auf verschiedenen Endgeräten.
  • Die Website sollte nicht nur mit der Maus, sondern auch mit der Tastatur bedienbar sein.
  • Machen Sie Ihre Seiten Barrierefrei, denn das nutzt Allen. Was dabei zu beachten ist, finden Sie in den Sieben Regeln wie Sie Barrieren vermeiden

Ein erster Test mit dem WAVE Evaluation Tool

In dem Video wird beschrieben, wie die Erweiterung des WAVE Evaluation Tools für den Chrome-Browser genutzt werden kann, um die Barrierefreiheit von Internetseiten zu testen. Die Erweiterung ist leicht zu installieren und gibt einen schnellen Überblick über vorhandene Barrieren. Hinweise, Fehlerberichte und die Struktur der Seite sowie Hinweise auf unzureichende Kontraste lassen sich so schnell ermitteln.

Weitere Infos zur Wave Erweiterung.


Zum Seitenanfang