Warum alternativer (Alt-)Text wichtig ist
Alternativtext wird von Screenreadern gelesen, um sehbehinderten Benutzern den Zweck oder den Inhalt von Bildern zu vermitteln. Es hilft Suchmaschinen auch, Ihre Bilder zu verstehen und die Suchmaschinenoptimierung zu verbessern.
Wenn der Alt-Text genau wiedergibt, was in einem Bild gezeigt oder vermittelt wird, können sich alle Nutzer besser mit dem Inhalt Ihrer Website beschäftigen. Wir können drei Arten von Bildern unterscheiden:
1. Reguläre (informative) Bilder
Bei Bildern, die wichtige Informationen vermitteln, schreiben Sie einen prägnanten Satz, der das Hauptthema und den Kontext beschreibt.
Tipp: Konzentrieren Sie sich auf das, was im Bild wirklich wichtig ist. Sie brauchen nicht jedes Detail, sondern nur das, was für das Verständnis des Inhalts wichtig ist.
Alternativtext: Ein Mann präsentiert vor einer sitzenden Menschenmenge die Umsatzergebnisse des Vorquartals.
2. Hero-/Logo-Bilder
Wenn es sich bei dem Bild um ein Hero-Banner oder -Logo handelt, das einen für den Inhalt wichtigen Text enthält, z. B. den Namen einer Veranstaltung, einen Firmenslogan oder Markeninformationen, formulieren Sie den sichtbaren Text einfach aus.
Tipp: Fügen Sie nur den Text ein, den die Nutzer kennen müssen. Wiederholen Sie keinen Text, der bereits in der Nähe im Nur-Text-Format auf der Seite angezeigt wird.
Alt Text: Inovatex Accelecator powered by techpioneers
3. Dekorative Bilder
Bei rein dekorativen Bildern, die visuelles Flair verleihen, aber keine zusätzlichen Informationen liefern: Markieren Sie diese als "dekorativ". Dies teilt der assisstiven Technologie mit, dass das Bild sicher ignoriert werden kann.
Tipp: Wenn das Entfernen des Bildes das Verständnis eines Nutzers für die Seite nicht ändern würde, ist es dekorativ.
Wie setze ich das Alt-Text-Attribut oder deklariere das Bild als
dekorativ?
- Laden Sie die Datei hoch, wie Sie es immer tun
- Gehen Sie zum Dateimanager und suchen Sie nach dem Bild
- Gehen
Sie auf die Eigenschaftenseite des Bildes
- Verwenden
Sie entweder den dekorativen Schalter, um anzuzeigen, dass das Bild dekorativ
ist, sobald Sie dies getan haben, sind keine weiteren Maßnahmen erforderlich.
- Oder
verwenden Sie das alternative Textfeld, wenn Ihre Veranstaltung mehrsprachig
ist, sollten Sie für jede Sprache eine Übersetzung bereitstellen