carbon-design-system/carbon-addons-cloud

CloudHeader search bar is in need of UX/A11y improvments

Aperta

#42 aperta il 20 apr 2018

Vedi su GitHubGuida contributor
 (1 commento) (1 reazione) (0 assegnatari)CSS (23 fork)auto 404
buggood first issuehelp wanted

Metriche repository

Star
 (14 stelle)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

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

Guida contributor

Direzione di ricerca
Controlla la gestione del focus del componente CloudHeader e assicurati che l'input di ricerca riceva il focus quando viene cliccata l'icona di ricerca. Correggi anche il contrasto del testo in modalità scura.
Tech stack
Nessuno
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Datata
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
Accessibility basicsCSS
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75