WordPress: Alternativtexte in Mediathek und Bildblock richtig pflegen

Alternativtext vermittelt die Bedeutung eines Bildes, wenn es nicht gesehen werden kann. Entscheidend ist der Zusammenhang im Beitrag. Diese Anleitung gilt für WordPress mit Blockeditor; Bezeichnungen können je nach Version variieren.

Schritt für Schritt

1. Öffne den betreffenden Beitrag und lies den Text rund um das Bild. Notiere, welche zusätzliche Information das Bild liefert. Sichere den bisherigen Alternativtext, damit die Änderung rückgängig gemacht werden kann.
2. Öffne Medien → Mediathek, wähle das Bild und trage im Feld Alternativtext eine knappe, sachliche Beschreibung ein. Das ist ein Standard für neue Einfügungen, keine zuverlässige nachträgliche Korrektur aller bisherigen Verwendungen.
3. Wähle im Beitrag den Bildblock. Prüfe dessen eigenen Alternativtext in den Blockeinstellungen und passe ihn an diesen Einsatz an. Speichere beziehungsweise aktualisiere den Beitrag.
4. Beispiel: Ein Screenshot erklärt einen Schalter. Beschreibe die relevante Information, etwa ‚Benachrichtigungen für example.org sind blockiert‘, statt ‚Screenshot‘ oder einer Liste von Suchbegriffen.
5. Ein rein dekoratives Bild ohne zusätzliche Information erhält einen leeren Alternativtext. Bei einem verlinkten Bild ohne anderen verständlichen Linktext muss dagegen das Ziel oder die Funktion erkennbar sein. Übertrage wichtige Diagrammdaten zusätzlich in normalen Text oder eine Tabelle.

Ergebnis prüfen

Öffne die öffentliche Seite. Prüfe am tatsächlichen Bild im Browser-Inspektor das alt-Attribut und lies den Abschnitt möglichst mit einem Screenreader. Ein Dateiname, Bildtitel oder sichtbarer Untertitel ersetzt den Alternativtext nicht. Kontrolliere auch weitere Stellen, an denen dasselbe Bild verwendet wird.

Rückgängig machen und Grenzen

Stelle bei einer unpassenden Änderung den zuvor notierten Text im betroffenen Bildblock wieder her. Lösche oder ersetze dafür nicht die Bilddatei. Bei anderen Editor- oder Galerieblöcken kann die Speicherung anders funktionieren; entscheidend ist der ausgegebene HTML-Code.

Quelle

• WordPress: Image block
• W3C: Images tutorial