Diesen aiMOOC als Battle spielen: Deutsch, Klasse 9-10, G-Niveau

Barrierefreiheit by Design anwenden

Einleitung

Barrierefreiheit by Design bedeutet, Barrierefreiheit nicht erst am Ende „nachzurüsten“, sondern sie von Anfang an als Anforderung an ein System, ein Produkt, einen Raum, eine Information oder einen Prozess mitzudenken. Du untersuchst dabei nicht nur einzelne Farben, Schaltflächen oder Rampen. Du fragst auch: Wer wurde bei der Planung berücksichtigt? Wer kann mitentscheiden? Wer trägt Verantwortung? Wer profitiert? Wer wird möglicherweise ausgeschlossen? Wie wird getestet, verbessert und über Beschwerden entschieden?

Dieser Lernkurs richtet sich besonders an die Klasse 10 und ist für etwa 60 bis 90 Minuten angelegt. Er verbindet Informatik, Mathematik, Technik, Deutsch, Wirtschaft, Geschichte, Ethik und Gemeinschaftskunde. Im Mittelpunkt steht eine Designaufgabe: Du entwickelst eine eigene barriereärmere Lösung, testest sie, verbesserst sie und begründest Deine Entscheidungen transparent.

Die Symbole zeigen nur einige mögliche Formen von Behinderung. Wichtig ist: Menschen mit Behinderungen sind keine einheitliche Gruppe. Bedürfnisse, Strategien, Hilfsmittel, Erfahrungen und Vorlieben unterscheiden sich. Deshalb darf eine einzelne Testperson niemals stellvertretend für „alle Betroffenen“ behandelt werden.

Das Video der W3C Web Accessibility Initiative führt in digitale Barrierefreiheit und internationale Standards ein. Nutze Untertitel oder andere verfügbare Darstellungsformen, wenn sie Dir beim Lernen helfen.

Lernziele und Arbeitsweise

Am Ende kannst Du Barrieren in einem soziotechnischen System erkennen, Anforderungen formulieren, einen Prototyp entwickeln, mit verschiedenen Methoden prüfen, Auswirkungen abschätzen und Verbesserungen begründen. Dabei lernst Du, dass technische Prüfwerte wichtig sind, aber gesellschaftliche Fragen nach Fairness, Teilhabe, Kosten, Verantwortung und akzeptablen Restrisiken nicht allein durch Technik beantwortet werden können.

Bereich	Das kannst Du am Ende
Systemdesign	Du beschreibst Barrierefreiheit als Zusammenspiel von Oberfläche, Technik, Inhalt, Organisation und Nutzungssituation.
Gestaltung	Du entwickelst Alternativen, die unterschiedliche Wahrnehmungs-, Bedien- und Verständnismöglichkeiten berücksichtigen.
Evaluation	Du kombinierst technische Checks, manuelle Prüfung und Tests mit unterschiedlichen Nutzenden.
Governance	Du legst Zuständigkeiten, Dokumentation, Beschwerdewege und Regeln für Verbesserungen fest.
Folgenabschätzung	Du untersuchst Nutzen, Risiken, Ausschlüsse und Zielkonflikte aus mehreren Perspektiven.
Transfer	Du überträgst die Methode auf einen neuen Fall und begründest Deine Entscheidungen nachvollziehbar.

Kurze Aktivierung und Diagnose

Stell Dir vor, Eure Schule führt ein digitales Schulfest-Portal ein. Dort kann man Programmpunkte finden, Räume suchen, sich für Workshops anmelden und Fragen an einen KI-gestützten Assistenten stellen. Beim ersten Test fallen folgende Situationen auf:

Beobachtung	Diagnosefrage
Ein Lageplan besteht nur aus einer Grafik.	Wie erfährt eine Person, die die Grafik nicht sehen kann, welche Räume wo liegen?
Freie Plätze werden nur durch Grün und Rot markiert.	Welche Barrieren entstehen, wenn Farbe die einzige Information trägt?
Ein Workshop wird nur per Drag-and-Drop ausgewählt.	Was passiert, wenn jemand keine Maus oder keine präzise Zeigerbewegung nutzen kann?
Ein Erklärvideo hat keine Untertitel.	Welche Informationen fehlen für Menschen, die den Ton nicht hören oder gerade in einer lauten Umgebung sind?
Der KI-Assistent schlägt „passende“ Angebote vor.	Welche Gruppen könnten in Beispielen oder Trainingsdaten unterrepräsentiert sein und wie lässt sich das prüfen?

Deine Diagnose in drei Minuten: Wähle zwei Beobachtungen. Notiere jeweils Barriere – betroffene Situationen – erste Verbesserungsidee. Vergleiche anschließend mit einer anderen Person. Wenn Ihr unterschiedliche Lösungen habt, ist das kein Fehler: Gute Gestaltung beginnt oft mit mehreren möglichen Wegen.

Was bedeutet Barrierefreiheit by Design?

Barrierefreiheit ist mehr als ein einzelnes Merkmal. Ein digitales Angebot kann technisch korrekt programmiert sein und trotzdem schwer verständlich bleiben. Eine verständliche Information kann vorhanden sein, aber nur über einen unzugänglichen Weg erreichbar sein. Eine Rampe kann gebaut sein, aber durch eine verschlossene Tür nutzlos werden. Deshalb betrachten wir Barrierefreiheit als Systemeigenschaft.

