elastic / elastic-charts

https://elastic.github.io/elastic-charts/storybook
Other
369 stars 118 forks source link

Accessibility #300

Open markov00 opened 5 years ago

markov00 commented 5 years ago

📦 Meta issue for Accessibility project

Is your feature request related to a problem? Please describe. Charts should be made accessible from users with disabilities.

Describe the solution you'd like The chart should provide:

Describe alternatives you've considered Here are some reference links to accomplish that:

Alternative text:

Chart accessibility

Canvas accessibility

Additional context

Kibana Cross Issues

Checklist

Phasing

markov00 commented 5 years ago

from @myasonik

Demo of a simple accessible canvas: https://codepen.io/myasonik/pen/mdbwxNY

Tabbable canvas example: https://www.html5accessibility.com/tests/canvas.html

myasonik commented 5 years ago

Just to elaborate a bit further:

Making a truly accessible canvas is... difficult. And currently a lot of the tools to do so seem to be experimental (namely, hit regions ). So, my "accessible" demo above provides a SR alternative to the canvas that can by dynamically generated.

It's not a complete solution for all cases but it's a good place to start from.

markov00 commented 4 years ago

Tableau narrative: https://www.tableau.com/about/blog/2016/8/bringing-power-natural-language-tableau-58325 https://narrativescience.com/products/quill/extensions/tableau/

markov00 commented 3 years ago

Added dataviz A11y group resources

markov00 commented 3 years ago

Added few Sarah Fossheim's articles and one from Amy Cesal about writing alt text for datavis

alexstine commented 3 years ago

Hello everyone,

My employer uses Kibana to monitor servers and I find it very hard to use. None of the charts read, OCR can't make any sense out of them, and by the time I navigate to a table I need, the system outage could be over. I mean, it really is a lose lose situation.

Are there any plans to continue pushing this one forward? Being totally blind in the SysOps space is probably a rarity in itself, but it would be awesome if I could use the same tool as my team, have access to the same info, and not be out of luck or 15min late to the party every time. Kibana is especially nice for viewing stats across multiple servers/containers and resources. Stuff that would take forever to do server by server.

My background is also in accessibility testing and development. Please do let me know if there's anyway I can help.

Thanks.

nickofthyme commented 3 years ago

Hey @alexstine, thanks for your comment!

First of all, our accessibility efforts in charts is just beginning and @rshen91 has been chipping away at the backlog. You can monitor the progress via this project https://github.com/elastic/elastic-charts/projects/12.

Also if we are missing anything in our backlog that you think is a must or a better way to implement accessibility please don't hesitate to comment or open new issues, your input is very much welcome! 🤗

alexstine commented 3 years ago

Hello @nickofthyme

I think that is a good list. My suggestion is, focus on the keyboard navigation issues and screen reader issues right now. At this point, using charts is still not possible and colors can always be improved later as it is more of a quick task. The structural work for screen readers will be the biggest under taking. It is also hard for me to tell from that linked view what is currently being worked on. :(

Thanks.

nickofthyme commented 3 years ago

That's great advise that I will pass along.

It is also hard for me to tell from that linked view what is currently being worked on

I know sorry 😞. We are thinking to change our planning in the future to something that is easier to understand from an outsider's perspective what are our top priorities across all projects. Hopefully this will be better in the near future.