Alt-Texte für Bilder hinzufügen

WordPress Mediathek

WordPress macht es denkbar einfach, Alt-Texte (Alternativtexte) zu jedem Bild hinzuzufügen, um damit nicht nur die Barrierefreiheit zu verbessern, sondern auch für Suchmaschinen eine geeignete Form der Bildbeschreibung anzubieten und damit gezielt Suchmaschinenoptimierung zu betreiben.

Prinzipiell ist die erste Anlaufstelle hierfür die Mediathek. In den Einstellungen des Bildes findet sich ein Texteingabefeld für den Alternativtext.

Zusätzlich kann hier auch der Titel, die Beschriftung und die Beschreibung angegeben werden. Für die Barrierefreiheit ist in erster Linie aber der Alt-Text wichtig, wie wir in den Grundlagen der barrierefreien Einbindung von Bildern bereits erläutert haben.

Gutenberg Editor

Eine weitere Stelle für den Alt-Text ist der Gutenberg Editor. Der Block Editor ist nun bereits seit WordPress 5 vollständig integriert und wird immer weiter verbessert und ausgebaut.

Nach dem Hinzufügen eines Bild-Blocks findet sich in den Block-Einstellungen ebenfalls ein Textfeld für die Bereitstellung eines Alternativtextes.

Alternativtexte der Bilder überprüfen

Es empfiehlt sich immer, den Alternativtext im Quellcode der Website zu überprüfen. Dazu lassen sich einfach die Entwicklertools des Browsers benutzten, mit denen sich der Quellcode untersuchen lässt. Jedes Bild-Element (img) sollte über ein entsprechendes alt-Attribut verfügen, wie in folgenden Screenshot ersichtlich:

Bilder ohne Alt-Text in WordPress finden

Für das Auffinden von Bildern ohne Alt-Text kann ebenfalls die Mediathek benutzt werden. Dafür wechselst du in die Rasteransicht der Mediathek und klickst am besten das erste oder das letzte Bild an. Über die Pfeil-Navigation am oberen Rand des Fensters kannst du nun durch die hochgeladenen Bilder navigieren und dort jeweils den Alternativtext prüfen.

Wer sehr viele Bilder in der WordPress Mediathek vorhält, kann auch auf ein Plugin zurückgreifen, beispielsweise Image Alt Text. Das Plugin durchsucht automatisch die Mediathek listet alle Bilder ohne Alt-Text in einer übersichtlichen Tabelle auf. Von dort können fehlende Alternativtexte direkt eingetragen und gespeichert werden. Auch für einen Überblick über bestehende Alt-Texte eignet sich das Plugin sehr gut.