Zum Inhalt wechseln

Elementor: Alternativtexte für Logo

  • Barrierefreiheit, Elementor
  • 05. Mai 2025
< Zurück zur Übersicht
Logo in der Menüzeile

Problem

Im Menü ist das Logo über das Element „Logo“ eingebaut, welches automatisch auf die Startseite verlinkt. Dadurch gibt es keine Möglichkeit, einen link title zu setzen, der erklärt, wo der Link hinführt.

Lösung

Häufig wird von Screenreadern der Alt-Text statt dem link title genutzt. Es kann beides gesetzt werden, der title wird häufig ignoriert. Es wird empfohlen, als Alt-Text „Zur Startseite von KUNDE“ zu nutzen, statt nur „KUNDE“ oder „KUNDE Logo“. Der Alt-Text soll die Bedeutung des Bildes beschreiben, was in diesem Fall die Navigation zur Startseite ist.

Vorsicht: Falls das Logo an anderer Stelle ohne eine Verlinkung eingebaut wird, bspw. im Footer, passt dieser Alt-Text nicht mehr. In WordPress kann nur seitenweit der Alt-Text gesetzt werden, nicht nach Anwendungsfall. Wenn das Logo also für mehr als nur Verlinkungen zur Startseite genutzt wird, sollte ggf. das Logo erneut hochgeladen werden, einmal je Anwendungsfall. Das ist aber ein bisschen gepfuscht, weil das erschwert, in Zukunft das Logo auf der ganzen Seite auszutauschen, und Potenzial bietet, die falsche Variante an der falschen Stelle zu nutzen.

Ein besserer Workaround wäre, den Standard Alt-Text auf „KUNDE“ zu setzen und dann ausschließlich da wo verlinkt wird, den Alt-Text und link title per Javascript zu ändern.

[JS CODE NACHTRAGEN, SOBALD ICH DAS IRGENDWO GEMACHT HABE]

ZurückVorigerElementor: Fehlender Skip-Link
NächsterElement für Tastaturnavigation & Screenreader ausblendenNächster

Kunden

© syscom360° GmbH 2024 – 2025 | Ein Unternehmen der crew4 Unternehmensgruppe