Elementor Social Icons – Tooltips ohne zusätzlichen Code

Zweck:
Bei den Social Icons einen sichtbaren Tooltip anzeigen, der das Linkziel beschreibt, z. B. „Facebook“, „Newsletter“ oder „E-Mail“.

Im jeweiligen Social Icon unter Link → Individuelle Attribute können aria-label und title kombiniert werden:

aria-label|Zur Facebook-Seite, title|Facebook

Weitere Beispiele:

aria-label|Newsletter abonnieren, title|Newsletter
aria-label|E-Mail an uns senden, title|E-Mail

Ergebnis:

  • aria-label liefert die aussagekräftige Bezeichnung für Screenreader.
  • title erzeugt beim Mouseover den normalen Browser-Tooltip.
  • Kein zusätzliches CSS, JavaScript oder Plugin nötig.

Wichtig: Mehrere individuelle Attribute werden in diesem Elementor-Feld mit Komma getrennt.