Das Bild zeigt ein Beispiel für Universal Design: Eine Lösung soll möglichst vielen Menschen ohne Sonderweg zugänglich sein. „Universal“ bedeutet jedoch nicht, dass eine einzige Gestaltung für wirklich alle Menschen perfekt ist. Häufig sind mehrere Zugangswege, Anpassbarkeit und Wahlmöglichkeiten nötig.

Fünf Ebenen des Systems

Ebene	Leitfrage	Beispiel
Wahrnehmung	Kann die Information auf mehr als einem sinnvollen Weg aufgenommen werden?	Textalternative für eine informative Grafik, Untertitel für gesprochene Inhalte.
Bedienung	Kann die Funktion mit unterschiedlichen Eingabemethoden genutzt werden?	Tastaturbedienung zusätzlich zu Maus oder Touch.
Verständlichkeit	Sind Sprache, Struktur, Rückmeldungen und Fehlermeldungen nachvollziehbar?	Klare Überschriften, verständliche Fehlermeldungen, vorhersehbare Navigation.
Technik	Können Browser, Hilfsmittel und unterschiedliche Geräte die Inhalte zuverlässig verarbeiten?	Semantisch korrektes Markup und eindeutige Beschriftungen von Bedienelementen.
Organisation	Wer ist verantwortlich, wer testet, wer reagiert auf Barrieren?	Zuständigkeit, Dokumentation, Beschwerdeweg und Zeitplan für Verbesserungen.

Vier WCAG-Prinzipien als Denkwerkzeug

Die Web Content Accessibility Guidelines der W3C ordnen Anforderungen unter vier Prinzipien: wahrnehmbar, bedienbar, verständlich und robust. Die WCAG 2.2 enthält testbare Erfolgskriterien auf den Stufen A, AA und AAA. Für diesen Kurs nutzt Du die vier Prinzipien vor allem als Prüfraster.

Prinzip	Frage an das Design	Beispiel für das Schulfest-Portal
Wahrnehmbar	Können wichtige Informationen in geeigneter Form aufgenommen werden?	Der Lageplan erhält eine aussagekräftige Textalternative und eine textliche Raumliste.
Bedienbar	Können Funktionen mit verschiedenen Eingaben erreicht und ausgelöst werden?	Workshop-Auswahl ist auch per Tastatur und einfachem Aktivieren möglich.
Verständlich	Ist klar, was passiert und wie Fehler korrigiert werden?	Das Formular erklärt fehlerhafte Eingaben konkret und erhält bereits eingegebene Daten.
Robust	Funktioniert die Bedeutung auch mit unterschiedlichen Geräten und assistiven Technologien?	Schaltflächen sind technisch als Schaltflächen ausgezeichnet und eindeutig benannt.

Die W3C-Sammlung zeigt verschiedene Alltagssituationen. Achte beim Ansehen nicht nur auf „Behinderung“, sondern auch auf Situationen wie helles Licht, Lärm, verletzte Hände, kleine Displays oder geringe Sprachkenntnisse. Gute Barrierefreiheit hilft oft weit über eine einzelne Zielgruppe hinaus.

Gestaltung konkret: Mehr als Farbe, Schrift und Technik

Taktile Leitsysteme zeigen, wie Gestaltung Informationen über einen zusätzlichen Kanal zugänglich machen kann. Ein ähnliches Prinzip gilt digital: Wenn Bedeutung nur über Farbe, Ton, Position oder eine bestimmte Bewegung vermittelt wird, können Menschen ausgeschlossen werden.

Praktische Gestaltungsregeln

Problem	Bessere Richtung	Warum das hilft
Information nur über Farbe	Farbe mit Text, Symbol oder Muster kombinieren	Menschen mit Farbsehschwäche und Situationen mit schlechten Displays werden berücksichtigt.
Bild ohne Bedeutungserklärung	Kontextbezogene Textalternative ergänzen	Screenreader-Nutzende erhalten die relevante Information.
Video nur mit Ton	Untertitel und bei Bedarf weitere Alternativen anbieten	Gesprochene Inhalte werden auch ohne Hören zugänglich.
Kleine, dicht stehende Bedienelemente	Ausreichend große oder ausreichend getrennte Ziele gestalten	Bedienung mit Touch, Maus, Stift oder eingeschränkter Feinmotorik wird leichter.
Funktion nur per Ziehen	Zusätzlich eine Bedienung ohne Ziehbewegung anbieten	Eine präzise Drag-Bewegung ist nicht für alle möglich.
Komplexe Sprache ohne Struktur	Klare Sätze, sinnvolle Überschriften und verständliche Begriffe verwenden	Verständlichkeit steigt für viele Lernende und Nutzungssituationen.
Automatisch erzeugte Barrierefreiheitsbeschreibung	Menschliche Prüfung im Nutzungskontext vorsehen	Ein automatisch erzeugter Text kann sachlich falsch, unvollständig oder im Kontext unpassend sein.

Mathematik trifft Gestaltung

Barrierefreiheit enthält messbare Größen. Ein Beispiel ist der Kontrast zwischen Text und Hintergrund. Für normalen Text beschreibt WCAG 2.2 auf Stufe AA ein Kontrastverhältnis von mindestens 4,5 : 1; für ausreichend großen Text gelten unter bestimmten Bedingungen 3 : 1. Solche Werte sind nützlich, weil sie Entscheidungen überprüfbar machen.

Auch Zielgrößen können messbar sein. WCAG 2.2 nennt für Zeigerziele auf Stufe AA grundsätzlich 24 × 24 CSS-Pixel als Mindestgröße, lässt aber definierte Ausnahmen zu. Ein Wert ist deshalb nie ohne Kontext zu lesen.

Mathematische Mini-Aufgabe: In einem Test werden 20 Bedienhandlungen geprüft. Bei 5 davon tritt mindestens eine Barriere auf. Die beobachtete Barrierenquote beträgt dann 5 / 20 = 0,25 = 25 %. Diese Zahl hilft beim Vergleichen von Versionen. Sie sagt aber nicht, wie schwerwiegend jede Barriere ist oder ob bestimmte Gruppen vollständig ausgeschlossen werden.

Warum Kennzahlen nicht alle Wertfragen lösen

Eine automatische Prüfung kann beispielsweise 0 erkannte Fehler melden. Daraus folgt nicht, dass das Angebot für alle Menschen zugänglich ist. Manche Fragen benötigen menschliche Beurteilung: Ist ein Alternativtext im Kontext sinnvoll? Ist eine Fehlermeldung verständlich? Ist eine Aufgabe für eine Person mit assistiver Technologie tatsächlich lösbar? Wird eine Personengruppe respektvoll repräsentiert?

Eine Kennzahl kann Informationen liefern. Sie kann aber nicht allein entscheiden, welche verbleibende Benachteiligung gesellschaftlich akzeptabel wäre, wer zusätzliche Kosten tragen soll oder wessen Perspektive bei Zielkonflikten stärker gewichtet wird. Solche Entscheidungen brauchen nachvollziehbare Werte, Beteiligung und Verantwortung.

Repräsentation, Fairness, Vielfalt und Teilhabe

Das Foto zeigt einen speziellen Computer mit Braillezeile. Assistive Technologien verändern nicht das Ziel der Nutzung, sondern den Weg dorthin. Ein gutes System schreibt Nutzenden möglichst wenig vor, wie sie eine Aufgabe ausführen müssen.

Perspektivenmatrix

Perspektive	Mögliche Barriere	Schlechte Annahme	Bessere Designfrage
Blinde oder stark sehbehinderte Person	Unbeschriftete Grafik oder unlogische Fokusreihenfolge	„Ein Bild erklärt sich selbst.“	Welche Bedeutung muss auch ohne Sicht verfügbar sein?
Gehörlose oder schwerhörige Person	Video ohne Untertitel oder rein akustische Warnung	„Ton reicht.“	Welche Information braucht eine gleichwertige visuelle oder textliche Form?
Person mit motorischer Einschränkung	Kleine Ziele, Drag-only oder Zeitdruck	„Jede Person kann präzise klicken.“	Welche Bedienwege funktionieren auch ohne Feinmotorik?
Person mit kognitiven oder Lernschwierigkeiten	Dichte Sprache, wechselnde Navigation, unklare Fehlermeldungen	„Wer es nicht versteht, muss sich mehr konzentrieren.“	Wie können Struktur, Sprache und Rückmeldung verständlicher werden?
Person mit Farbsehschwäche	Bedeutung nur durch Rot und Grün	„Jede Person erkennt die Farbcodierung.“	Welche zweite Information trägt dieselbe Bedeutung?
Person in einer situativen Einschränkung	Audio im lauten Raum oder kleine Bedienziele im fahrenden Bus	„Die Umgebung spielt keine Rolle.“	Wie robust ist das Design in verschiedenen Situationen?
Elternteil mit geringen Deutschkenntnissen	Verwaltungssprache ohne Erklärung	„Eine sprachliche Version genügt immer.“	Welche sprachlichen oder strukturellen Hilfen ermöglichen Teilhabe?

Fairness heißt hier nicht, allen exakt dieselbe Oberfläche zu geben. Fair kann es sein, verschiedene Wege anzubieten, wenn dadurch Menschen eine vergleichbare Möglichkeit erhalten, ihr Ziel selbstständig zu erreichen.

Beteiligung statt Stellvertretung

Barrierefreiheit sollte nicht ausschließlich über Menschen mit Behinderungen entschieden werden. Betroffene Personen sollen frühzeitig und wiederholt beteiligt werden. Gleichzeitig gilt: Eine einzelne Person kann nicht für alle Menschen mit ähnlicher Behinderung sprechen. Gute Evaluation kombiniert deshalb unterschiedliche Nutzende mit Standards, Fachwissen und technischen Prüfungen.

Die W3C betont, dass die Beteiligung von Nutzenden mit Behinderungen bereits während Planung, Gestaltung und Entwicklung hilfreich ist und nicht erst beim fertigen Produkt stattfinden sollte.

Barrierefreiheit mit KI verantwortungsvoll gestalten

