Note the documentation of screen reader announcements is based on using the versions of the screen reader and browser combos, as indicated on each test page. Be sure to check the last updated date of each test page. Documentation is noted as "updated" when new testing or techniques have changed. Editorial updates may not constitute a change in the posted updated date.
Things may change as browsers and screen readers are updated, so please refer to these as a snapshot in time rather than being definitive results.
If you find that announcements and/or support has changed, please file an issue!
progress
and meter
elements are considered form elements, but they are not focusable form controls.
Unfortunately, neither of these elements are consistently accessible to screen readers. Styling each can actually make them even more inaccessible...
1. [Progress Bar](src/progress-bar)
2. [Meter](src/meter)
### Search Component
A search component offers users an easily discoverable way to find information in a website or application.
1. [Search Component](src/search)
## Contribute?
There are still patterns to make and test, as well as retesting of current patterns to ensure nothing gets stale. [File or check out available issues](https://github.com/scottaohara/a11y_styled_form_controls/issues) for some of the stuff that needs working on :)
## License, Thanks, and such
Everything here is under an [MIT license](https://github.com/scottaohara/accessible-components/blob/master/LICENSE.md).
While I was unaware of [WTFForms](http://wtfforms.com/) when starting this project, it is still a great example of what can be done with only CSS, and served as an excellent baseline to compare against. Thank you mdo and to those involved with that project.
Additional thanks to [Eric Bailey](https://github.com/ericwbailey), [Josh Drumm](https://twitter.com/wwnjp), [James Curd](https://github.com/aminimalanimal), [Adrian Roselli](http://adrianroselli.com/), [Sara Soueidan](https://www.sarasoueidan.com/), [Heydon Pickering](https://inclusive-components.design/), [Richard Keizer](https://codepen.io/rakeizer), [Chris O'Brien](https://github.com/a11ycob) and [Alexander Farkas](https://github.com/aFarkas). They have each provided inspiration and/or excellent resources that have been quite helpful in the building of these components.