search

appbaseio / reactivesearch

Search UI components for React and Vue
https://opensource.appbase.io/reactivesearch
Apache License 2.0
4.9k stars 466 forks source link

Improve a11y #179

Open divyanshu013 opened 6 years ago

divyanshu013 commented 6 years ago

Issue Type:

Enhancement

Description:

We should improve a11y across all components. This includes components like buttons, dropdowns and search inputs. We should add a subtle indication of focus/active actions such as adding a slight box-shadow based on the theme color. We can also refer to other UI libraries such as bootstrap or react-semantic-ui for inspiration.

Screenshots:

image

image

Minimal reproduction of the problem with instructions:

Reactivesearch version: x.y.z

Browser: [all | Chrome XX | Firefox XX | Edge XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

Anything else:

gauthierm commented 4 years ago

Adding type="search" to the DataSearch component's input would improve accessibility for mobile devices and screen readers.