KI kann beim Entwurf helfen, zum Beispiel beim Formulieren eines ersten Alternativtextes, beim Erstellen eines Untertitel-Entwurfs oder beim Auffinden möglicher sprachlicher Barrieren. KI ersetzt aber weder fachliche Prüfung noch Beteiligung von Betroffenen.

KI-Einsatz	Chance	Risiko	Verantwortliche Prüfung
Alternativtext vorschlagen	Schneller erster Entwurf	Falsche oder stereotype Beschreibung	Prüfe Bildzweck, Kontext und sachliche Richtigkeit.
Untertitel erzeugen	Gesprochenes wird schneller verschriftlicht	Namen, Fachbegriffe oder Sprecherwechsel können falsch sein	Vergleiche mit dem Original und korrigiere.
Text vereinfachen	Komplexe Informationen können zugänglicher werden	Bedeutungsnuancen oder wichtige Bedingungen können verloren gehen	Vergleiche mit der Quelle und lass die Zielgruppe mitprüfen.
Barrierefreiheitsanalyse	Auffälligkeiten können früh sichtbar werden	Nicht alle Barrieren sind automatisch erkennbar	Kombiniere Toolcheck, manuelle Prüfung und Nutzungstest.
Empfehlungssystem	Inhalte können leichter auffindbar werden	Daten und Kategorien können Gruppen verzerren oder ausblenden	Prüfe Repräsentation, Wahlmöglichkeiten, Erklärbarkeit und Ausweichwege.

Human Agency bedeutet: Die Person behält sinnvolle Kontrolle. Ein KI-Assistent darf deshalb nicht zum einzigen Zugangsweg werden. Es braucht nachvollziehbare Alternativen, Korrekturmöglichkeiten und möglichst einen menschlichen Kontaktweg.

Sicherer KI-Einsatz in diesem Kurs: Gib keine sensiblen personenbezogenen Daten ein. Übernimm keine Ausgabe ungeprüft. Dokumentiere, wofür Du KI verwendet hast. Prüfe zentrale Aussagen an verlässlichen Quellen. Weise Unsicherheiten aus. Begründe Deine endgültige Gestaltung selbst.

Designprozess: Von der Diagnose zur Verbesserung

Barrierefreiheit by Design ist ein Kreislauf. Je früher Barrieren sichtbar werden, desto leichter können sie in die Architektur, Inhalte und Abläufe einbezogen werden.

Phase	Leitfragen	Arbeitsergebnis
1. Kontext klären	Welche Aufgabe soll gelöst werden? In welchen Situationen?	Nutzungsszenario
2. Repräsentation prüfen	Welche Perspektiven sind berücksichtigt? Welche fehlen?	Perspektivenkarte
3. Anforderungen formulieren	Was muss wahrnehmbar, bedienbar, verständlich und robust sein?	Prüfkriterien
4. Varianten entwerfen	Welche unterschiedlichen Zugangswege sind möglich?	Skizzen oder Prototyp
5. Testen	Was zeigen technische Checks, manuelle Tests und reale Nutzung?	Testprotokoll
6. Folgen abschätzen	Wer profitiert, wer trägt Aufwand, wo entstehen neue Risiken?	Folgenmatrix
7. Governance festlegen	Wer entscheidet, dokumentiert, reagiert auf Beschwerden und verbessert?	Verantwortungsplan
8. Iterieren	Welche Änderung hat den größten Nutzen? Was bleibt offen?	Verbesserte Version und Entscheidungslog

Evaluation: Wie testest Du sinnvoll?

Automatische Testwerkzeuge können Teilprobleme finden, aber kein Werkzeug kann allein feststellen, ob ein Angebot vollständig barrierefrei ist. Eine belastbarere Bewertung kombiniert mehrere Methoden.

Methode	Stärken	Grenzen
Automatischer Check	Findet manche technische Muster schnell und wiederholbar	Versteht Kontext und Bedeutung nur begrenzt
Manueller Test	Prüft Tastatur, Struktur, Fokus, Sprache und Abläufe gezielt	Hängt von Wissen und Sorgfalt der testenden Person ab
Test mit Nutzenden	Zeigt reale Nutzung, unerwartete Hindernisse und Strategien	Einzelne Personen repräsentieren nicht alle Betroffenen
Standardprüfung	Macht Anforderungen vergleichbar und dokumentierbar	Ersetzt keine Prüfung der tatsächlichen Nutzungserfahrung

Wichtig: Eine simulierte Einschränkung, etwa „Augen schließen und Website testen“, ersetzt keine Betroffenenperspektive. Solche Übungen können höchstens einzelne Designprobleme sichtbar machen. Sie geben Dir keine authentische Erfahrung darüber, wie eine blinde Person mit Screenreader oder Braillezeile arbeitet.

Mini-Testprotokoll

Teste Deinen Entwurf mit einer anderen Person und dokumentiere:

Testschritt	Beobachtung	Schwere der Barriere	Verbesserung	Erneuter Test
Ziel finden
Funktion auslösen
Ergebnis verstehen
Fehler korrigieren

Governance und gesellschaftlicher Rahmen

