Passer au contenu principal
Accueil Cours Recherche de Cours Calendrier Mes documents H5P Medien (OER-Repository) {ifadmin} {ifadmin}

An Alle(s) gedacht? – Beitrag 1: Farbsehschwächen

This page is also available in English.

Im GIF sind verschiedene Schriftfarben auf unterschiedlichen Hintergrundfarben zu sehen. Daneben läuft ein Pfeil von einer Überschrift zur anderen: Ohne Einschränkung, Rot-Grün-Fehlsichtigkeit, Gelb-Blau-Fehlsichtigkeit, vollständige Farbblindheit.

An Alle(s) gedacht!

Haben Sie die Grafik ohne Mühe erfassen können oder hätten Sie die Inhalte lieber angehalten, um mehr Zeit zu haben? Und konnten Sie die Schrift immer gut entziffern? Nicht nur bewegte Bilder können Barrieren bergen, sondern auch die Farbwahl der Schrift- und Hintergrundfarbe. Farben sollten daher nicht als alleiniges Mittel verwendet werden, um inhaltliche Aspekte auszuzeichnen oder hervorzuheben.

Weiter gedacht.

Die am häufigsten vorkommende Form der Farbfehlsichtigkeit ist die Rot-Grün-Sehschwäche. Sie kommt bei ca. 9% der Männer und 0,8% der Frauen vor (Quelle: Kuratorium Gutes Sehen e. V.). Wie Farbfehlsichtigkeiten für Betroffene aussehen können, zeigt der Web Disability Simulator. Dieser kann in Chromium basierten Browsern (wie beispielsweise Brave, “Google Chrome”, Microsoft Edge und Opera) installiert werden. In Mozilla Firefox hat in den Werkzeugen für Web-Entwickler einen Bereich für Barrierefreiheit, in dem sich unterschiedliche Fehlsichtigkeiten simulieren lassen.

Ob der Kontrast zwischen Vorder- und Hintergrundfarbe stark genug ist, lässt sich mit Tools wie dem Colour Contrast Analyser (CCA) testen. Bei #DigiBar ist eine Anleitung für den CCA als Screencast zu finden.

Bezüglich bewegter Bilder umfassen die Vorgaben der WCAG 2.2 (Web Content Accessibility Guidelines) zum einen, dass es die Möglichkeit geben soll, das Medium anzuhalten und zum anderen, dass es eine gleichwertige Alternative geben soll, um die Zugänglichkeit zum Inhalt zu gewährleisten (z. B. durch einen Alternativtext, Untertitel, Audiodeskription o.ä.).

Daher zeigen wir an dieser Stelle die im GIF verwendeten Bilder als einzelne Grafiken an.

Sehen ohne Einschränkung dargestellt in einem Tortendiagramm: Grüne Schrift auf orange, grau und blau. Die Schrift ist auf orange und blau gut zu erkennen. Auf grau ist sie erkennbar aber nicht gut lesbar.
Rot-Grün-Fehlsichtigkeit dargestellt in einem Tortendiagramm: Grüne Schrift erscheint dunkler. Orange wird zu grün, grau bleibt grau, blau wird zu violett. Die Schrift ist zu erkennen.
Gelb-Blau-Fehlsichtigkeit dargestellt in einem Tortendiagramm: Grüne Schrift erscheint als grau. Orange wird zu rot, grau bleibt grau, blau wird zu türkisgrün. Die Schrift ist zu erkennen.
Vollständige Fehlsichtigkeit dargestellt in einem Tortendiagramm: Grüne Schrift erscheint als grau. Orange, grau und blau werden zu unterschiedlichen Grautönen. Die Schrift ist nur schwach auf dem zweiten und dritten Feld zu erkennen.

Für den Inhalt verantwortlich: AG “Kampagne Digitale Barrierefreiheit”

Bei Fragen und Anregungen wenden Sie sich per Mail an Sanja Grimminger.

Webseite “An Alle(s) gedacht?”

#DenkBarrierefrei #ThinkAccessible #DigiBar #HessenHub #AnAllesGedacht

2 Comments

  1. Pingback: Haben Sie “An Alle(s) gedacht?” – Tipps für mehr Barrierefreiheit | studiumdigitale

  2. Pingback: Tipp 2 für Digitale Barrierefreiheit: Farbliche Gestaltung beachten – E-Learning an Hochschulen

Die Kommentare sind geschlossen.

Modifié le: mardi 17 septembre 2024, 11:28