Zum Hauptinhalt springen
Alle KollektionenEmpfohlene Vorgehensweise
Hinzufügen von Alternativtext zu Bildern: Best Practices
Hinzufügen von Alternativtext zu Bildern: Best Practices
Emily van der Harten avatar
Verfasst von Emily van der Harten
Vor über 3 Monaten aktualisiert

Dieser Artikel wurde maschinell aus dem Englischen übersetzt.

Assistierende Technologien wie Screenreader verwenden Alternativtext, um Bilder für blinde oder sehbehinderte Menschen zu beschreiben. Alternativtext wird auch anstelle von Bildern angezeigt, wenn diese aufgrund einer geringen Internetbandbreite nicht richtig geladen werden können und wenn jemand Bilder auf einer Website ausblendet, um die kognitive Belastung zu verringern.

Mit Webex Events können Sie auf unserer gesamten Plattform Alternativtexte zu Bildern hinzufügen, damit jeder gleichberechtigt an allen Event-Erlebnissen teilnehmen kann. In diesem Artikel erfahren Sie, wie Sie Alternativtexte zu Bildern hinzufügen, und erhalten Tipps und Ressourcen zum Schreiben effektiver Alternativtexte.

Warum Bildern Alternativtext hinzufügen?

Das Schreiben von effektivem Alternativtext ist eine lohnende Fähigkeit, die man sich aneignen sollte. Übung macht jedoch den Meister, und es zu versuchen ist weitaus besser, als gar nichts zu tun. Wir empfehlen dringend, jedem Bild Alternativtext hinzuzufügen oder Bilder gegebenenfalls als dekorativ zu kennzeichnen. Wenn Sie nichts tun, ist Ihr Inhalt für eine Vielzahl von Benutzern nicht zugänglich. Ebenso lesen Bildschirmleseprogramme stattdessen den Bilddateinamen, was zu einer frustrierenden und unangenehmen Benutzererfahrung führen kann.

Tipps für Alternativtext

Bevor wir lernen, wie man Alternativtext in der Webex Events Plattform hinzufügt, werden in diesem Abschnitt einige unterschiedliche Bildtypen hervorgehoben, Tipps zum Schreiben von Alternativtext gegeben und Ressourcen der Web Accessibility Initiative (WAI) bereitgestellt, damit Sie mehr erfahren.

Arten von Bildern

Es gibt verschiedene Arten von Bildern, die unterschiedliche Arten von Alternativtext erfordern. Im Folgenden sind gängige Bildtypen aufgeführt, die Sie zu verschiedenen Teilen der Plattform hinzufügen können:

  • Informative Bilder – Bilder mit Informationen, die zum Verständnis eines auf einer Seite vermittelten Konzepts beitragen. Wenn eine Person das Bild nicht sehen kann, entgehen ihr wichtige Informationen. Diese Bilder benötigen Alternativtext.

  • Dekorative Bilder – Bilder, die keine weiteren Informationen zu dem enthalten, was auf einer Seite dargestellt wird, wie etwa ein Hintergrundbild. Diese Bilder können als dekorativ gekennzeichnet werden.

  • Funktionale Bilder – Bilder, die auch auf andere Ziele verlinken. Diese Bilder benötigen Alternativtext, der den Zweck des Links angibt. Wenn Sie beispielsweise ein Bannerbild haben, das intern auf die Funktion „Sponsoren“ verweist, fügen Sie diese Information in Ihren Alternativtext ein, damit die Leute wissen, was sie erwartet.

  • Bilder mit Text – Bilder, die informativen Text enthalten. Die in einem solchen Bild übermittelte Botschaft muss ein Textäquivalent haben, das normalerweise im Alternativtext steht.

Tipps zum Schreiben von Alternativtext

  • Halten Sie Ihren Alternativtext kurz. Wir empfehlen nicht mehr als 1–2 Sätze. Die Webex Events Plattform begrenzt den Alternativtext auf 250 Zeichen.

  • Beschreiben Sie das Bild im Kontext seiner Umgebung. Fragen Sie sich: „Welche wesentlichen Informationen müssen die Leute über dieses Bild wissen?“ Ihr Ziel ist es, das Textäquivalent dessen bereitzustellen, was das Bild vermittelt.

  • Wenn Ihr Bild Text enthält, muss dieser Text auch im Textformat vorliegen, entweder im Alternativtextfeld oder in einer angrenzenden Beschreibung. Sie haben beispielsweise möglicherweise ein Bannerbild, das Informationen zu einer Sitzung enthält. Bildschirmleseprogramme können keinen Text lesen, der in ein Bild eingebettet ist. Alternativtext ist daher ein guter Ort, um ein Textäquivalent hinzuzufügen.

  • Beginnen Sie den Alternativtext nicht mit „Bild von“. Bildschirmleseprogramme kündigen Bilder häufig an, daher ist das Schreiben von „Bild von“ unnötig.

  • Wenn Sie ein Bild als dekorativ markieren, wird ein Bildschirmleseprogramm angewiesen, das Bild zu ignorieren und zu überspringen. Markieren Sie Bilder als dekorativ, wenn:

    • Das Bild fügt keine zusätzlichen Informationen oder Kontext hinzu.

    • Das Bild wird im angrenzenden Text beschrieben, und das Hinzufügen von Alternativtext wäre andernfalls doppelt. Beispielsweise benötigt ein Profilbild mit dem Namen „Serena Page“ im Text direkt darunter keinen Alternativtext mit der Aufschrift „Serena Pages Profilbild“ und kann als dekorativ gekennzeichnet werden.

