Formulare einer Tabelle mit verschiedenen Funktionen organisieren

[Gunnar Bittersmann]

@@borisbaer

Welche von diesen drei Möglichkeiten ist denn nun eigentlich die geeignetste?

aria-label kannst du nur bei bestimmten Elementen anwenden: bei interaktiven wie a, button. Und dann ist da die Unschönheit, dass Attributwerte von automatischen Übersetzern evtl. nicht übersetzt werden.

Das SVG-Element title erzeugt ebenso wie das HTML-Attribut title ein Tooltip, was u.U. unerwünscht ist.

Am besten fährst du vermutlich, das SVG auf aria-hidden="true" zu setzen und den Alternativtext in einem visuell versteckten span anzugeben.

☞ Codepen

🖖 Живіть довго і процвітайте