3 ms·
There is no HTML, it is literally text like: {1,2,4,6} I'm not versed on screen readers, would wrapping that text in an HTML element (like a span) with a title
by thinkloop 9y ago
There is no HTML, it is literally text like: {1,2,4,6}
I'm not versed on screen readers, would wrapping that text in an HTML element (like a span) with a title attribute that read: stock price for last 5 years - solve accessibility issues? How do screen readers generally handle charts?
- Y7ZCQtNo39 9y agoUsually a chart would be an SVG that contained a <title> and <desc> tags. Or an <img> tag with an alt attribute. I haven't tried it, but perhaps aria-label would do the trick. My point is, people create these fairly novel approaches all the time, but never think about the structure of the markup, and if the semantic meaning is at least usable for screen readers. Turning on screen reading functionality in Chrome, the first example in the article read as follows: "1 2 3 left brace 10,20,30,40,50,60,70,80,90,100 right brace 7 8 9" The semantic meaning is lost.
- ajanuary 9y agoA quick check with ChromeVox confirms that, at least for that screenreader, aria-label works fine. e.g. <span aria-label="sparkline showing a linear upward trend">{10,20,30,40,50,60,70,80,90,100}</span>
- musage 9y agoCome to think of it, generating decent verbal description of graphs automatically would be a worthy (and probably hard) challenge.