Informatik · Klasse 10 · Informatik, Gesellschaft und Geschichte · 2. Halbjahr

Barrierefreiheit in der IT

Die Schülerinnen und Schüler gestalten inklusive digitale Angebote für alle Menschen.

• KMK Bildungsstandards
• KMK: STD.06
• KMK: STD.11

Über dieses Thema

Barrierefreiheit in der IT (Accessibility) ist ein Menschenrecht und eine technische Notwendigkeit. Schüler lernen, wie digitale Angebote gestaltet sein müssen, damit sie für alle Menschen – unabhängig von körperlichen oder geistigen Einschränkungen – nutzbar sind. Dies entspricht den KMK-Standards zur inklusiven Gestaltung von Informatiksystemen.

Die Schüler setzen sich mit Hilfsmitteln wie Screenreadern, alternativen Eingabegeräten und den WCAG-Richtlinien auseinander. Sie erfahren, dass Barrierefreiheit nicht nur Menschen mit Behinderungen hilft, sondern auch älteren Menschen oder Nutzern in schwierigen Situationen (z.B. Sonnenlicht auf dem Display). Dies fördert die Empathie und das Bewusstsein für soziale Verantwortung in der Softwareentwicklung.

Durch das Testen von Webseiten unter simulierten Einschränkungen (z.B. ohne Maus oder mit verschwommener Sicht) entwickeln Schüler ein tiefes Verständnis für die Bedeutung von inklusivem Design.

Leitfragen

1. Wie nutzen blinde Menschen das Internet?
2. Warum ist Barrierefreiheit ein Menschenrecht nach der UN-Konvention?
3. Wie können wir Software für eine alternde Gesellschaft optimieren?

Lernziele

• Analysieren Sie die Auswirkungen von Designentscheidungen auf die Benutzerfreundlichkeit für Menschen mit unterschiedlichen Einschränkungen.
• Bewerten Sie bestehende digitale Angebote hinsichtlich ihrer Barrierefreiheit unter Anwendung der WCAG-Richtlinien.
• Entwerfen Sie Prototypen für digitale Benutzeroberflächen, die spezifische Barrierefreiheitsanforderungen erfüllen.
• Erklären Sie die rechtlichen und ethischen Grundlagen der Barrierefreiheit im Kontext der UN-Behindertenrechtskonvention.

Bevor es losgeht

Grundlagen der Webentwicklung (HTML, CSS)

Warum: Ein grundlegendes Verständnis von HTML und CSS ist notwendig, um die technischen Aspekte der Barrierefreiheit auf Webseiten nachvollziehen zu können.

Benutzeroberflächen-Design (UI-Grundlagen)

Warum: Grundkenntnisse im UI-Design helfen den Schülerinnen und Schülern, die Prinzipien der intuitiven und zugänglichen Gestaltung zu verstehen und anzuwenden.

Schlüsselvokabular

Screenreader	Software, die Bildschirminhalte für blinde oder sehbehinderte Nutzer vorliest und somit die Navigation und Interaktion mit digitalen Inhalten ermöglicht.
WCAG (Web Content Accessibility Guidelines)	Internationale Richtlinien, die Standards für barrierefreie Webinhalte festlegen, um sicherzustellen, dass Webseiten und Anwendungen für alle Menschen zugänglich sind.
Assistive Technologien	Hilfsmittel wie Screenreader, Vergrößerungssoftware oder alternative Eingabegeräte, die Menschen mit Behinderungen die Nutzung digitaler Technologien erleichtern.
Inklusives Design	Ein Designansatz, der darauf abzielt, Produkte und Dienstleistungen so zu gestalten, dass sie von möglichst vielen Menschen, unabhängig von Alter, Fähigkeiten oder Einschränkungen, genutzt werden können.

Vorsicht vor diesen Fehlvorstellungen

Häufige Fehlvorstellung

Barrierefreiheit ist nur für eine kleine Minderheit wichtig.

Was Sie stattdessen lehren sollten

Schüler unterschätzen die Zahl der Betroffenen. Eine Statistik zu Sehschwächen, motorischen Einschränkungen und der alternden Gesellschaft zeigt, dass fast jeder irgendwann davon profitiert.

Häufige Fehlvorstellung

Barrierefreies Design sieht hässlich aus.

Was Sie stattdessen lehren sollten

Oft wird gedacht, man müsse auf Ästhetik verzichten. Beispiele für preisgekrönte, barrierefreie Designs zeigen, dass gute Nutzbarkeit und gutes Aussehen Hand in Hand gehen.

