Accessibility

[WickyNilliams]

I have given little (read: zero) consideration for accessibility. I'm not sure on how best to approach it, or even where to start.

I suspect that the best approach would be to use input[type=range] for the sliders, however they are not suitable as they are difficult (or impossible) to style, and there is no standards-compliant way to have vertical sliders.

I should probably switch to using <button> for the drag handle on Slider and Map components. There are lots of ARIA attributes to help build these type of controls:

• https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_slider_role
• https://www.paciellogroup.com/blog/2008/05/aria-slider-part-1/
• https://www.paciellogroup.com/blog/2008/06/aria-slider-part-2/
• https://www.paciellogroup.com/blog/2008/06/aria-slider-part-3/

Maybe try to enlist help of some people with experience building for accessibility