Alternativtextressourcen

WAI verfügt über zahlreiche Ressourcen, die Ihnen beim Verfassen klarer und hilfreicher Alternativtexte helfen.

Wo kann ich in Webex Events Alternativtext hinzufügen?

Bei fast jedem Bild, das Sie auf die Webex Events Plattform hochladen, können Sie Alternativtext hinzufügen oder das Bild als dekorativ markieren. Eine Ausnahme bilden Profilbilder, die automatisch als dekorativ markiert werden. 😸

💡 Denken Sie daran, dass Sie einem Bild nur dann Alternativtext hinzufügen können, wenn Sie es direkt auf der Plattform manuell hochladen. Derzeit ist es nicht möglich, beim Importieren von Daten Alternativtext hinzuzufügen.

In der Event App können Teilnehmer den Bildern, die sie in der Pinnwand-Funktion posten, Alternativtext hinzufügen.

So fügen Sie Alternativtext in der Webex Events Plattform hinzu

  1. Klicken Sie beim Hochladen eines Bildes auf die Webex Events Plattform im Schritt „Vorschau“ auf die Schaltfläche „ Alternativen Text hinzufügen“ .

    Die Schaltfläche „Alternativen Text hinzufügen“ im Vorschaufenster.
  2. Geben Sie im Modalfenster „Alternativen Text hinzufügen“ eine kurze Beschreibung des Bildes in das Feld „Alternativer Text “ ein (maximal 250 Zeichen). Wenn das Bild dekorativ ist und keinen informativen Wert hat, aktivieren Sie einfach das Kontrollkästchen „Bild ist dekorativ“, ohne Alternativtext hinzuzufügen.

    1. Im folgenden Beispiel enthält das Bild den Text „Hauptrednerin Janet Watson. Vorsitzende für nachhaltige Energie für alle, UN Energy.“, deshalb haben wir genau diesen Text zum Alternativtextfeld hinzugefügt.

      Das gerade im Modal „Alternativen Text hinzufügen“ beschriebene Beispiel.
  3. Klicken Sie auf Speichern .

  4. Klicken Sie zum Abschluss auf „Hochladen“ .

💡 Beachten Sie, dass es nicht möglich ist, Alternativtexte in Bildern auf der Webex Events Plattform zu bearbeiten. Wenn Sie den Alternativtext ändern müssen, müssen Sie das Bild erneut hochladen und den aktualisierten Alternativtext während des Upload-Vorgangs wie gerade beschrieben hinzufügen.

So fügen Teilnehmer Alternativtexte zu Pinnwandbeiträgen hinzu

Teilnehmer, die im Rahmen eines Pinnwandbeitrags ein Bild hochladen, können vor dem Posten an der Pinnwand Alternativtext hinzufügen.

Benutzer von Web-Apps klicken im Schritt „Vorschau“ auf die Schaltfläche „ Alternativen Text hinzufügen“ , fügen Alternativtext hinzu oder markieren das Bild als dekorativ, klicken auf „Speichern“ und dann auf „Hochladen“ .

Das Modal zum Hinzufügen von Alternativtext in der Web-App. Der Alternativtext lautet:

Benutzer der mobilen App tippen einfach auf die Schaltfläche +Alt in der oberen rechten Ecke des Bildes, geben einen Alternativtext für das Bild ein, tippen auf „ Fertig“ und dann auf „Posten“ .

Der gerade beschriebene Vorgang.

Jetzt kennen Sie Alternativtext! Warum nicht mehr darüber erfahren, wie Sie mit Zusammenarbeitsformularen Zeit sparen können?

Fragen? Chatten Sie mit uns oder schreiben Sie eine E-Mail an support@socio.events

Hat dies deine Frage beantwortet?