3 ms·
Doesn't look like screen readers can read the text on these.
by Veuxdo 3y ago
Doesn't look like screen readers can read the text on these.
- Retr0id 3y agoI believe you can treat it as if it were an image by putting it an element with attributes role="img" aria-label="description of the diagram goes here" https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/img_role#using_roleimg_to_confer_meaning_that_is_obscured_or_implied https://developer.mozilla.org/en-US/docs/Web/Accessibility/A...
- Veuxdo 3y agoThe problem is, having to describe a diagram using text defeats the purpose of the diagram. Must better is to use diagrams that render as SVG, so screen readers can read them. [0] [0] https://accessibility.princeton.edu/how/design/images-text https://accessibility.princeton.edu/how/design/images-text
- Retr0id 3y agoA flowchart involving labeled boxes with arrows between them is going to be more accessible as an SVG than a PNG, sure, but you're still going to need to explain what the arrows are doing, otherwise a screenreader user will be quite lost.