@@beatovich
Warum verwendest du div und nicht SVG?
Warum SVG
Weil SVG das für Diagramme sinnvolle Format ist.
Und wenn man schon eine Grafik mit divs baut, sollte man das kennzeichnen: <div role="img">
wenn die Hauptsache der Information eine Liste ist, die zusätzlich noch grafisch aufgepeppt ist?
Was für eine Liste? „Zusätzlich“? Zusätzlich zu? Wo sind die Daten?
In SVG kann man die Daten barrierefrei unterbringen. Beispiel, für den generierten SVG-Quelltext auf 🔽 clicken, View Compiled HTML wählen.
Oder wenn schon div, dann die Daten als Elementinhalte: <div class="bars" style="height:42%; width:50%;">42%</div>
und visuell verstecken. (Dann aber nicht role="img"` setzen.)
LLAP 🖖
--
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory