Barrierefreiheit

Übung 1

Schauen Sie sich zu zweit die Webseite von OBI an. Überlegen Sie, welche Barrieren es auf der Webseite gibt, die Menschen mit einer visuellen, auditiven, kognitiven oder motorischen Behinderung die Nutzung der Webseite erschwert.

Schauen Sie sich:

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

Nutzen Sie dabei gerne Tools, wie WAVE, Google Lighthouse und die DevTools.

Bearbeitungszeit: 30min

Übung 2

Suchen Sie sich eine (ggfs. auch zwei) der von Ihnen gefundenen Barrieren auf der Webseite von OBI aus und überlegen Sie sich Designvorschläge, um diese Barrieren zu vermeiden. Wenden Sie dafür das erlernte Wissen aus der zugehörigen Vorlesung an. Setzen Sie anschließend Ihre Designvorschläge mittels Figma um.

Exportieren Sie bitte ihre Designs als PNG und laden Sie diese im Ilias hoch. Verwenden Sie beim Dateinamen bitte die folgende Nomenklatur:

• sd-aufgabe-barrierefreiheit-1-NACHNAME.png
• sd-aufgabe-barrierefreiheit-2-NACHNAME.png

Bearbeitungszeit: 30min