polymer-experiments icon indicating copy to clipboard operation
polymer-experiments copied to clipboard

Accessibility Please

Open bkardell opened this issue 10 years ago • 1 comments

Keyboard and screen reader support is lacking I guess - I didn't try or look, but Marcy says so, so I believe it :)

https://twitter.com/marcysutton/status/537310830128160768

bkardell avatar Nov 25 '14 21:11 bkardell

  1. The keyboard experience isn't equal. On the native element, the select menu opens when you tab onto it and use the arrow keys. On the Polymer version, arrow keys simply change the value but don't "open" the menu.

  2. There are no semantics on the custom select--it needs ARIA roles and states to communicate what the thing does to assistive technologies. See this multiselectable example from James Craig: http://cookiecrook.com/test/aria/multiselect/listbox.html And the listbox documentation on MDN: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_listbox_role

marcysutton avatar Nov 25 '14 21:11 marcysutton