Hacker Newsnew | past | comments | ask | show | jobs | submitlogin

What about

1. Use of AIRA tags on the <img> like `aria-label`

2. `aria-labelled-by` pointing to a <desc> within the SVG?

3. Using the <title> element within the SVG

4. Adding role="group" to make the SVG traversable

5. role attributes on each <g>roup.

JAWS and NVDA will announce this.



How are you going to express a whole chart in an aria-label string? SVGs have an accessibility tree. An alt string is not enough.


I'd use <g>roups inside the SVG for grouping contexts with their own <title>s (or references to labels) and ARIA roles and attributes. I didn't suggest having a single string represent a chart.




Consider applying for YC's Winter 2026 batch! Applications are open till Nov 10

Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: