carbon-design-system
CloudHeader search bar is in need of UX/A11y improvments
Detailed description
When tabbing through the CloudHeader component and clicking on the search icon, focus should either be placed into the search input or it should be next in the tabbing order. Currently you have to shift + tab to focus into search container.
Additionally the text is the search bar is black and can not be seen in the dark input and the x/clear icon is not tab-able .
Is this issue related to a specific component?
- Related to the CloudHeader component
What did you expect to happen? What happened instead? What would you like to see changed?
- I would expect the search to receive focus or be next in tabbing order.
- It doesn't and is not.
- Have it do that
What browser are you working in?
- Google Chrome
What version of the Carbon Design System are you using?
- Latest. This behavior can be seen in the storybook demo
carbon-design-system/carbon-components/issues/730 specifically for the clear button not being reachable through keyboard navigation