© 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.

Hilfe zum Selbstcheck

Diese Anleitung hilft beim schnellen Einstieg und erklärt die wichtigsten Interaktionen.

Bedienung

  • Klick / tippen: Ihren aktuellen Reifegrad (IST – blaue Färbung) auswählen.
  • Rechtsklick / langes tippen: Ihren angestrebten Reifegrad (SOLL – rote Färbung) setzen.
  • Hovern: Ausführlichere Details zum Merkmal anzeigen.
  • Auf die Frage klicken / tippen: Auswahl für dieses Merkmal zurücksetzen.

Es ist eine Plausibilitätskontrolle eingebaut, damit der angestrebte Reifegrad (SOLL – rot) nicht unter dem aktuellen Reifegrad (IST – blau) bzw. umgekehrt liegen kann.

Werkzeuge

  • Zurücksetzen: Setzt alle Werte dieses Selbstchecks zurück.
  • Drucken: Öffnet eine druckerfreundliche Ansicht dieses Selbstchecks (inklusive QR-Code bzw. Link für Ihre individuelle aktuelle Wahl).
  • Teilen: Erstellt einen Link für die aktuelle Merkmalsauswahl und kopiert ihn in die Zwischenablage.
  • Einklappen / Ausklappen: Alle Teil-Selbstchecks und ggf. die Auswertung ein- oder ausklappen.

Hinweis: Verwenden Sie die Teilen- und/oder Drucken-Werkzeuge, um Ihre individuelle aktuelle Wahl für sich zu speichern und so später oder mit anderen Ihre Arbeit fortsetzen zu können.

Sollten Sie Fragen, Probleme oder Anregungen bzgl. unserer Selbstchecks haben, wenden Sie sich gern an info@digitalzentrum-chemnitz.de.

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