Barrierefreie Inhalte in TYPO3
Inhaltselement Text & Medien
Im Richtext-Editor (RTE) kann eingegebener Text barrierefrei aufbereitet werden, indem folgende Textbestandteile entsprechend ihrer Funktion ausgezeichnet werden:
Auszeichnungen fett, kursiv und unterstrichen
Auszeichnungen im Fließtext, wie Fettungen, Kursivschrift und Unterstreichungen, sind zu vermeiden. Wenn es sich nicht vermeiden lässt, ist die Fettung einzelner Wörter der Kursivschrift und den Unterstreichungen vorzuziehen.
Es wird empfohlen, visuelle und assistiv ansteuerbare Ankerpunkte im Fließtext durch eine sinnvolle Nutzung der Überschriften im Editor sowie der entsprechenden Inhaltselemente in TYPO3 zu setzen.
Fettungen, kursive und unterstrichene Auszeichnungen im Fließtext sind zwar als Ankerpunkte für sehende Nutzerinnen und Nutzer durchaus sinnvoll, jedoch sind die assistiven Technologien wie Screenreader meist nicht so fein eingestellt, dass diese Attribute ausgelesen werden.
Überschriften
Überschriften auszeichnen
Überschriften sollten hierarchisch gegliedert werden.
Die Überschriftenebenen beziehen sich auf die inhaltliche Struktur des Textes und ermöglichen Nutzer:innen von Screenreadern, sich im Text zu orientieren.
Sie sind auch optisch gut voneinander zu unterscheiden.
Aufgrund des Baukastensystems sind einige Überschriften fest vergeben, daher beachten Sie bitte die folgenden Hinweise zur Überschriftenauszeichnung.
Überschrift der ersten Ebene
Der Seitentitel ist die Überschrift der ersten Ebene und ist automatisch als Überschrift 1 gekennzeichnet.
Überschrift der zweiten Ebene
Die Überschrift des Inhaltselements entspricht der zweiten Ebene und sollte immer mit H2 ausgezeichnet werden.
Überschrift der dritten Ebene
Die Unterüberschrift entspricht der dritten Ebene und ist automatisch als Überschrift 3 gekennzeichnet.
Die Überschrift der dritten Ebene sollte mit Überschrift 3 im Richtext-Editor ausgezeichnet werden.
Überschrift der vierten Ebene
Die Überschrift der vierten Ebene sollte mit Überschrift 4 im Richtext-Editor ausgezeichnet werden.
Verlinkungen
Verlinkungen auszeichnen
Verlinkungen sollten mit einem eigenen Linktext dargestellt werden.
Linktexte geben das Linkziel kurz und aussagekräftig wieder, um das Vorlesen einer langen, umständlichen URL zu vermeiden.
Bei einem Link sollten Zielfenster und Titel bearbeitet werden. Der Titel erscheint im Frontend bei Hover über den Linktext und gibt weiterführende Informationen, in welchem Fenster sich der Link öffnet.
Wird nicht auf eine Webseite, sondern auf ein Dokument verlinkt, sollten Sie durch die Angabe von Dateiformat und -größe sowie Barrierefreiheitsstatus weitere relevante Hinweise auf das Linkziel geben.
Verlinkung auf eine externe Webseite
Verlinkungen auf externe Webseiten können über die Funktion „Link einfügen“ im Richtext-Editor eingefügt werden. Davor den jeweiligen Text markieren.
Bei einem Link können Zielfenster und Titel bearbeitet werden. Der Titel erscheint im Frontend bei Hover über den Linktext.
Verlinkung auf eine Medien- oder Textdatei
Verlinkungen auf eine Datei können über die Funktion „Link einfügen“ im Richtext-Editor eingefügt werden. Davor den jeweiligen Text markieren.
Bei einem Link können Zielfenster und Titel bearbeitet werden. Der Titel erscheint im Frontend bei Hover über den Linktext.
Bei einem Link können Zielfenster und Titel bearbeitet werden. Der Titel erscheint im Frontend bei Hover über den Linktext.
Aufzählungen und Nummerierungen auszeichnen
Aufzählungen und Nummerierungen sind mit den entsprechenden Listenoptionen des Richtext-Editors auszuzeichnen.
Nur wenn die Aufzählungen und Nummerierungen mithilfe des Richtext-Editors korrekt ausgezeichnet sind, können sie von assistiven Technologien wie Screenreadern als Liste angesteuert, vorgelesen oder übersprungen werden.
Aufzählungen und Nummerierungen sind mit den entsprechenden Listenoptionen des Richtext-Editors auszuzeichnen.
Aufzählungen und Nummerierungen sind mit den entsprechenden Listenoptionen des Richtext-Editors auszuzeichnen.
Tabellen auszeichnen
Tabellen sind nicht für Layout-Zwecke zu verwenden, sondern zur Dar- und Gegenüberstellung von Daten.
Dabei sollte eine Tabellenüberschrift und -beschreibung und eine Kopfzeilenoption (Keine, Erste Zeile, Erste Spalte oder Beide) ausgewählt werden.
Nur wenn die Tabellen Daten einander zuordnen und die Zellen richtig ausgezeichnet sind, können sie von assistiven Technologien wie Screenreadern korrekt ausgegeben werden.
Das Layout von Text sollte mittels der Überschriften und entsprechender Inhaltselemente umgesetzt werden und Tabellen nur bei Daten Anwendung finden.
Tabellen sind mit der entsprechenden Tabellenoption des Richtext-Editors zu gestalten.
Über einen Rechtsklick auf die Tabelle gelangen Sie zu den Tabellen-Eigenschaften.
In den Tabellen-Eigenschaften wählen Sie nach Bedarf eine Kopfzeilenoption aus und füllen die Felder „Überschrift“ und „Inhaltsübersicht“ aus.
Tabellen sind mit der entsprechenden Tabellenoption des Richtext-Editors zu gestalten.