Discover how to create accessible and user-friendly online forms in this comprehensive conference talk. Learn about visual design, interaction design, and front-end development considerations for building forms that are usable by everyone, including people with disabilities. Explore semantic HTML, progressive enhancement, and ARIA techniques to improve form accessibility. Gain insights into proper labeling, autocomplete functionality, and form validation best practices. Walk through hands-on demonstrations and receive practical code samples to implement accessible form solutions. Leave with the knowledge to create intuitive, engaging, and accessible forms that can potentially increase your customer base and enhance the user experience for all.
Inclusive Design Series - How to Stop Worrying and Love Accessible Forms
Overview
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
Taught by
NDC Conferences
