In this video, learn what makes forms accessible and exactly how to test a form for accessibility. For more information, check out the resources below:
- A beginner's complete guide to form accessibility: https://blog.pope.tech/2022/10/03/a-beginners-guide-to-form-accessibility/
- WAVE extension: https://blog.pope.tech/2022/12/02/wave-accessibility-testing/
- Use NVDA screen reader:
https://www.youtube.com/watch?v=h09RaEsRn6Q
- Use Mac's VoiceOver screen reader:
https://www.youtube.com/watch?v=_eLUi_-jDQc
- Fieldset labels and more information on accessible forms: https://webaim.org/techniques/forms/#labels
Chapters
0:00 Introduction
0:11 5 things forms need to be accessible
0:49 Check form for clear instructions
1:44 Use WAVE to find input association errors
2:15 Use a screen reader to check form labels
3:38 Check form for logical order and keyboard accessibility
4:28 Check form validation
5:40 Review form accessibility