Barrierefreiheit

Schritt 1: Sensibilisierung

Mit der Web Disability Simulator Extension für Google Chrome erkunden wir verschiedene Einschränkungen, z.B. auf folgenden Seiten:

• TH Köln
• Amazon
• Bundeszentrale für politische Bildung
• Cranach Digital Archive

Dauer: 10 Minuten

Schritt 2: Analyse

Mit Hilfe der Wave Browser Extension oder Google Lighthouse analysieren wir eine der oben genannten Websites. Überlegen sie, welche Barrieren es auf der Webseite gibt, die Menschen mit einer visuellen, auditiven, kognitiven oder motorischen Behinderung die Nutzung der Webseite erschwert.

Prüfen sie:

• Farben und Kontraste,
• die Typografie,
• das Layout,
• die Strukturierung und Anordnung von Webinhalten,
• Bilder,
• Bedienelemente, wie Buttons, Eingabefelder, etc. und Menüs an.

Bearbeitungszeit: 20 Minuten

Schritt 3: Optimierung

Wir nutzen den eigenen Entwurf oder folgende Vorlage. Gehen sie dazu auf den Pfeil oben in der Titelleiste neben view only und wählen aus dem Dropdown-Feld Duplicate to your Drafts.

Mit Hilfe des Figma Plugins Stark oder Contrast analysieren und optimieren wir unseren Entwurf.

Bearbeitungszeit: 20 Minuten