This is a class about “widgets.” There is another class that will cover different widgets in the same amount of detail.
This class covers requirements and possible pitfalls when developing the accessible user experience of following widgets:
- Wizard progress indicator
- File selector and upload
- Form validation (was Page/field validations)
- Search by location
- Dynamic application page elements and flow
Come and learn about the functionality of each widget and what it means to be accessible. How should it work with a mouse and how should it work with only a keyboard? What about a screen reader? What kind of visual feedback is needed? What should you see when using a mouse…what about when using a keyboard? What are the visual cues? What are the non-visual cues?
We’ll show you code examples that don’t work…and more importantly code examples that work for people of all abilities. And we’ll demo each widget…accessibly of course!
- Code examples for an accessible wizard progress indicator, file selector and upload, form validation, search by location, and dynamic application page elements and flow
- WCAG 2.0 and WAI-ARIA knowledge is helpful