Barrierefreiheit ist nicht nur eine freiwillige Komfortfrage. Artikel 9 der UN-Behindertenrechtskonvention verbindet Barrierefreiheit mit selbstbestimmter und gleichberechtigter Teilhabe. In Deutschland konkretisiert die Barrierefreie-Informationstechnik-Verordnung für bestimmte öffentliche digitale Angebote Anforderungen an wahrnehmbare, bedienbare, verständliche und robuste Gestaltung. Das Barrierefreiheitsstärkungsgesetz gilt seit dem 28. Juni 2025 für bestimmte Produkte und Dienstleistungen im privaten Marktbereich.

Rechtliche Standards beantworten jedoch nicht jede Gestaltungsfrage. Eine Organisation muss zusätzlich festlegen, wer Verantwortung trägt, wie Betroffene beteiligt werden, wie Beschwerden bearbeitet werden, welche Verbesserungen Priorität haben und wie Entscheidungen transparent dokumentiert werden.

Governance-Frage	Beispiel einer nachvollziehbaren Regel
Wer besitzt die Verantwortung?	Für jede Funktion ist eine Rolle benannt, die Barrierefreiheit vor Veröffentlichung prüft.
Wie werden Betroffene beteiligt?	Unterschiedliche Nutzende werden früh bei Szenarien, Prototypen und Tests einbezogen.
Wie werden Probleme gemeldet?	Es gibt einen leicht auffindbaren, barrierearmen Kontaktweg und einen alternativen Kanal.
Wie werden Entscheidungen dokumentiert?	Änderungen, offene Risiken und Begründungen stehen in einem Entscheidungslog.
Wie wird nachgebessert?	Barrieren erhalten Prioritäten nach Schwere, Reichweite und Ausschlusswirkung.

Folgenabschätzung und Zielkonflikte

Eine Verbesserung kann neue Folgen haben. Deshalb prüfst Du nicht nur „Ist die Funktion möglich?“, sondern auch „Welche Nebenwirkungen entstehen?“.

Frage	Beispiel
Wer profitiert direkt?	Untertitel helfen gehörlosen und schwerhörigen Menschen sowie Personen in lauter Umgebung.
Wer könnte trotzdem ausgeschlossen bleiben?	Automatische Untertitel können Namen oder Fachbegriffe falsch wiedergeben.
Entsteht ein Sicherheits- oder Datenschutzrisiko?	Ein Hilfesystem darf sensible Angaben nicht unnötig speichern.
Entsteht Mehrarbeit?	Redaktionelle Prüfung braucht Zeit und klare Zuständigkeit.
Gibt es einen Zielkonflikt?	Ein stark vereinfachter Text kann verständlicher sein, darf aber wesentliche Inhalte nicht verfälschen.
Ist die Entscheidung reversibel?	Nutzende sollten möglichst zwischen Darstellungsformen wechseln können.

Wertfrage: Was ist wichtiger, wenn Zeit und Budget begrenzt sind: zuerst sehr viele kleine Probleme oder wenige Barrieren beheben, die einzelne Menschen vollständig ausschließen? Eine technische Kennzahl kann Hinweise geben. Die Priorisierung bleibt eine verantwortliche Entscheidung, die offen begründet und mit betroffenen Personen diskutiert werden sollte.

Realistische Anwendungssituation: Das Schulfest-Portal

Du arbeitest im fiktiven Team „Schulportal“. Die Schulleitung will in zwei Wochen eine erste Version veröffentlichen. Das Portal enthält Programm, Raumplan, Anmeldung, Videoankündigungen und einen KI-Assistenten. Euer Team hat nur Zeit, eine zentrale Funktion gründlich zu verbessern.

Auftrag: Wählt eine Funktion. Erstellt eine Lösung, die mindestens zwei unterschiedliche Zugangswege berücksichtigt. Testet sie mit mindestens einer anderen Person, dokumentiert eine Barriere, verbessert den Entwurf und begründet eine Entscheidung, bei der Ihr abwägen musstet.

Schritt	Leitfrage	Ergebnis
A. Problem	Welche konkrete Barriere verhindert oder erschwert ein Ziel?	Ein präziser Problemsatz
B. Perspektiven	Welche mindestens drei Nutzungsperspektiven sind relevant?	Perspektivenkarte
C. Entwurf	Wie sieht eine eigene Lösung aus, ohne nur eine fertige Vorlage zu kopieren?	Skizze, Ablauf oder Papierprototyp
D. Test	Wie prüft Ihr Wahrnehmung, Bedienung, Verständnis und Robustheit?	Kurzes Testprotokoll
E. Verbesserung	Welche Änderung folgt aus den Beobachtungen?	Version 2
F. Begründung	Warum habt Ihr diese Lösung gewählt und welche Grenzen bleiben?	Entscheidungslog mit offenem Restrisiko

Selbstkontrolle vor der Abgabe

Prüffrage	Ja / teilweise / nein
Haben wir mehr als eine Betroffenen- oder Nutzungsperspektive berücksichtigt?
Kann die Kernaufgabe ohne eine einzige zwingende Eingabemethode gelöst werden?
Wird wichtige Information nicht ausschließlich durch Farbe, Ton oder Position vermittelt?
Haben wir automatische Ergebnisse oder KI-Ausgaben selbst geprüft?
Haben wir mindestens einen realen Nutzungstest oder Peer-Test durchgeführt?
Haben wir eine konkrete Änderung nach dem Test vorgenommen?
Haben wir Datenschutz, Sicherheit und mögliche neue Ausschlüsse betrachtet?
Ist klar, wer für spätere Probleme und Rückmeldungen verantwortlich wäre?
Haben wir Grenzen und Unsicherheiten unserer Lösung offen dokumentiert?

