Der häufigste Fehler bei Alternativtexten ist nicht, dass sie fehlen. Das kommt zwar vor, aber es ist der sichtbare Fehler, der schnell auffällt. Der hartnäckigere Fehler ist, dass der Alternativtext zwar vorhanden ist, aber nichts hinzufügt: der Dateiname des Fotos, das Wort "Bild", eine ausführliche Beschreibung einer dekorativen Bordüre oder überhaupt nichts bei einer Schaltfläche, die nur aus einem Symbol besteht. Für einen Bildschirmlesernutzer führt das zu Rauschen statt Informationen, und manchmal bedeutet es, dass eine Funktion auf der Seite unbrauchbar wird.
WCAG 2.1, die Norm, auf der EN 301 549 basiert, verlangt, dass nicht-textuelle Inhalte ein Textalternativ erhalten, das demselben Zweck dient. Das klingt einfach, aber in der Praxis wird diese Anforderung oft formal erfüllt, ohne dass der Text funktional ist. Es steht etwas im alt-Attribut, die Checkliste ist abgehakt, aber der Nutzer, der den Text vorlesen lässt, hat nichts davon.
Was genau schiefgeht
Ein paar Muster tauchen immer wieder auf. Der Dateiname als Alternativtext, wie "IMG_2044.jpg" oder "product-foto-3.png", weil ein Redaktionssystem das automatisch ausfüllt und niemand es korrigiert. Ein Alternativtext, der mit Suchbegriffen statt mit einer Beschreibung aufgefüllt ist, was für Suchmaschinen vielleicht beabsichtigt ist, aber für einen Bildschirmleser wie eine unsinnige Aufzählung klingt. Ein dekoratives Bild, wie ein Stimmungsfoto neben einer Überschrift, das trotzdem eine ausführliche Beschreibung erhält und dadurch die Vorlesereihenfolge unnötig verlangsamt. Und vielleicht am häufigsten: funktionale Symbole, wie ein Einkaufswagen, eine Lupe oder ein Kreuz zum Schließen, die als Schaltfläche funktionieren, aber keinen textlichen Namen haben. Ein Bildschirmleser liest dann nur "Schaltfläche" vor, ohne dass klar ist, was diese Schaltfläche tut.
Bei Produktabbildungen geht es oft in die andere Richtung: Der Alternativtext beschreibt das Foto statt des Produkts. "Frau in blauem Pullover am Strand" sagt nichts über das Kleidungsstück, das verkauft wird, während genau das die Information ist, die ein Nutzer sucht, wenn das Foto nicht sichtbar ist.
Warum eine automatisierte Prüfung dies nicht vollständig erfasst
Eine Prüfung kann mit Sicherheit feststellen, ob ein Bild ein alt-Attribut hat und ob es leer ist. Das ist hilfreich und erfasst die gröbsten Fehler. Was eine Prüfung nicht mit Sicherheit beurteilen kann, ist, ob der Inhalt dieses Textes korrekt ist: ob "Foto" wirklich beschreibt, was zu sehen ist, oder ob eine Symbolschaltfläche einen aussagekräftigen Namen erhalten hat, der der Funktion entspricht. Das erfordert Beurteilung durch einen Menschen, und genau deshalb ist in jedem Bericht aufgeführt, welcher Teil der Prüfung automatisiert ist und welcher nicht. Wenn Sie für Ihre eigene Website schnell sehen möchten, wo die offensichtlichen Fälle liegen, dann ist das in wenigen Minuten mit dem kostenlosen Quick-Scan zu sehen.
So vermeiden Sie es
Die praktischste Frage beim Schreiben eines Alternativtextes ist: Was würde ich laut sagen, um dieses Bild jemandem zu beschreiben, der es nicht sieht, im Kontext dieser Seite? Bei einem Produktfoto ist das das Kleidungsstück, die Farbe oder das Merkmal, das das Foto zeigt. Bei einer Schaltfläche ist das die Aktion, die die Schaltfläche ausführt, nicht das Symbol selbst. Bei einem rein dekorativen Bild, wie einem Hintergrundmuster, ist ein leerer Alternativtext (alt="") tatsächlich die richtige Wahl, damit ein Bildschirmleser das Bild überspringt, statt etwas vorzulesen, das nichts hinzufügt.
Es ist auch einer der Orte, an dem sich eine früher gute Situation verschlechtern kann, ohne dass es jemandem auffällt: Ein Redakteur fügt ein neues Produktfoto hinzu, das System trägt den Dateinamen automatisch ein, und der Text, der vorher vorhanden war, ist verschwunden. Das ist keine einmalige Aufgabe, sondern etwas, das bei jeder Änderung wieder auftritt – weshalb dieses Thema zu den weiter gefassten Anforderungen für nicht-textuelle Inhalte gehört, die in der Wissensdatenbank pro Situation ausgearbeitet sind.
Was dies bringt
Gute Alternativtexte sind keine Frage von mehr Text, sondern von richtigem Text an der richtigen Stelle: kurz und funktional bei Schaltflächen und Symbolen, aussagekräftig bei Produktfotos und abwesend, wenn ein Bild rein dekorativ ist. Dieses Unterscheidungsmerkmal zu treffen kostet wenig Zeit, sobald das Muster einmal klar ist, und spart später viel Nachforschung. Wie wir dieses Unterscheidungsmerkmal in einem Bericht zu konkreten, priorisierten Punkten zusammenfassen, ist beschrieben auf der Seite darüber, wie die Bewertung zustande kommt, und für die Fragen, die dabei am häufigsten vorkommen, gibt es einen Überblick mit Antworten.
Möchten Sie wissen, ob solche Fehler auch auf Ihrer eigenen Website vorkommen? Der kostenlose Quick-Scan bietet dazu einen ersten, unverbindlichen Überblick, ohne dass Sie ein Konto benötigen.