Direkt zum Hauptinhalt

Bilder für Screenreader lesbar machen

Das hier beschriebene Vorgehen bezieht sich ausschließlich auf die Alternativtexte von Grafiken in Gutenberg Blöcken. Für die Anpassungen an fixen Grafiken im WordPress Theme ist ein Eingriff in den Code desselbigen notwendig. Die propeller GmbH kann diese Änderungen gerne für Sie vornehmen, sprechen Sie uns einfach darauf an.


Für alle Blöcke im "Gutenberg" Blockeditor, welche Bilder verarbeiten, kann der Alternativtext (alt-Attribut) im WordPress-Backend einfach gesetzt werden. Diese Elemente orientieren sich automatisch an dem Global für das Medium hinterlegten alt-Text, welcher über den Dateimanager gesetzt werden kann.

Rufen Sie hierzu den Punkt "Medien" in der linken Seitenleiste auf, und navigieren Sie zur gewünschten Grafik.

image.png


Sobald Sie die Grafik anklicken, öffnet sich der Eigenschaftsdialog der Mediendatei, in welchem Sie den Alternativtext festlegen können:

image.png

Dieser Text wird nun von allen unterstützten Gutenberg-Blöcken verwendet, um das Bild z.B. für Screenreader lesbar zu machen.


Überschreiben des globalen Alternativtextes

Innerhalb der Blockeinstellungen eines Medienblock im Gutenbergeditor, kann der global hinterlegte Alternativtext optional auch überschrieben werden:

image.png

Eventuell ist eine Anpassung an Ihrem WordPress Theme notwendig, damit der Alternativtext bei allen nötigen Elementen korrekt ausgegeben wird. Kontaktieren Sie hierzu einen Mitarbeiter der propeller GmbH um eine entsprechende Überprüfung anzustoßen.