Theme
Tip: try Tab + Enter.
What to look for
- Is “required” shown in text, not just an asterisk or color?
- When you submit, do you get error text that names the problem?
- Are errors tied to fields via
aria-describedby+aria-invalid? - Can you jump to errors quickly (summary links)?
BAD — unclear required fields
Required is shown only by a red and border color. Errors are vague.
BETTER — clear required + clear errors
Required is explicit. Errors have text, are linked to fields, and a summary helps you jump.
Legend: fields marked (required) must be filled.
Notes
This demo is intentionally small. Real apps often also add an error summary at the top of the page, and avoid validating while the user is still typing. (See: real-time validation and error summaries.)