Guide
Create an accessible form
An accessible form makes each input's purpose understandable and helps people complete the task using different interaction methods.
At a glance
- Input identification
- An associated label
- Error feedback
- Explain the problem and how to correct it
Overview
An accessible form makes each input's purpose understandable and helps people complete the task using different interaction methods. Start with native controls and visible labels, then provide clear instructions and useful feedback when a value needs attention.
1. Label and group controls
Give each input a visible label associated with its control. Group related choices using appropriate structure and explain required formats before the user has to infer them through trial and error.
2. Make completion operable
Use native controls where possible and test the complete form with a keyboard. Ensure the focus order follows the task and that interactive controls have understandable names.
3. Explain validation results
Identify invalid fields and describe how to correct them. Preserve useful entered information and make feedback available beyond color alone so a person can recover without restarting the task.
Sources and review
MOOR's explanatory text is supported by the following source links.
- Labeling controls — W3C WAI
- Validating input — W3C WAI