Quellenkritik für Designentscheidungen

Für Barrierefreiheit sind Quellen nicht gleichwertig. Prüfe bei jeder Empfehlung: Wer veröffentlicht sie? Ist sie aktuell? Handelt es sich um einen verbindlichen Standard, eine Erläuterung, einen Erfahrungsbericht oder eine Marketingaussage?

Als Ausgangspunkt eignen sich insbesondere die W3C Web Accessibility Initiative, amtliche Gesetzestexte, die Bundesfachstelle Barrierefreiheit und Perspektiven von Selbstvertretungsorganisationen. Ein einzelner Blogbeitrag, eine KI-Antwort oder ein automatischer Prüfbericht kann Hinweise liefern, sollte aber nicht ungeprüft zur alleinigen Entscheidungsgrundlage werden.

Weiterführende Ausgangsquellen:

Interaktive Aufgaben

Quiz: Teste Dein Wissen

Welche Handlung setzt Barrierefreiheit by Design am besten um? (Barrierefreiheit bereits bei Anforderungen und frühen Entwürfen mit Betroffenenperspektiven einplanen) (!Erst nach der Veröffentlichung auf Beschwerden warten) (!Nur die Farben der fertigen Oberfläche austauschen) (!Ein automatisches Prüfergebnis als endgültigen Nachweis verwenden)

Ein automatischer Test meldet keine Fehler. Was ist die beste Schlussfolgerung? (Weitere manuelle Prüfungen und Nutzungstests sind trotzdem notwendig) (!Das Angebot ist nachweislich für alle Menschen barrierefrei) (!Betroffenenbeteiligung ist damit überflüssig) (!Nur noch die Ladezeit muss geprüft werden)

Ein Stundenplan markiert freie Angebote nur grün und volle Angebote nur rot. Welche Verbesserung ist am geeignetsten? (Zusätzlich eindeutige Texte oder Symbole verwenden und den Kontrast prüfen) (!Die Farben noch kräftiger machen) (!Nur eine Legende unterhalb der Seite ergänzen) (!Die Farbmarkierung durch blinkende Flächen ersetzen)

Ein KI-System erstellt automatisch Alternativtexte für Bilder. Was sollte danach passieren? (Die Texte müssen im jeweiligen Kontext menschlich auf Richtigkeit und Relevanz geprüft werden) (!Die Texte sollten immer unverändert veröffentlicht werden) (!Alternativtexte werden dadurch generell unnötig) (!Nur die Länge der Texte muss automatisch gezählt werden)

Zwei Nutzungsgruppen bevorzugen unterschiedliche Darstellungsformen. Welche Reaktion ist am fairsten? (Die zugrunde liegenden Bedürfnisse prüfen und wenn möglich Wahlmöglichkeiten oder gleichwertige Wege anbieten) (!Die größere Gruppe entscheidet immer) (!Beide Wünsche ignorieren, damit alle gleich behandelt werden) (!Eine zufällige Variante festlegen)

Warum reicht eine einzelne Testperson mit Behinderung nicht aus, um Barrierefreiheit allgemein zu beurteilen? (Menschen mit ähnlichen Behinderungen können unterschiedliche Erfahrungen, Strategien und Hilfsmittel haben) (!Weil Betroffene grundsätzlich keine hilfreichen Rückmeldungen geben können) (!Weil nur automatische Tests objektiv sind) (!Weil Barrierefreiheit ausschließlich durch Gesetze festgelegt wird)

Welche Maßnahme gehört besonders zur Governance von Barrierefreiheit? (Klare Zuständigkeiten, Dokumentation und einen erreichbaren Beschwerdeweg festlegen) (!Nur die Schriftgröße vergrößern) (!Nur einen Kontrastwert berechnen) (!Nur ein neues Logo gestalten)

Eine Funktion lässt sich ausschließlich durch Ziehen mit der Maus bedienen. Welche Designentscheidung ist sinnvoll? (Einen zusätzlichen Bedienweg ohne Ziehbewegung und mit Tastaturzugang vorsehen) (!Die Ziehstrecke verlängern) (!Die Mausbewegung schneller machen) (!Die Funktion nur auf großen Bildschirmen anbieten)

Welche Aussage beschreibt eine gesellschaftliche Wertfrage bei Barrierefreiheit am besten? (Die Priorisierung knapper Mittel zwischen unterschiedlichen Ausschlussrisiken muss transparent begründet und diskutiert werden) (!Ein Kontrastwert beantwortet automatisch jede Priorisierungsfrage) (!Ein Fehlerzähler bestimmt objektiv, welche Gruppe wichtiger ist) (!Technische Standards machen ethische Abwägungen überflüssig)

