zum Inhalt springen

Barrierefreiheit im Internet

Barrierefreies Internet dient dazu, möglichst allen Personen Web-Angebote nutzbar zu machen – unabhängig von ihren Einschränkungen oder technischen Möglichkeiten. Zudem führen verschiedene Behinderungen zu ungleichen Voraussetzungen bei der Internet-Nutzung. 

Blinde haben beispielsweise die Möglichkeit, ein Bildschirmleseprogramm zu nutzen. Diese lesen die Webseiten ein und geben den Inhalt über eine Sprachausgabe oder eine Braillezeile wieder aus. Braillezeilen stellen Text in Blindenschrift dar.

Öffentliche Einrichtungen sind gesetzlich dazu verpflichtet, ihre Internetangebote barrierefrei zu gestalten. Das „Behindertengleichstellungsgesetz - BGG“ bildet dazu seit 2002 die rechtliche Grundlage.

Weitere Informationen

Tipps zur Barrierefreiheit für Webseiten

Hinweise fürs Layout

  • Achten Sie bei Ihrer Webseite auf einen validen Code.
  • Ihre Seite sollte von allen Browsern auch bei abgeschaltetem JavaScript oder CSS gelesen werden können.
  • Erstellen Sie eine Sitemap, ein Inhaltsverzeichnis der Seite sowie eine Brotkrümelnavigation (breadcrumb). 
  • Erstellen Sie eine schlüssige Reihenfolge von Hyperlinks, Formularelementen und anderem, um eine einfache Navigation durch die Tabulatortaste zu ermöglichen.
  • Verwenden Sie keine blinkende und sich bewegende Elemente.
  • Gestalten Sie die Schaltflächen ausreichend groß
  • Ermöglichen Sie das Navigieren sowohl per Maus als auch per Tastatur.
  • Wählen Sie eine kontrastreiche Farben für Schrift und Hintergrund.
  • Strukturieren Sie Ihre Webseiten übersichtlich
  • Nutzen Sie keine Tabellen für das Layout.
  • Nutzen Sie keine Framesets

Hinweise für den Inhalt

  • Verwenden Sie sinnvolle, kurze und sprechende Überschriften.
  • Überschriften sollten sauber hierarchisch mit <H1> bis <H5> gegliedert sein.
  • Verwenden Sie <H1> nur einmal pro Seite
  • Verwenden Sie eine einfache und angemessene Sprache.
  • Verwenden Sie kurze Textpassagen.
  • Markieren Sie fremdsprachige Wörter als solche (beispielsweise <span lang="en">Website</span> ).
  • Sitzen Sie sprechende Links (statt „hier“ beispielsweise „Weitere Informationen“).
  • Verwenden Sie möglichst keine viel-spaltigen Tabellen.
  • Wenn möglich, ersetzen Sie Tabellen durch Listen.

Hinweise zu Medien

  • Nutzen Sie grafische Darstellungen zusätzlich zum Text – diese können erklärend wirken und so das Verständnis erleichtern.
  • Setzen Sie bei Grafiken, Videos und Tabellen einen beschreibenden Titel (HTML-Attribut "title").
  • Setzen Sie bei Grafiken, Videos und Tabellen einen beschreibenden Alternativ-Text (HTML-Attribut "alt") - aber nur wenn der Titel nicht schon ausreichend ist..
  • Verwenden Sie keine rein visuellen Anleitungen („Weitere Infos im Bild“, „Klicken Sie auf den grünen Schalter links“).
  • Schreiben die Abkürzungen aus oder markieren Sie die Abkürzungen und Akronyme als solche (beispielsweise <abbr title="das heisst">d.h.</abbr>).
  • Verwenden Sie keine IFRAMES.
  • Verwenden Sie möglichst keine Imagemaps.

Tipps für Webseiten mit TYPO3

Für TYPO3 haben wir Ihnen weitere Hinweise zu barrierearmen Webseiten zusammengestellt.

Kontakt
Bei Fragen und für eine individuelle Beratung wenden Sie sich bitte an den RRZK-Helpdesk