Medien & Informatik · Klasse 7/8
Für alle gemacht
Hör dir eine Seite an, wie ein blinder Mensch sie hört. Dann weißt du, warum ein Satz unter dem Bild kein Extra ist.
Tafelbild
Die Vorlese-Probe
Menschen, die nicht sehen, lassen sich Websites vorlesen. Ein Programm liest alles vor, was Text ist. Ein Bild ist kein Text. Was liest es dann?
Drück auf „Ohne Alt-Text vorlesen“. Dann auf „Mit Alt-Text vorlesen“. Hör den Unterschied.
Zum Vorlesen wird JavaScript und eine Sprachausgabe im Browser gebraucht. Ohne sie gilt: Ohne Alternativtext hört ein blinder Mensch bei jedem Bild nur „Grafik“. Mit Alternativtext hört er: „Ein Fahrrad lehnt an einem Holzzaun, dahinter ein Baum.“
Deine Aufgabe: Was hast du in der ersten Fassung über die Bilder erfahren? Und in der zweiten?
Tipp
Wer braucht was?
Fünf Menschen, fünf Hürden
Barrierefrei heißt: Jeder kann den Inhalt nutzen – egal, was er sieht, hört oder gerade kann. Das sind nicht nur Menschen mit Behinderung.
Kann nicht oder schlecht sehen
Braucht: Alt-Texte, große Schrift, Vorlese-Programm, Struktur mit Überschriften.
Kann nicht oder schlecht hören
Braucht: Untertitel im Video, ein Transkript (Mitschrift) zum Podcast.
Lernt gerade erst Deutsch
Braucht: kurze Sätze, einfache Wörter, Bilder, die den Text stützen.
Kann sich schwer konzentrieren
Braucht: einen Gedanken je Absatz, keine blinkenden Elemente, klare Reihenfolge.
Sitzt mit dem Handy in der Sonne
Braucht: starken Kontrast – dunkle Schrift auf hellem Grund, keine hellgraue Schrift.
Deine Aufgabe: Ordnet jeder Hürde die passende Hilfe zu.
Deine Aufgabe
Wer braucht was?
Ordne jeder Hürde die Hilfe zu, die sie überwindet.
Ich ordne Hürden die passende barrierefreie Hilfe zu.
Ordne jeder Hürde die Hilfe zu, die sie überwindet.
Welche Hilfe gehört zu welcher Hürde?
- Kann nicht sehen
- Kann nicht hören
- Lernt gerade erst Deutsch
- Kann sich schwer konzentrieren
- Sitzt mit dem Handy in der Sonne
- Alt-Text zu jedem Bild, Vorlese-Programm
- Ein Gedanke je Absatz, nichts blinkt
- Kurze Sätze, einfache Wörter, Bilder zum Text
- Starker Kontrast, dunkle Schrift auf hellem Grund
- Untertitel im Video, Transkript zum Podcast
Für Profis
Alt-Text schreiben
Ein Satz, der das Bild ersetzt
Ein guter Alt-Text sagt in einem Satz, was zu sehen ist – so, dass jemand ohne Bild dasselbe versteht wie du mit Bild. Ohne „Bild von“ oder „Foto:“ davor, das weiß das Programm selbst.
Regeln für den Alt-Text
- Was ist zu sehen? Wer, was, wo – ein Satz, höchstens zwei.
- Nicht „Bild“, „Foto“ oder „Grafik“ schreiben.
- Keine Deutung, keine Werbung („tolles Sportfest“) – nur was da ist.
- Ist im Bild Text? Dann steht der Text im Alt-Text.
Deine Aufgabe: Erst wählen, dann selbst schreiben. Dein Satz kommt an die Wand.
Deine Aufgabe
Welcher Alt-Text ist gut?
Für jedes Bild vier Vorschläge. Einer ist richtig gut.
Ich erkenne einen guten Alternativtext an Genauigkeit, Kürze und Sachlichkeit.
Für jedes Bild vier Vorschläge. Einer ist richtig gut.
Bild: Ein Fahrrad lehnt an einem Holzzaun, dahinter ein Baum.
Bild: Ein Plakat mit der Aufschrift „Sportfest 12. Juni, Schulhof, 9 Uhr“.
Bild: Vier Schüler von hinten schauen auf einen Laptop.
Bild: Ein Balkendiagramm, der Balken „Video HD“ ist mit 3 GB am höchsten.
Dein eigener Alt-Text
Ein Satz, der das Bild ersetzt. Mit „Abschicken“ vergleicht die Klasse die Sätze an der Wand.
Ich schreibe einen Alternativtext, der ein Bild in einem Satz ersetzt.
Ein Satz, der das Bild ersetzt. Mit „Abschicken“ vergleicht die Klasse die Sätze an der Wand.
Schreib den Alt-Text zu dem Bild über dieser Aufgabe – ein Satz, höchstens zwei. Was ist zu sehen? Ohne „Bild von“, ohne Bewertung.
So kannst du anfangen
- Ein … lehnt an …
- Im Hintergrund …
- Links … , rechts …
Checkliste fürs Heft
Sechs Punkte, die jedes Produkt braucht
Diese Liste kommt ins Heft und gilt in der Werkstatt für euer Produkt.
- Alt-Text für jedes Bild ein Satz
- Untertitel für jedes Video – oder ein Transkript daneben
- Transkript für jeden Podcast eine Mitschrift
- Kontrast dunkle Schrift auf hellem Grund, nie hellgrau
- Struktur Überschriften, ein Gedanke je Absatz
- Sprache kurze Sätze, Fachwörter erklärt
Meta-Moment
Diese Seite ist selbst ein Produkt
Die Seite, auf der du gerade bist, wurde nach denselben Regeln gebaut. Prüf sie.
Deine Aufgabe: Sucht auf dieser Seite: den Alt-Text des Kopfbilds (Rechtsklick → „Untersuchen“ oder die Vorlese-Probe), das Impressum ganz unten, den Lizenzhinweis. Dann: Wahr oder falsch?
Deine Aufgabe
Diese Seite ist selbst ein Produkt
Prüf die Seite, auf der du gerade bist. Was stimmt?
Ich prüfe eine echte Webseite auf Merkmale der Barrierefreiheit und der Veröffentlichung.
Prüf die Seite, auf der du gerade bist. Was stimmt?
Richtig oder falsch?
- Das Kopfbild dieser Seite hat einen Alt-Text.
- Diese Website hat ein Impressum.
- Die Überschriften dieser Seite haben eine Reihenfolge: eine große, darunter mittlere, darunter kleine.
- Die Bilder dieser Reihe tragen den Aufnahmeort in ihren Metadaten.
- Die Schrift auf dieser Seite ist hellgrau auf weiß.
Tipp
<img …> steht alt="…". Das ist er.Deine Lehrkraft sagt, was davon ihr abschreibt – alles, einen Teil oder nichts.
Barrierefreiheit
- Barrierefrei heißt: Jeder kann meinen Inhalt nutzen – egal, was er sieht, hört oder gerade kann. Die meisten Hilfen nützen allen, nicht nur denen, für die sie gedacht sind.
Der Alternativtext (Alt-Text)
- Der Alt-Text ist der Satz, den ein Vorlese-Programm statt des Bildes vorliest. Ohne ihn hört ein blinder Mensch nur „Grafik“.
- Regeln: Was ist zu sehen – ein Satz, höchstens zwei. Nicht „Bild von“ schreiben. Keine Bewertung. Steht Text im Bild, gehört er in den Alt-Text.
Sechs Punkte für jedes Produkt
- Alt-Text für jedes Bild · Untertitel für jedes Video · Transkript (Mitschrift) für jeden Podcast · Kontrast: dunkle Schrift auf hellem Grund · Struktur: Überschriften, ein Gedanke je Absatz · Sprache: kurze Sätze, Fachwörter erklärt.
Wortspeicher: Fachwort — einfach gesagt — Beispiel
- Barrierefreiheit
- jeder kann es nutzen — Rampe und Treppe zur selben Tür
- Alternativtext (Alt-Text)
- der Satz, der ein Bild ersetzt — „Ein Fahrrad lehnt an einem Zaun.“
- Untertitel
- gesprochener Text als Schrift im Video — Video im Bus ohne Ton
- Transkript
- die Mitschrift eines Tons — der Podcast zum Nachlesen
- Kontrast
- Unterschied zwischen Schrift und Hintergrund — schwarz auf weiß: gut
Ins Heft
Satz 9 von 11
Barrierefrei heißt: kann meinen Inhalt nutzen. Bilder bekommen einen , Videos , Texte klare .
Vier Lücken. Die Checkliste hat alle Wörter.