< Back to Guides | Learn more at PaulJAdam.com >

HTML5 Form Validation - Accessibility Quick Guide

Most all browsers now support native HTML5 required input validation. The native validation error messages are generic though and need to be customized with JavaScript.

HTML5 validation handles focus management for you by sending the keyboard focus to the first invalid input on the form.

Guidance

1. Screen reader user must hear form errors on an invalid submission.
2. Screen reader user must hear invalid state and error message spoken when tabbing to an invalid input.
3. Error messages must be helpful and should explain how to fix the problem.