github

stringyland / custom-select

  • пятница, 6 декабря 2019 г. в 00:29:01
https://github.com/stringyland/custom-select

JavaScript
My version of a custom select input, with filtering



custom-select

My version of a custom select input, with filtering

The process

https://24ways.org/2019/making-a-better-custom-select-element/

To Do

  • Move status update to start on first focus, not on page load
  • Add the high-contrast focus indicator back (not sure when that got removed?)
  • Add aria-selected attributes to makeChoice, remove on clearValue
  • check arrow navigation works in all screen readers ** problems in JAWS/Chrome during filtered state ** Talkback/Chrome/Android not working well ** NVDA/Firefox seems ok, continue testing

Questions

  • What would the impact be of removing aria-controls attribute? It causes older JAWS to give additional instructions which are inaccurate.
  • Or should there be instructions at all? Excess instructions are usually annoying. On the other hand it's a custom widget, so people might not have encountered an input like it before.