This course aims to teach learners how to design more usable and accessible online forms. The learning outcomes include understanding visual design, interaction design, and front-end development considerations for building accessible forms. The course covers topics such as semantic HTML, progressive enhancement, Aria, form field labels, visible focus indicators, and error messaging. The teaching method includes hands-on demonstrations and usable samples. The intended audience for this course is web designers, developers, and anyone interested in creating more inclusive online experiences.
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
