News for hackers. Stuff that matters.

A comment on CSS in GitHub Readmes. Parent comment

Re:CSS in GitHub Readmes by JxLS-cpgbe0 on Wednesday December 09, 2020 @10:40AM (#25359667)
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.

[ Parent | on HN ]
Re:CSS in GitHub Readmes by felixfbecker on Wednesday December 09, 2020 @04:03PM (#25364934)
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.
[ Parent | on HN ]
Re:CSS in GitHub Readmes by JxLS-cpgbe0 on Wednesday December 09, 2020 @04:39PM (#25365549)
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.
[ Parent | on HN ]