Selbst in einer zunehmend digitalisierten Welt ist der Zugang zum Internet noch immer keine Selbstverständlichkeit für alle. Barrierefreie Websites sind ein zentrales Instrument, um sicherzustellen, dass Menschen mit unterschiedlichen Fähigkeiten und Einschränkungen uneingeschränkt auf Online-Inhalte zugreifen können. Barrierefreiheit geht über die bloße Einhaltung von Vorschriften hinaus – sie stellt sicher, dass die digitale Welt für jeden nutzbar ist.
Eine barrierefreie Website ist so gestaltet, dass sie von Menschen mit verschiedenen Behinderungen ohne Einschränkungen genutzt werden kann. Das beinhaltet nicht nur Aspekte wie Seh- oder Hörbeeinträchtigungen, sondern auch kognitive Beeinträchtigungen oder motorische Schwierigkeiten.
Herausforderung für Online-Redakteure
Barrierefreiheit ist mehr als benutzerfreundliches Design mit kontrastreichen Farben: Für Online-Redakteure bedeutet das, Grafiken, Videos und Inhalte für alle zugänglich aufzubereiten.
Bilder
Der ALT-Tag (auch als Alternativtext oder ALT-Attribut bezeichnet) ist ein wichtiger Aspekt der Barrierefreiheit für Bilder auf Websites. Der ALT-Tag ist ein Text, der einem Bild zugeordnet wird und eine beschreibende Information über den Inhalt des Bildes liefert. Dies ist besonders bedeutsam für Menschen mit Sehbeeinträchtigungen, die Bildinhalte nicht sehen können, sowie für Situationen, in denen Bilder aus anderen Gründen nicht geladen werden können.
Durch die Verwendung von aussagekräftigen ALT-Tags erhalten blinde oder sehbehinderte Nutzer mithilfe von Screenreadern eine akustische Beschreibung des Bildinhalts. Dies ermöglicht ihnen, den Kontext der Website besser zu verstehen und vermittelt ihnen Informationen, die sie sonst aufgrund ihrer visuellen Einschränkungen verpassen würden. Darüber hinaus sind ALT-Tags für Suchmaschinenoptimierung (SEO) von Bedeutung, da sie von Suchmaschinen verwendet werden, um den Inhalt des Bildes zu verstehen und relevante Suchergebnisse bereitzustellen.
Überschriften, Absätze, Zitate, Listen
Blinde Menschen, die sich nicht visuell orientieren können, sind darauf angewiesen, dass Text-Struktur über den HTML-Code und Tags vermittelt wird. Dafür gibt es entsprechende Formatvorlagen:
- Überschriften, dabei die Überschriftenhierarchie (Überschrift 1. Ordnung
<h1>
, Überschrift 2. Ordnung<h2>
usw.) einhalten - Absätze (
<p>
, keine leeren Absätze einfügen, um Abstand zu erzeugen) - Zitate (
<blockquote>
) - Listen (
<ul>
)mit Aufzählungszeichen bzw. mit Nummerierung – nicht durch die Eingabe von Bindestrichen erzeugen
Tabellen
Die barrierefreie Darstellung von Tabellen auf einer Website ist von großer Bedeutung, da Tabellen oft komplexe Informationen vermitteln und diese auch für Menschen mit Sehbeeinträchtigungen oder anderen Einschränkungen zugänglich gemacht werden müssen.
Einige Schritte, um Tabellen barrierefrei zu gestalten:
- Semantischer HTML-Code
Mit den HTML-Elementen<table>
,<thead>
,<tbody>
,<tfoot>
,<tr>
,<th>
und<td>
wird die Tabellenstruktur semantisch dargestellt. Diese Tags helfen dabei, den Aufbau der Tabelle klar zu definieren und erleichtern die Navigation für Screenreader-Nutzer. - Beschriftungen und Überschriften
Aussagekräftige Überschriften für Zeilen und Spalten werden mit<th>
-Tags für Überschriftenzeilen und -spalten in ihrer Bedeutung gekennzeichnet. Dies hilft bei der Orientierung in der Tabelle. - Beschreibende Inhalte
Relevante und beschreibende Inhalte in den Zellen erleichtern das Verständnis. - Klare Struktur
Tabellen sollten einfach und klar strukturiert sein. Übermäßig komplexe Tabellenlayouts sind schwer zu interpretieren. - Zusammengehörige Zellen gruppieren
Mit dem<th scope>
-Attribut wird der Zusammenhang von Überschriften gekennzeichnet. - Alternativer Text für visuelle Elemente
Falls die Tabelle visuelle Elemente wie Diagramme oder Symbole enthält, helfen alternative Beschreibungen (ALT-Tags), um diese Inhalte für Nutzer mit Sehbeeinträchtigungen zu erläutern. - Responsive Design
Die Tabelle muss auf allen Bildschirmgrößen und Geräten gut angezeigt wird, ohne die Lesbarkeit zu beeinträchtigen. - Testing mit Screenreadern
Die Zugänglichkeit von Tabellen kann mit Screenreadern getestet werden, so dass sichergestellt ist, dass die Informationen für Nutzer mit Sehbeeinträchtigungen korrekt vermittelt werden.
Die korrekte Umsetzung dieser Schritte trägt dazu bei, dass Tabellen auf der Website für alle Nutzer, unabhängig von ihren Fähigkeiten, verständlich sind.
Videos
Barrierefreiheit für Videos ist ein entscheidender Schritt, um sicherzustellen, dass Menschen mit verschiedenen Fähigkeiten und Bedürfnissen multimediale Inhalte uneingeschränkt genießen können. Dies umfasst die Implementierung von Untertiteln oder Transkripten, um hörgeschädigten oder gehörlosen Personen den Zugang zu gesprochenem Inhalt zu ermöglichen. Zudem sollten Videos auch Audiodeskriptionen enthalten, die visuelle Inhalte für Menschen mit Sehbeeinträchtigungen verständlich machen.
Eine klare und verständliche Sprache, die Vermeidung schneller Schnittfolgen sowie die Einhaltung kontrastreicher Farbgebung tragen ebenfalls dazu bei, Videos barrierefreier zu gestalten und eine inklusive Seherfahrung für alle zu gewährleisten.