Form Labels, Instructions, and Validation (with WCAG 2.2 updates)
Self-paced
2 credits
Full course description
Location: Online Only, Self-Paced
Technical Level: Advanced (knowledge of HTML, CSS, and JavaScript recommended)
Suggested Prerequisites:
Accessibility Fundamentals: Disabilities, Guidelines, and Laws
Accessibility Fundamentals: Designing an Accessible User Experience
Web Accessibility, Part 1: Semantic Structure and Navigation
Web Accessibility, Part 2: Images, SVG, and Canvas
Web Accessibility, Part 3: Visual Design and Colors
Web Accessibility, Part 4: Responsive Design and Zoom
Web Accessibility, Part 5: Multimedia, Animations, and Motion
Web Accessibility, Part 6: Device-Independent User Input Methods
Duration: 90 minutes (estimate)
IAAP CAECs: 1.50 (This class counts toward renewal of IAAP Certification)
Presented By: DeQue University
Description:
In order for users to know how to fill out a form, the form has to be accessible. For the most part this is easy to do. Key concepts include:
Labels for form inputs
Labels for groups of inputs
Instructions and hints, where necessary
Error prevention
Form validation
With all of these, information must be visible on the screen, accurate and meaningful, programmatically determinable, and programmatically associated with the appropriate form element or group.
The more interactive a form element or process is, the more attention needs to be given to accessibility with respect to:
Focus management
Setting and updating ARIA names, roles, and values, where necessary
ARIA live announcements, where necessary
This course provides instruction and examples about each of these concepts.