Bessere Lösung

[Gunnar Bittersmann]

@@Matthias Apsel

Hallo Gunnar Bittersmann,

Die Links haben keinerlei accessible labels. Diese müssen noch ergänzt werden.

Wie müssen die denn aussehen?

Auf die Schnelle hab ich Léonie Watsons Tips for Creating Accessible SVG gefunden. Unter #6:

<a xlink:href="…">
  ⋮
  <text>accessible label</text>
</a>

Den Text visuell verstecken.

Accessibility Features of SVG, §5.3 verweist aufs xlink:title-Attribut.

Mit aria-label bzw. aria-labelledby sollte auch was zu machen sein.

LLAP 🖖