Warum ist alternativer (Alt-)Text wichtig?

    Warum ist alternativer (Alt-)Text wichtig?

    Alternativtext wird von Screenreadern vorgelesen, damit blinde und Nutzer mit Sehbehinderung verstehen, was auf Bildern zu sehen ist oder was sie aussagen. Außerdem helfen gute Alternativtexte Suchmaschinen, Ihre Bilder besser einzuordnen, was Ihre Sichtbarkeit verbessert.

    Wenn der Alternativtext genau beschreibt, was auf einem Bild dargestellt wird, können alle Besucher Ihre Website besser nachvollziehen. Wir unterscheiden dabei drei Arten von Bildern:


    1. Normale (informative) Bilder:


    Wenn ein Bild wichtige Informationen zeigt, schreiben Sie einen kurzen Satz, der das Hauptthema und den Zusammenhang beschreibt.


    Tipp: Beschreiben Sie nur das Wesentliche im Bild. Sie müssen nicht jedes Detail nennen, sondern nur das, was für das Verständnis wichtig ist.

    Alternativtext: Ein Mann präsentiert vor einer sitzenden Menschenmenge die Umsatzergebnisse des Vorquartals.

    2. Hero-/Logo Bilder

    Wenn das Bild ein Hero-Banner oder Logo ist, das wichtigen Text enthält, wie zum Beispiel den Namen einer Veranstaltung, einen Firmenslogan oder Markeninformationen, geben Sie den sichtbaren Text einfach eins zu eins im Alternativtext wieder.

    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

    Wie setze ich das Alt-Text-Attribut oder deklariere das Bild als dekorativ?

    Für Bilder, die als Logo oder Banner verwendet werden sollen, gehen Sie wie folgt vor:

    1. Laden Sie die Datei wie gewohnt hoch
    2. Öffnen Sie den Dateimanager und suchen Sie das Bild
    3. Rufen Sie die Eigenschaftenseite des Bildes auf



      a) Verwenden Sie den Schalter „Dekorativ“, um das Bild als rein dekorativ zu kennzeichnen. Sobald dies eingestellt ist, sind keine weiteren Schritte nötig
        b) Verwenden Sie das Feld für Alternativtext. Bei mehrsprachigen Veranstaltungen geben Sie bitte für jede Sprache eine Übersetzung an 

         
    So fügen Sie Bilder mit Beschreibung ein:
    1. Bild wie gewohnt einfügen
    2. Auf das Bild klicken, bis ein blauer Rahmen erscheint und das „Alt“-Feld sichtbar wird (zweiter Button von links unter dem Bild)



    3. Ist das Bild dekorativ, muss das Alt-Feld leer bleiben
    4. Zum Löschen klicken Sie auf das Alt-Feld. Danach bleibt das Feld leer:

         


    5. Sollte das Bild nicht dekorativ sein, tragen Sie bitte einen Text ins Alt-Feld ein.
    Veröffentlicht