Inclusive Design Series - How to Stop Worrying and Love Accessible Forms

This course shows how to design and build accessible online forms, covering visual and interaction design alongside front-end implementation. Demonstrations and usable samples illustrate semantic markup, labels, focus, ARIA, and form validation.

Syllabus

Intro
What is Simply Accessible
What is accessibility
Web Content Accessibility Guidelines
Semantic HTML
Progressive Enhancement
Solution
Source order matters
Visible focus indicator
Be flexible
Building blocks
Form field labels
Custom elements
Aria
Aria use cases
Remediating things
Code snippet
Labeling
Autocomplete
Semantic Information
Complex Scenario
Field Sets Legends
Code Sample
Best Practice
Heading Structure
Form Validation
Research
Validation best practices
Error messaging
Free guides
Error messages
Not the table