DEV 5 – Provide accessible forms
Why is this important?
When asking users for information, much is open to interpretation. We can help users complete forms quickly, easily and accurately, by providing clear, accurate instructions and by making helpful suggestions when errors happen.
Poorly implemented forms can be a significant barrier for users with impairments but if you work as team and follow these guidelines you should be able to create forms that are highly usable and highly accessible.
In this section
- Provide simple forms with sensible grouping and clearly labelled elements
- Provide instructions and help users recover from errors
References for this section
WCAG 2.1
- 1.1.1 Non-text Content (A)
- 1.3.1 Info and Relationships (A)
- 2.2.1 Timing Adjustable (A)
- 2.4.6 Headings and Labels (AA)
- 2.5.3 Label in Name (A)
- 3.1.5 Reading Level (AAA)
- 3.2.2 On Input (A)
- 3.3.1 Error Identification (A)
- 3.3.2 Labels or Instructions (A)
- 3.3.3 Error Suggestion (AA)
- 3.3.4 Error Prevention (Legal, Financial, Data) (AA)
- 4.1.2 Name, Role, Value (A)
EN 301 549 v 2.1.2
- 9.1.1.1 Non-text Content
- 9.1.3.1 Info and Relationships
- 9.2.2.1 Timing Adjustable
- 9.2.4.6 Headings and Labels
- 9.2.5.3 Label in Name
- 9.3.2.2 On Input
- 9.3.3.1 Error Identification
- 9.3.3.2 Labels or Instructions
- 9.3.3.3 Error Suggestion
- 9.3.3.4 Error Prevention (Legal, Financial, Data)
- 9.4.1.2 Name, Role, Value