Accessible SVG flowcharts
I've used ARIA table semantics to make SVG line graphs accessible to screen readers, and I'm now using the same approach to make an SVG flowchart accessible too.
I've used ARIA table semantics to make SVG line graphs accessible to screen readers, and I'm now using the same approach to make an SVG flowchart accessible too.
SVG is often used for data visualisation, but it lacks the semantics to express structures like bar charts and line graphs, making content difficult for screen reader users to interpret. The solution is to use accessible SVG table techniques as your starting point.
SVG has no native table semantics, but ARIA1.1 introduces roles that can polyfill the necessary information, making SVG tables more accessible for screen reader users.