Bildschirm-Anleitungen für die Klasse: verständlich auch ohne Bild

Eine Bildschirm-Anleitung für Lernende braucht einen lesbaren Weg vom Auftrag bis zum Ergebnis. Decke beim Prüfen die Bilder ab: Steht im Text noch, wo die Aufgabe beginnt, welche Aktion nötig ist und woran die gelungene Abgabe zu erkennen ist? Fehlt einer dieser Punkte, sollte zuerst der Arbeitsschritt ergänzt werden. Ein zusätzlicher Pfeil im Screenshot löst das Problem nur für diejenigen, die ihn sehen können.

Den Arbeitsweg beschreiben

Für eine Datei-Abgabe könnte ein Muster so lauten: «Öffne den Bereich Aufgaben und wähle die heutige Aufgabe. Füge deine Datei hinzu. Prüfe den Dateinamen, bevor du die Abgabe bestätigst. Kontrolliere anschliessend den angezeigten Abgabestatus.» Die Bezeichnungen sind hier Beispiele; in der fertigen Anleitung müssen die tatsächlich sichtbaren Namen der verwendeten Lernplattform stehen. Auch der Unterschied zwischen einer hochgeladenen Datei und einer abgeschlossenen Abgabe gehört in den Text, wenn die Plattform diese Schritte trennt.

Ein Screenshot ist an der Stelle hilfreich, an der sich zwei ähnlich aussehende Wege trennen. Er muss nicht jedes Fenster des Ablaufs zeigen. Ein Ausschnitt mit Aufgabenname und passender Schaltfläche kann verständlicher sein als die ganze Bildschirmfläche. Namen von Lernenden, Benachrichtigungen und andere persönliche Angaben gehören nicht in eine öffentliche Anleitung. Dafür lässt sich die Aufnahme mit neutralen Beispieldaten neu erstellen.

Was fehlt, wenn das Bild ausfällt?

Ein Alt-Text beschreibt den Beitrag des Bildes zur konkreten Aufgabe. «Screenshot» hilft dabei kaum. Zeigt die Aufnahme einen Zustand, den der Arbeitsschritt noch nicht nennt, braucht dieser Zustand eine Textalternative. Ein mögliches Beispiel lautet: «Aufgabenansicht: Die Datei ist angehängt, die Abgabe noch nicht bestätigt.» So wird ein Unterschied verständlich, der im Bild leicht übersehen werden kann.

Der englischsprachige Leitfaden zu Alt-Texten für Bildschirm-Anleitungen trennt Arbeitsschritt, Bildbeschreibung und Bildlegende anhand von Beispielen. Für Unterrichtsmaterial ist besonders diese Trennung nützlich: Die Handlungsanweisung gehört in den normalen Text; der Alt-Text ergänzt die Information, die sonst nur im Bild zugänglich wäre. Eine Fehlermeldung oder ein benötigter Dateiname sollte deshalb auch als kopierbarer Text vorliegen.

Wiederholt das Bild vollständig die Information im direkt benachbarten Text und erfüllt es keine weitere Funktion, kann ein leeres alt-Attribut passend sein. Es einfach wegzulassen ist eine andere Sache. Der Entscheidungsbaum der W3C unterscheidet solche Wiederholungen von informativen Bildern und von Bildern, die selbst als Link oder Schaltfläche dienen. Bei einem verlinkten Vorschaubild muss die Funktion beziehungsweise das Ziel verständlich bleiben.

Markierungen müssen zum Text passen

«Klicke auf das rot umrandete Feld» reicht als Orientierung nicht. Benenne das Feld und seine Aufgabe, etwa «Wähle Datei hinzufügen im Abgabebereich». Eine farbige Umrandung kann diese Anweisung unterstützen. Wenn mehrere Nummern im Bild stehen, ordne jeder Nummer im Text den Namen des zugehörigen Bedienelements zu. Dann tragen weder Farbe noch Position allein die Bedeutung.

Bei mehreren Einstellungen wird ein langer Alt-Text schnell unübersichtlich. Schreibe die benötigten Werte als kurze Liste neben das Bild und nutze dessen Beschreibung zur Einordnung. Eine Bildlegende kann zusätzlich erklären, weshalb genau dieser Ausschnitt gezeigt wird. Prüfe dabei, ob Lernende dieselbe Ansicht sehen: Kontorolle, Sprache oder eine geänderte Oberfläche können andere Beschriftungen ergeben.

Eine Vorlage, die sich überarbeiten lässt

Bewahre den beschreibenden Text und die bearbeitbare Bildquelle getrennt von der fertigen Abgabeversion auf. So lässt sich später ein geändertes Menü ersetzen, ohne die gesamte Anleitung neu aufzubauen. Die Anleitungen zu Bildschirmaufnahmen bei SnagitPro behandeln unter anderem Aufnahmen, das Entfernen persönlicher Angaben und visuelle Arbeitsanweisungen. Entscheidend für das Unterrichtsblatt bleibt, dass Bildausschnitt, Markierung und Text denselben Arbeitsschritt zeigen.

Vor dem Teilen folgt eine kurze Gegenprobe: Lies nur den Text und führe den beschriebenen Weg gedanklich bis zum Ergebnis durch. Öffne danach die fertige Seite oder das exportierte Dokument und prüfe, ob Bildbeschreibung und Lesereihenfolge dort erhalten sind. Dieser Durchgang ersetzt keinen vollständigen Barrierefreiheitstest. Er zeigt aber oft schon, wo die Anleitung noch auf ein Bild verweist, statt die nötige Handlung zu erklären.