© EyeEm - Freepik.com

BarrierefreiheitBarrierefreiheit

Digitale Inhalte sollen allen Menschen gleichermaßen zugänglich sein. Wie gut gelingt Ihnen das schon? Wo gibt es Verbesserungspotenzial? Unser Selbstcheck Barrierefreiheit gibt Orientierung.

Barrierefreiheit

Die Nutzung von Informationstechnologien wie bspw. Smartphones, Tablets und Computern ist ein fester Bestandteil unserer Lebens- und Arbeitskultur geworden. Diese Technologien schaffen durch das Internet bzw. Apps Teilhabemöglichkeiten am beruflichen, gesellschaftlichen und wirtschaftlichen Leben, wenn sie barrierefrei gestaltet sind. Sind digitale Medien nicht barrierefrei, dann schließen sie Menschen aus. Aus diesem Grund sollte die Beseitigung und Vermeidung von digitalen Barrieren ein Schwerpunkt bei der Erstellung von Internetseiten beziehungsweise Dokumenten sein – eine Forderung, die auch durch verschiedene Richtlinien und Gesetze festgelegt ist.

Mit dem Selbstcheck, welcher sich an dem internationalen Standard zur barrierefreien Gestaltung von Internetangeboten – den Web Content Accessibility Guidelines (WCAG) 2.1 – orientiert, können Unternehmen selbst einschätzen, ob ihre Webseiten bzw. Dokumente bereits barrierefrei gestaltet sind und in welchen Bereichen noch Potentiale liegen.

Selbstcheck WIRKUNG
:

Barrierefreiheit für digitale Medien

Menschen machen's!




Wahrnehmbarkeit

Reifegrad 0
Beobachter

Reifegrad 1
Einsteiger

Reifegrad 2
Erfahrener

Reifegrad 3
Fortgeschrittener

Reifegrad 4
Experte

Bereitstellung von Textalternativen für nicht-textuelle Inhalte

Bereitstellung von Untertiteln und Audiodeskriptionen für Videos

Farbkontrast zwischen Vorder- und Hintergrund

Textgröße kann ohne Assistenztechnologie angepasst werden

Visuelle Hierarchie durch Überschriften und Layout

Bereitstellung von Textalternativen für nicht-textuelle Inhalte



Bereitstellung von Untertiteln und Audiodeskriptionen für Videos



Farbkontrast zwischen Vorder- und Hintergrund



Textgröße kann ohne Assistenztechnologie angepasst werden



Visuelle Hierarchie durch Überschriften und Layout



Bedienbarkeit

Reifegrad 0
Beobachter

Reifegrad 1
Einsteiger

Reifegrad 2
Erfahrener

Reifegrad 3
Fortgeschrittener

Reifegrad 4
Experte

Bedienbarkeit der Webseite mit der Tastatur

Optionen zur Anpassung von Zeitlimits für Aktionen

Inhalte verursachen kein Flackern oder Blitzen, das Krampfanfälle auslösen könnte

Vorhandensein von Überspringen-Links und einer sinnvollen Reihenfolge der Inhalte

Sichtbare Fokus-Indikatoren für Tastaturnutzende

Bedienbarkeit der Webseite mit der Tastatur



Optionen zur Anpassung von Zeitlimits für Aktionen



Inhalte verursachen kein Flackern oder Blitzen, das Krampfanfälle auslösen könnte



Vorhandensein von Überspringen-Links und einer sinnvollen Reihenfolge der Inhalte



Sichtbare Fokus-Indikatoren für Tastaturnutzende



Verständlichkeit und Zugänglichkeit

Reifegrad 0
Beobachter

Reifegrad 1
Einsteiger

Reifegrad 2
Erfahrener

Reifegrad 3
Fortgeschrittener

Reifegrad 4
Experte

Verwendung einfacher Worte und Sätze

Glossars für Fachbegriffe

Benennung und Positionierung von Navigationselementen

Formulierung von Fehlermeldungen

Handlungsanweisungen für Formulare und interaktive Elemente

Verwendung einfacher Worte und Sätze



Glossars für Fachbegriffe



Benennung und Positionierung von Navigationselementen



Formulierung von Fehlermeldungen



Handlungsanweisungen für Formulare und interaktive Elemente



Robustheit

Reifegrad 0
Beobachter

Reifegrad 1
Einsteiger

Reifegrad 2
Erfahrener

Reifegrad 3
Fortgeschrittener

Reifegrad 4
Experte

Kompatibilität mit aktuellen und zukünftigen Werkzeugen

Einsatz von validem und standardkonformem HTML/CSS

Einsatz von ARIA-Landmarks zur Verbesserung der Navigation für Screenreader-Nutzende

Anpassungsfähiges Design, das auf verschiedenen Geräten funktioniert

Regelmäßige Tests der Webseite mit verschiedenen Assistenztechnologien

Kompatibilität mit aktuellen und zukünftigen Werkzeugen



Einsatz von validem und standardkonformem HTML/CSS



Einsatz von ARIA-Landmarks zur Verbesserung der Navigation für Screenreader-Nutzende



Anpassungsfähiges Design, das auf verschiedenen Geräten funktioniert



Regelmäßige Tests der Webseite mit verschiedenen Assistenztechnologien