Kurs · Barrierefreiheit
Gestalten, damit alle mitkommen
0.1 / Worum es geht
Gute Gestaltung schliesst niemanden aus.
Barrierefreiheit zeigt, wie digitale Angebote für möglichst alle Menschen funktionieren: für Menschen mit Behinderungen, für ältere Menschen und für alle, die gerade in einer schwierigen Lage sind. Der Kurs verbindet Grundlagen, Gestaltung und Prüfung.
Als durchgehendes Beispiel begleitet dich die Bibliothek am Rhein, eine kleine Stadtbibliothek. Sie erneuert Website und App, damit alle Menschen Medien finden, ausleihen und Veranstaltungen buchen können.
Leitfragen des Kurses:
FRAGE 1
Für wen gestalten wir, und was sind Barrieren?
FRAGE 2
Wie gestalte ich Farbe, Kontrast und Schrift für alle?
FRAGE 3
Wie lässt sich alles ohne Maus bedienen?
FRAGE 4
Wie prüfe ich, ob ein Angebot wirklich barrierefrei ist?
Rahmen des Kurses:
ZIELGRUPPE
Gestaltende
Lernende in Grafik-, Medien-, Web- oder UX-Design, ohne Vorkenntnisse im Programmieren.
UMFANG
5 × 90 Min.
Plus Abschlussprojekt; jedes Modul auch einzeln nutzbar.
FORMAT
Selbst ausprobieren
Kurzinput, Werkzeug, Selbsttest und Übung an einem eigenen Projekt.
BEZUG
Querverweise
Verbindungen zu Informationsdesign, UX & UI Design, Designpsychologie und Copywriting.
0.2 / Lernziele
Nach dem Kurs gestaltest du für alle.
Nach dem Kurs kannst du:
01
Barrieren erkennen und die vier Prinzipien der WCAG erklären
02
Kontraste messen und Information unabhängig von Farbe gestalten
03
Abläufe für Tastatur, Fokus und Touch planen
04
Inhalte verständlich gliedern und schreiben, Medien zugänglich machen
05
eine Seite automatisch, von Hand und mit Menschen prüfen
0.3 / Kursinhalt
Alle Module und Abschnitte auf einen Blick.
Fünf Module, jedes mit einer Kernfrage und einem Werkzeug. Klicke auf ein Modul, um es zu öffnen.
MODUL 01
Für wen gestalten wir?
MODUL 02
Kann man es sehen?
MODUL 03
Geht es ohne Maus?
MODUL 05
Wie weiss ich, ob es funktioniert?
0.4 / Ablauf pro Modul
Jedes Modul folgt demselben Ablauf.
Der Rhythmus bleibt gleich, der Inhalt wechselt:
01
Einstieg (10 Min.)
Eine Frage oder ein Problem aus dem Projektalltag.
02
Input (20 Min.)
Grundlagen und bewährte Abläufe.
03
Werkzeug (15 Min.)
Das Thema im interaktiven Werkzeug durchspielen.
04
Übung (35 Min.)
Anwendung an einem eigenen Projekt.
05
Reflexion (10 Min.)
Was übernimmst du in deinen Arbeitsablauf?
In jedem Abschnitt findest du einen fett gesetzten Merksatz mit Blitz-Icon, eine Übung hinter dem blauen Button, eine Vorlesefunktion und auf vielen Karten Beispiele hinter der Glühbirne.
0.5 / Leistungsnachweis
Am Ende steht ein Audit mit Verbesserungen.
Abschlussprojekt: ein vollständiges Barrierefreiheits-Audit eines eigenen Projekts oder einer bestehenden Website, mit konkreten Verbesserungen in fünf Schritten:
01
Prüfen
Schnell-Check, Tastaturtest und automatische Prüfung.
02
Sehen
Kontraste messen und Farbspuren ergänzen.
03
Bedienen
Fokus, Reihenfolge und Touch-Ziele verbessern.
04
Verstehen
Struktur, Linktexte, Sprache und Alternativtexte überarbeiten.
05
Dokumentieren
Vorher und nachher zeigen, eine Erklärung zur Barrierefreiheit schreiben.
Bewertungskriterien: Barrieren nachvollziehbar belegt, wirksame Verbesserungen, Gestaltungsqualität erhalten, Test mit mindestens einer Person, verständliche Dokumentation.
0.6 / Literatur und Quellen
Gestaltung für alle hat Vorbilder.
• W3C: Web Content Accessibility Guidelines (WCAG) 2.2. 2023.
• Holmes, K. (2018): Mismatch. How Inclusion Shapes Design. MIT Press.
• Pickering, H. (2016): Inclusive Design Patterns. Smashing Magazine.
• Microsoft: Inclusive Design Toolkit.
• Verein eCH: eCH-0059 Accessibility Standard.
• Stiftung «Zugang für alle»: Schweizer Accessibility-Studie.
• Netzwerk Leichte Sprache: Die Regeln für Leichte Sprache.
Hinweis: Normen und Gesetze werden laufend angepasst; massgebend sind die aktuellen Fassungen von WCAG und eCH-0059.