Web Accessibility, Part 7: Form Labels, Instructions, and Validation
Web Accessibility, Part 7: Form Labels, Instructions, and Validation
Technical level: Intermediate (knowledge of HTML required)
Duration: 90 minutes (estimate)
IAAP CAECs: 1.50 (This class counts toward renewal of IAAP certification)
Course Synopsis:
Ensuring users can understand and interact successfully with forms, including field labels, group labels, instructions, required fields, HTML5 input types, form validation (success and error messages), etc.
Course Topics: Web Accessibility, Part 7: Form Labels, Instructions, and Validation
- Labels
- Semantic Labels
- Meaningful Label Text
- Icons as Labels
- Placeholder Text as Labels
- Visibility of Labels
- Proximity of Labels to Controls
- Multiple Labels for One Field
- One Label for Multiple Fields
- Group Labels
- Semantic Group Labels
- Meaningful Group Labels
- Proximity of Group Labels
- Visibility of Group Labels
- Instructions & Other Helpful Info
- Instructions for Forms, Groups, and Sections
- Instructions for Inputs
- Required Fields
- Input Purpose
- Dynamic Forms & Custom Widgets
- Progressive Form Updates
- Changes in Context
- Custom Form Inputs
- Form Validation
- Error Prevention
- Design Pattern 1:
Error/Success Summary - Design Pattern 2:
Send Focus to First Error - Design Pattern 3:
Inline (Real-Time) Validation - Error Identification Considerations
- Success Confirmation Considerations
- Using Forms with Screen Readers
- Keyboard Commands
- Screen Reader Modes