Barrierefreier Content ist Content für alle

Ein Monitor, auf dem DO MORE steht, um darauf hinzuweisen, dass man Dinge verbessern kann.

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:

  1. 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.
  2. 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.
  3. Beschreibende Inhalte
    Relevante und beschreibende Inhalte in den Zellen erleichtern das Verständnis.
  4. Klare Struktur
    Tabellen sollten einfach und klar strukturiert sein. Übermäßig komplexe Tabellenlayouts sind schwer zu interpretieren.
  5. Zusammengehörige Zellen gruppieren
    Mit dem <th scope>-Attribut wird der Zusammenhang von Überschriften gekennzeichnet.
  6. 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.
  7. Responsive Design
    Die Tabelle muss auf allen Bildschirmgrößen und Geräten gut angezeigt wird, ohne die Lesbarkeit zu beeinträchtigen.
  8. 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.


Kontaktieren Sie uns!

Hat Ihnen dieser Artikel gefallen? Möchten Sie mehr über das Thema wissen oder können wir genau in diesem Bereich etwas für Sie umsetzen? Wir beraten Sie gerne!