4 ms·
This looks great!! I love the simplicity of the bar charts. I'm just wondering how the line chart is actually more accessible than an inline SVG of the same c
by jannes 6y ago
This looks great!!
I love the simplicity of the bar charts.
I'm just wondering how the line chart is actually more accessible than an inline SVG of the same chart. You go through a lot of trouble creating lots of <div> tags, but you could also just emit an SVG with ARIA annotations (or alternatively some hidden HTML that is read by accessibility tools).
- dubcanada 6y agoI've never tried to read a SVG with a screen reader, do they attempt to read SVG's? I would assume it would just treat it as an image.
- reaperducer 6y agoScreen readers read SVG's. https://developer.paciellogroup.com/blog/2013/12/using-aria-enhance-svg-accessibility/ https://developer.paciellogroup.com/blog/2013/12/using-aria-...
- andy99 6y agoGood point about the line chart. There are a few other ways I considered as well: using a clip-path to make an area chart, or using borders of rotated divs for each segment. I had not seen it done with background gradients the way I did it, and honestly I wanted to try it that way and got caught up in it. I may revisit the other methods and see if I can make something simpler.
- SnowingXIV 6y agoAgreed. This is nice work. Recently dropped in Chart.js for an internal rails application to throw up some charts for users to get a better view of their data on their dashboard and they were blown away. A few simple bar charts and graphs can do wonders.