nhsuk / nhsuk-service-manual

Design and build digital services for the NHS. Use the service manual to build consistent, usable services that put people first.​ Learn from the research and experience of other NHS teams.
https://service-manual.nhs.uk
MIT License
65 stars 25 forks source link

Enhance select component keyboard guidance #1983

Closed anandamaryon1 closed 3 months ago

anandamaryon1 commented 5 months ago

Suggestion from a recent Accessibility Audit.

Add content to explain how a select should operate via keyboard and with a screenreader. 

Dig suggestion from discussion: "Some users may expand the select, some may use keyboard arrows in collapsed state. Sometimes select can erroneously submit if user presses an arrow key to change the value, it should not." (Look into this, particularly for filters).

anandamaryon1 commented 3 months ago

Done some investigation and I'm not sure we should add further guidance on exactly how a select should work via keyboard, since the behaviour is based on the device's operating system and the select is a native input – it works differently on different devices/OS.

A good overview: https://www.24a11y.com/2019/select-your-poison/