Demo 2.2:
Accessible form
Name
(required)
E-mail
(required)
Telephone
Show fixes and notes
Fixes
label
tags used (
H44
).
Required fields indicated with text (
H90
).
Error messages inserted into
label
tags (
G83
).
First invalid field focused (
SCR18
).
Notes
Corresponding success criteria:
3.3.1 Error Identification
,
3.3.2 Labels or Instructions
.
See
Accessible Client-side Form Validation with HTML5, WAI-ARIA, & the jQuery Validation Plugin
by Paul J. Adam for a solution using the well-known
jQuery Validation Plugin
.
Forward to "
Demo 2.3:
Form validation using ARIA" »
« Back to "
Demo 2.1:
Inaccessible form"
Index