Welche Vorgehensweise fördert Human Agency bei einem KI-Assistenten im Schulportal? (Die KI bleibt optional und es gibt verständliche Alternativen sowie Korrekturmöglichkeiten) (!Die KI entscheidet allein, welche Informationen sichtbar werden) (!Alle Eingaben werden dauerhaft gespeichert) (!Nutzende dürfen Empfehlungen nicht hinterfragen)

Memory

Wahrnehmbarkeit	Informationen über geeignete Sinnes- oder Darstellungswege zugänglich machen
Bedienbarkeit	Funktionen mit unterschiedlichen Eingabemöglichkeiten nutzbar machen
Verständlichkeit	Sprache, Struktur und Rückmeldungen nachvollziehbar gestalten
Robustheit	Inhalte mit verschiedenen Geräten und Hilfsmitteln zuverlässig interpretierbar machen
Repräsentation	Unterschiedliche Betroffenen- und Nutzungsperspektiven angemessen berücksichtigen
Evaluation	Gestaltung systematisch prüfen und Beobachtungen dokumentieren
Governance	Verantwortung, Regeln, Beschwerdewege und Nachbesserung organisieren
Folgenabschätzung	Nutzen, Risiken, Ausschlüsse und Nebenwirkungen vor Entscheidungen untersuchen

Drag and Drop

Ordne die richtigen Begriffe zu.	Thema
Textalternative	Informative Grafik
Untertitel	Gesprochener Videoinhalt
Tastaturzugang	Bedienung ohne Maus
Entscheidungslog	Transparente Begründung
Nutzungstest	Beobachtung realer Interaktion

Kreuzworträtsel

Kontrast	Welcher messbare Unterschied zwischen Text und Hintergrund beeinflusst die Lesbarkeit?
Untertitel	Welche Textform macht gesprochene Videoinhalte auch ohne Ton zugänglich?
Tastatur	Welches Eingabegerät ist ein wichtiger Prüfweg für Bedienbarkeit ohne Maus?
Teilhabe	Welcher Begriff beschreibt gleichberechtigte Mitwirkung am gesellschaftlichen Leben?
Evaluation	Wie heißt die systematische Prüfung eines Entwurfs oder Systems?
Governance	Wie heißt die Ebene von Zuständigkeiten, Regeln, Kontrolle und Beschwerdewegen?

LearningApps

Lückentext

Barrierefreiheit by Design berücksichtigt Zugänglichkeit bereits in der frühen

eines Systems. Die WCAG ordnet zentrale Anforderungen den Prinzipien wahrnehmbar, bedienbar, verständlich und

zu. Automatische Prüfungen können einige technische Probleme finden, ersetzen aber keine menschliche

. Eine einzelne betroffene Person kann nicht die gesamte Vielfalt einer Gruppe

. Gute Gestaltung kombiniert Standards mit unterschiedlichen Nutzungsperspektiven und echter

. KI kann Entwürfe unterstützen, ihre Ausgaben müssen aber auf Richtigkeit, Kontext und mögliche

geprüft werden. Governance legt fest, wer Verantwortung übernimmt und wie mit Meldungen und

umgegangen wird. Eine Folgenabschätzung fragt nicht nur nach Nutzen, sondern auch nach Risiken und möglicher

. Am Ende wird eine Lösung getestet, überarbeitet und ihre Entscheidung transparent

.

Offene Aufgaben

Leicht

Barrieren-Safari: Untersuche eine Schulwebsite, ein Arbeitsblatt oder eine Lernplattform auf drei mögliche Barrieren. Beschreibe jeweils die Nutzungssituation, ohne eine Diagnose über Personen zu behaupten.
Alttext-Werkstatt: Wähle eine informative Grafik und schreibe einen Alternativtext, der ihren Zweck im konkreten Lernkontext vermittelt. Begründe, welche Details Du bewusst weglässt.
Tastatur-Test: Probiere eine bekannte Website ohne Maus aus. Dokumentiere, ob Du alle wichtigen Funktionen erreichst, den Fokus erkennst und wieder verlassen kannst.
Perspektiven-Karte: Zeichne für das Schulfest-Portal mindestens fünf unterschiedliche Nutzungs- oder Betroffenenperspektiven ein. Markiere, welche Perspektive in Eurem ersten Entwurf noch fehlt.

Standard

Kontrast und Messwerte: Wähle zwei Text-Hintergrund-Kombinationen, bestimme mit einem geeigneten Prüfwerkzeug das Kontrastverhältnis und erkläre, warum die Zahl allein noch keine vollständige Bewertung liefert.
Papierprototyp: Entwirf eine barriereärmere Workshop-Anmeldung mit mindestens zwei Bedienwegen. Lass eine andere Person eine konkrete Aufgabe damit lösen.
Testprotokoll: Entwickle drei realistische Testaufgaben, beobachte eine Testperson und trenne sauber zwischen Beobachtung, Interpretation und Verbesserungsidee.
Governance-Plan: Entwirf für eine Schule einen einfachen Prozess vom Eingang einer Barriere-Meldung bis zur dokumentierten Nachbesserung. Benenne Verantwortungen statt nur „die IT“.

Schwer