Ideen für aktives Lernen

Planspiel: Surfen mit Hindernissen

Schüler versuchen, eine Aufgabe auf einer Webseite zu lösen, dürfen dabei aber nur die Tastatur nutzen oder müssen eine Brille tragen, die eine Sehschwäche simuliert.

40 Min.·Einzelarbeit

Forschungskreis: Website-Check

Gruppen prüfen die Schulwebseite oder bekannte Portale auf Barrierefreiheit (Alt-Texte für Bilder, Kontraste, einfache Sprache). Sie erstellen eine Liste mit Verbesserungsvorschlägen.

45 Min.·Kleingruppen

Ich-Du-Wir (Denken-Austauschen-Vorstellen): Design für alle

Schüler überlegen: 'Welche Barrieren gibt es in Apps für Menschen mit Farbenblindheit?'. Partner diskutieren Lösungen und präsentieren ihre Ideen für ein inklusiveres Interface.

20 Min.·Partnerarbeit

Bezüge zur Lebenswelt

• Webentwickler und UI/UX-Designer bei großen Technologieunternehmen wie Google oder Microsoft arbeiten täglich an der Implementierung von Barrierefreiheitsstandards, um sicherzustellen, dass ihre Produkte (z.B. Android, Windows) für eine breite Nutzerbasis zugänglich sind.
• Öffentliche Einrichtungen wie Museen oder Behörden sind gesetzlich verpflichtet, ihre Webseiten und digitalen Dienste barrierefrei zu gestalten, um allen Bürgern den Zugang zu Informationen und Dienstleistungen zu ermöglichen, wie beispielsweise die Webseite des Deutschen Bundestages.
• Entwickler von mobilen Apps für das Gesundheitswesen müssen sicherstellen, dass ihre Anwendungen auch von älteren Nutzern oder Menschen mit eingeschränkter Motorik einfach bedient werden können, zum Beispiel durch klare Kontraste und große Schaltflächen.

Ideen zur Lernstandserhebung

Lernstandskontrolle

Geben Sie den Schülerinnen und Schülern eine Liste mit drei digitalen Funktionen (z.B. Formularübermittlung, Video-Player, Navigationsmenü). Bitten Sie sie, für jede Funktion eine Barrierefreiheitsmaßnahme zu nennen und kurz zu begründen, warum diese wichtig ist.

Kurze Überprüfung

Zeigen Sie einen Screenshot einer Webseite. Stellen Sie folgende Fragen: 'Welche potenziellen Barrieren erkennen Sie für Nutzer mit Sehbehinderungen? Welche für Nutzer mit motorischen Einschränkungen? Nennen Sie jeweils eine Maßnahme zur Verbesserung.'

Gegenseitige Bewertung

Die Schülerinnen und Schüler erhalten die Aufgabe, eine einfache Webseite zu gestalten. Nach der Erstellung tauschen sie ihre Entwürfe aus. Jeder prüft den Entwurf des Partners anhand einer Checkliste mit drei Barrierefreiheitskriterien (z.B. ausreichender Kontrast, Tastaturbedienbarkeit, Alternativtexte für Bilder) und gibt Feedback.

Häufig gestellte Fragen

Was sind die WCAG?

Die Web Content Accessibility Guidelines sind der internationale Standard für barrierefreie Webinhalte. Sie definieren Regeln für Wahrnehmbarkeit, Bedienbarkeit, Verständlichkeit und Robustheit.

Wie nutzt ein blinder Mensch das Internet?

Meist mit einem Screenreader, der den Text der Webseite vorliest oder in Braille-Schrift ausgibt. Dafür müssen Bilder aber mit Textbeschreibungen (Alt-Tags) versehen sein.

Wie hilft aktives Lernen beim Thema Barrierefreiheit?

Empathie lässt sich nicht theoretisch vermitteln. Durch das eigene Erleben von Barrieren in Simulationen verstehen Schüler die Frustration der Nutzer unmittelbar. Dieses 'Be-Greifen' motiviert sie, Barrierefreiheit als festen Bestandteil ihrer eigenen Projekte zu sehen. Aktive Analysen realer Webseiten schärfen zudem den Blick für Details und fördern eine inklusive Denkweise in der Entwicklung.

Was ist 'Einfache Sprache'?

Ein Konzept zur Gestaltung von Texten, das kurze Sätze, einfache Wörter und eine klare Struktur nutzt, um Menschen mit Lernschwierigkeiten oder geringen Sprachkenntnissen den Zugang zu Informationen zu erleichtern.