SVG

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.

Accessible SVG line graphs

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.

Accessible SVG tables

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.

Categories

Tags

All tags

Find me on