Folgenabschätzung: Vergleiche zwei Verbesserungsvorschläge für das Schulportal. Untersuche Nutzen, Ausschlussrisiken, Aufwand, Sicherheit, Datenschutz und Reversibilität aus mindestens vier Perspektiven.
KI-Quellenkritik: Lass Dir nur einen Rohentwurf für einen Alternativtext oder eine verständlichere Erklärung durch ein KI-System vorschlagen. Prüfe jede inhaltliche Aussage an der Originalquelle, überarbeite den Text selbst und dokumentiere, was Du nicht übernommen hast.
Transfer auf einen Fahrkartenautomaten: Übertrage den Designkreislauf auf einen Fahrkartenautomaten oder ein anderes Selbstbedienungssystem. Zeige, welche Anforderungen aus dem Schulportal übertragbar sind und welche neu hinzukommen.
Design-Challenge: Entwickle eine eigene Lösung für eine zentrale Funktion des Schulfest-Portals, teste Version 1, verbessere sie zu Version 2 und erstelle ein Entscheidungslog. Begründe mindestens einen Zielkonflikt, eine offene Grenze und einen nächsten Testschritt.

Lernkontrolle

Transferfall Warn-App: Eine Warn-App gibt wichtige Hinweise nur durch einen Signalton und eine farbige Karte aus. Entwickle zwei unabhängige Verbesserungen und erkläre, welche unterschiedlichen Barrieren sie reduzieren.
Evaluation planen: Entwirf für eine neue Schul-App einen Testplan mit automatischem Check, manueller Prüfung und Beteiligung von Nutzenden. Begründe, welche Information jede Methode liefert, die die anderen nicht vollständig liefern.
Fairness abwägen: Ein Team hat Budget für nur eine größere Verbesserung. Variante A hilft vielen Personen ein wenig, Variante B verhindert den vollständigen Ausschluss einer kleineren Gruppe. Entwickle transparente Entscheidungskriterien und begründe Deine Priorisierung.
Daten interpretieren: Version A hat in 20 Testschritten fünf Barrieren, Version B nur zwei. Erkläre mindestens drei Gründe, warum Version B trotzdem nicht automatisch die fairere Lösung sein muss.
Governance-Fall: Eine Schule erhält wiederholt Beschwerden über ein unzugängliches Formular. Beschreibe, welche organisatorischen Änderungen nötig sind, damit nicht nur der einzelne Fehler, sondern auch der Prozess verbessert wird.
KI-Transfer: Ein KI-Assistent fasst Schulregeln in vereinfachter Sprache zusammen. Entwickle ein Prüfverfahren, das Quellenrichtigkeit, Verständlichkeit, Repräsentation, Datenschutz und eine menschliche Alternative berücksichtigt.

Lernnachweis

Für einen überzeugenden Lernnachweis sind wichtig:

Problemsatz: Eine konkrete Barriere und das betroffene Nutzungsziel sind präzise beschrieben.
Perspektivenkarte: Mehrere unterschiedliche Betroffenen- und Nutzungsperspektiven sind berücksichtigt, ohne eine Person zu verallgemeinern.
Prototyp: Eine eigene Lösung zeigt mindestens zwei sinnvolle Zugangs- oder Bedienwege.
Testprotokoll: Beobachtungen und Ergebnisse eines Tests sind nachvollziehbar dokumentiert.
Verbesserung: Zwischen Version 1 und Version 2 ist mindestens eine begründete Änderung sichtbar.
Folgenabschätzung: Nutzen, Risiken, neue Ausschlüsse, Sicherheit oder Datenschutz wurden betrachtet.
Entscheidungslog: Wichtige Designentscheidungen, Quellen, KI-Nutzung, Unsicherheiten und offene Grenzen sind transparent festgehalten.
Reflexion: Du erklärst, welche Frage technisch messbar war und welche Wertfrage eine gesellschaftliche oder ethische Abwägung erforderte.

OERs zum Thema

Verknüpfte Lernbereiche

Barrierefreiheit by Design anwenden

Fächerübergreifende Bezüge

Fach	Bezug
Informatik	Mensch-Computer-Interaktion, semantische Strukturen, Testverfahren, KI-Systeme und Softwarequalität
Mathematik	Verhältnisse, Kontrastwerte, Fehlerquoten, Datenauswertung und Grenzen quantitativer Kennzahlen
Technik	Produktgestaltung, Nutzungskontext, Assistive Technologien, Prototyping und Systemdenken
Deutsch	Verständliche Sprache, Textstruktur, Alternativtexte, Quellenkritik und adressatengerechte Kommunikation
Wirtschaft	Produktverantwortung, Kosten von Nachbesserung, Marktteilhabe, BFSG und Qualitätsmanagement
Geschichte	Wandel vom fürsorgeorientierten Blick hin zu Selbstbestimmung, Rechten, Teilhabe und Barriereabbau
Ethik	Fairness, Autonomie, Würde, Zielkonflikte, Verantwortung und transparente Begründung
Gemeinschaftskunde	Rechte, Beteiligung, Governance, Beschwerdewege und gesellschaftliche Aushandlung

aiMOOC-Projekte

Inhalte werden geladen ...

Mediathek wird aus dem Wiki geladen ...

Frag mich zum aktuellen Lerninhalt oder wähle eine kurze Hilfe.

Textmodus bereit

Sprache