Barrierefreiheit im Web

Barrierefreie Webseiten dienen in erster Linie dazu, Menschen mit k?rperlichen oder geistigen Einschr?nkungen die Benutzung von Webseiten zu erm?glichen, indem Einschr?nkungen beim Sehen, H?ren, Bewegen oder beim Verarbeiten von Informationen bei der Gestaltung der Webseite berücksichtigt werden. Es genügen wenige technische Einstellungen wie das Ausfüllen von Metadaten und das Aufstellen von Richtlinien für den Seitenaufbau, Text- und Nicht-Textelemente, um eine barrierefreie Webseite zu erstellen und dadurch m?glichst viele Menschen an den Informationen teilhaben zu lassen.

Metadaten

Zu den Metadaten einer Webseite geh?ren Seitentitel, Schlagworte und Beschreibung der Webseite. Diese sind auf der Webseite selbst nicht sichtbar, helfen aber bei der Platzierung in Suchmaschinen (Suchmaschinenoptimierung) und sind wichtig für die Barrierefreiheit. Der Seitentitel und die Seitenbeschreibung werden von Screenreadern ausgelesen und dienen somit der Kategorisierung der Webseite.

Wie die Metadaten einer Webseite auszufüllen sind, finden Sie im TYPO3-Redaktionshandbuch.

Text- und Seitenaufbau

?berschriften

?berschriften dienen der Strukturierung der Webseite und müssen logisch angeordnet sein. Verwenden Sie am besten die ?berschrift 3 für Haupt-?berschriften und die ?berschrift 4 für untergeordnete ?berschriften.

Einfache Sprache

Informationen zu der Verwendung einfacher Sprache finden Sie auf der Seite ?Texten für Webseiten“ unter dem Punkt Sprache.

Seitenaufbau

Um den Seitenaufbau m?glichst übersichtlich für alle Nutzerinnen und Nutzer zu gestalten, sollten Sie folgende Punkte beachten:

  • Platzieren Sie die wichtigsten Themen zuerst.
  • Berücksichtigen und testen Sie die mobile Ansicht der Webseite.
  • Benutzen Sie unterschiedliche Elemente (?berschriften, Listen, Fettungen, Bilder usw.), um die Webseite zu gliedern und visuelle Abgrenzungen zu schaffen. Dies hilft den NutzerInnen bei der Navigation auf der Webseite, zudem ist sie für Screenreader besser zu erfassen.

Weitere Informationen zum Texten für Webseiten finden Sie im TYPO3-Reaktionshandbuch.

Alles au?er Textelemente

Seitenelemente, die nicht-textuelle Informationen bieten, sollten mit einer textuellen Beschreibung versehen werden, damit Screenreader diese auslesen k?nnen. Hierzu z?hlen sowohl Bilder, Grafiken und Video-/Audiodateien als auch Verweise und Verlinkungen.

Bilder und Grafiken

Da Menschen mit einer Sehbehinderung Webseiten meistens mit einem Screenreader bedienen, sollten Bilder und Grafiken mit einem sprechenden Dateinamen versehen werden (z. B. studierende_im_lesesaal_ der_bibliothek.jpg). Wenn dies nicht der Fall ist, sollten Sie dem Bild einen alternativen Text anfügen, der von dem Screenreader ausgelesen werden kann. Anleitung

Farben und Kontraste

Bei der Auswahl der Bilder muss darauf geachtet werden, dass nicht jeder Mensch Farben gleich wahrnimmt. Da ca. 10% der Menschen den 明升体育_足球竞彩网-官网 zwischen Rot und Grün nicht wahrnehmen k?nnen, sollten thematisch getrennte Inhalte nicht in diesen Farben unterteilt werden. Au?erdem sollten Sie m?glichst scharfe Bilder mit einem hohem Kontrast verwenden.

Verlinkungen

Da blinde NutzerInnen den Linktext durch den Screenreader vorgelesen bekommen, sollte der Linktext so gew?hlt werden, dass Ziel und Zweck des Links aus diesem hervorgeht. Wenn der Link auf eine Datei und nicht auf eine HTML-Seite verweist, sollte der Linktext über das Dateiformat des Zieldokuments Auskunft geben, da für PDF oder Word-Dokumente oft zus?tzliche Programme oder Plugins ben?tigt werden. So wissen NutzerInnen, was Sie hinter dem Link erwartet und reagieren nicht überrascht oder irritiert.

Wie Sie verschiedene Arten von Links in Ihre Webseite einbauen und den Linktext anpassen k?nnen, finden Sie im TYPO3-Redaktionshandbuch.

Video- und Audiodateien

  • Einbinden von Videos: In den Metadaten des verwendeten Videos sollte ein Titel, ein alternativer Titel und eine Beschreibung hinterlegt werden, damit diese von einem Screenreader ausgelesen werden k?nnen. Au?erdem sollte die M?glichkeit bestehen, synchrone Untertitel sowie eine Audiodeskription (h?rbare Beschreibung des Inhalts) zu aktivieren. Hier ist es am einfachsten, schon bei der Produktion des Videos die Barrierefreiheit mitzudenken, da ?nderungen im Nachhinein oft sehr aufwendig sind.
Eintragen der Metadaten eines Videos in TYPO3

  • Einbinden von Audiodateien: Wenn Sie Audiodateien wie z. B. Podcasts in Ihre Webseite einbauen, sollten Sie eine Transkription zu Verfügung stellen.
  • Da TYPO3 leider kein barrierefreies Video-/Audioelement anbietet, k?nnen Sie die Video- und Audio-Transkriptionen unter dem Video in einem aufklappbaren Textelement unterbringen.

Eine ausführliche Anleitung, wie Sie Mediendateien in TYPO3 einbinden k?nnen, finden Sie im TYPO3-Redaktionshandbuch.