Making component accessible

[pietrop]

Is your feature request related to a problem? Please describe. Web Accessibility

Describe the solution you'd like It be great if the component was accessible, for users with accessibility needs.

Describe alternatives you've considered ~Not making it accessible~

Additional context

Background info

• W3 wai-aria-1.1
• Vox Accessibility Guidelines a11y
• @storybook/addon-a11y - on github
• DrafJs - DOM and Accessibility

Identify what is needed to

• [ ] make it keyboard navigable
• [ ] accessibility hierarchy of elements to move in and out of the text area (eg using h1 for title? to move to top level player controls? or a hidden anchor link)
• [ ] test with Mac OSX default screen reader
• [ ] DraftJs accessibility)
• [ ] figure out if the accessibility interaction to edit text, play media etc.. effects the current UX and whether we need to revisit that with those constraints

[Laurian]

look also at the player accessibility https://ableplayer.github.io/ableplayer/