Herzlich willkommen zum Tipp der Woche.

Diese Woche geht es um Alternativtexte und wie man diese richtig für seine Bilder vergibt.

Erstmal um ein Bild einzufügen, befinde ich mich auf einer Inhaltsseite und kann dann

zum Beispiel im Textmodus, das funktioniert genauso auch im visuellen Modus, also es ist

egal in welchem Modus ich mich befinde, dann kann ich entsprechend in eine neue Zeile zum

Beispiel wechseln und auf Dateien hinzufügen klicken.

Wenn ich jetzt draufklicke, dann kann ich ein Bild auswählen oder natürlich ein Bild

hochladen und dann sehe ich hier rechts die sogenannten Anhang Details.

Und diese Anhang Details geben mir jetzt die Möglichkeit, hier ein Alternativtext, eine

Beschriftung und auch eine Beschreibung zu vergeben.

Die Frage ist allerdings, welche Parameter davon machen eigentlich Sinn für mein Bild

oder für die Inhaltsseite und wie vergeb ich den Alternativtext, dass er Sinn macht.

In meinem Beispiel habe ich den Alternativtext vergeben, Licht scheint aus einem Fenster

in eine Kathedrale herab, in den Innenraum einer Kathedrale herab und danach einen Punkt.

Weshalb ist dieser Alternativtext wichtig?

Zum einen haben manche Nutzer ein langsames Netz oder ein langsameres Internet, manchmal

braucht das Bild sehr lange zum Laden und in einigen Brosern wird an dieser Stelle dann

der Alternativtext entsprechend dargestellt.

Auch wenn es mal einen Fehler mit der Bilddatei gibt, wird der Alternativtext, der hier hinterlegt

wurde, dann dargestellt statt dem Bild.

Viel wichtiger sind die Nutzer, die ein Screen wieder benutzen und auf den Alternativtext

angewiesen sind.

Immer wenn ein Bild einen Mehrwert für den Inhalt liefert, dann ist es auch wichtig,

hier einen passenden Alternativtext zu vergeben.

Mein Tipp, beschreiben Sie das Bild so, wie wenn Sie diese Seite nur kurz überfliegen

würden.

Sie würden jetzt Ihrer Freundin am Telefon auch nicht erzählen, was alles auf dieser

Wand der Kathedrale steht, sondern Sie würden es knapp halten, kurz halten, denn nicht

jeder Nutzer möchte unbedingt ins Detail gehen von diesen Bildern.

Außerdem schneiden manche Screenreader den Text ab einer bestimmten Länge ab, deshalb

halten Sie es wirklich kurz, prägnant.

Wie viele Informationen sollte man jetzt dem Alternativtext hinzufügen?

Sie sollten schauen, dass Sie ein gewisses Mittelmaß finden von sehr vielen Details

und zu wenig Details.

Halten Sie es knapp, kurz und prägnant, damit der Nutzer dann auch schnell zum nächsten

Inhalt weiterkommt.

Wichtig ist auch, dass wenn Sie Text auf Bildern verwenden, dass Sie diesen Text danach im

Inhalt wiedergeben.

Das heißt, wenn es ein dekoratives Element mit Text gibt oder eine Infografik mit Text,

dann sollten Sie diese im Text im Inhalt darunter natürlich nochmal beschreiben und den Text

wiederholen.

Jetzt hat man also ein Alternativtext vergeben.

Ich habe in diesem Beispiel ein Alternativtext Beschriftung und Beschreibung vergeben.

Wie klingt das jetzt an einem Screenreader?

Du bist zurzeit auf einem Haupt in einem Web-Inhalt.

Überschrift Ebene 1 Alternativtext-Testseite

Du bist jetzt auf Überschrift-Überschrift Ebene 2 Kafka

Du bist jetzt auf Ü-

Jemand musste Josef K verleumdet haben, denn ohne dass er etwas Böses getan hätte, wurde

er eines Morgens verhaftet.