- From: Léonie Watson <notifications@github.com>
- Date: Mon, 21 Nov 2022 05:42:03 -0800
- To: whatwg/storage <storage@noreply.github.com>
- Cc: Subscribed <subscribed@noreply.github.com>
Received on Monday, 21 November 2022 13:42:15 UTC
It is possible to make SVG screen reader accessible using ARIA but only to a limited degree. Essentially if the diagram can be represented as a table or lists it's achievable. It does mean having to write the SVG from scratch though, so it has the structure to support the necessary ARIA roles. More information: * [Accessible SVG line graphs](https://tink.uk/accessible-svg-line-graphs/) (uses ARIA to represent the data as a table) * [Accessible SVG flowcharts](https://tink.uk/accessible-svg-flowcharts/) uses ARIA to represent the data as nested lists For this diagram though, my suggestion is to treat the SVG like a standard image with a text description. Either pull the .svg file into an `<img>` element, or if you embed the `<svg>` element directly, then: ``` <svg role="img aria-label="Text description here">...</svg> ``` -- Reply to this email directly or view it on GitHub: https://github.com/whatwg/storage/issues/151#issuecomment-1322083938 You are receiving this because you are subscribed to this thread. Message ID: <whatwg/storage/issues/151/1322083938@github.com>
Received on Monday, 21 November 2022 13:42:15 UTC