Forms must validate for errors, accounting for tooling requirements
Entering information on a page can lead to problems. If a visitor makes a mistake along the way, it makes good sense to have systems in place to guide them through resolving the typos, confusion, and glitches that can occur which lead to abandonment and extra emissions through wasted device usage.
Criteria: Error validation
Errors are identified through live validation as well as upon submission.
Resources
Criteria: Label elements
Required elements are clearly identified and labeled (for the benefit of voice tools such as screen readers and virtual assistants), and optional elements (if unnecessary) removed.
Resources
Criteria: Allow paste
Always allow the pasting of content (including passwords) from external sources.
Resources
Impact: Medium, Effort: Low
| GRI | Impact |
|---|---|
| materials | Medium |
| energy | Medium |
| water | Medium |
| emissions | Medium |
Benefits of this guideline
- Security: Allowing people to correct mistakes (and identifying errors early in the input process) on forms before submission can avoid costly mistakes during financial transactions and spend less time being wasted on tasks.
- Performance: Being able to fill in a form while addressing issues quickly reduces the barrier to entry and thereby avoids potentially having to refill a form or waste time going back and scrolling.
- Economic: Shopping cart abandonment happens when errors occur, fixing issues upfront can reduce such potential issues.
Example
-
code -
contentHTML attribute: pattern.
Tags:
- Accessibility
- Compatibility
- HTML
- Security
- UI
- Usability