Gunnar Bittersmann: Zwei Grafiken klickbar machen

Beitrag lesen

@@Achot

eine Frage, wie würdet ihr diese Grafik klickbar machen? Diese Grafik teilen und als <img> einbinden, oder einem Link eine Hintergrund-Grafik verpassen, sollte dieses erlaubt sein?

Weder noch. Sondern:


<svg hidden>
  <defs>
    <symbol id="kacheln"></symbol>
    <symbol id="liste"></symbol>
  </defs>
</svg>

<a href="">
  <svg role="img">
    <title>Kachelansicht</title>
    <use xlink:href="#kacheln"/>
  </svg>
</a>

<a href="">
  <svg role="img">
    <title>Listenansicht</title>
    <use xlink:href="#liste"/>
  </svg>
</a>

Alternativ-Text

Bist du sicher, dass das Links sind? Sieht mir eher nach Buttons aus.

LLAP 🖖

--
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory