Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Accessibility for UX Designers!
You have completed Accessibility for UX Designers!
Preview
Forms are notoriously difficult to use for even the most capable users. Before we open Figma, let’s examine the components of an accessible form.
Principles of an Accessible Form
- Avoid unnecessary questions
- Minimize questions per screen
- Provide context clues
- Group-related questions
- Use clear input labels
- Make focus indicators obvious
- Help users spot and correct errors
Vocabulary
- chunking: breaking a form into steps
Further Reading
- 41 Cart Abandonment Rate Statistics
- Accessibility user testing: a cautionary tale
- Designing forms for gender diversity and inclusion
- How you can make the gender question on an application form more inclusive
- Better Form Design: One Thing Per Page (Case Study)
- Best Practices for Mobile Form Design
- Designing Accessible Forms
- Designing accessible forms: the 10 foundational rules
- Recruiting Usability Test Participants
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
Forms are notoriously difficult to use for
even the most capable users.
0:00
Online shopping carts, for
example, have an abandonment
0:01
rate of almost 70%,
according to Baymard Institute.
0:06
While many users are merely browsing and
not ready to buy, Baymard found that
0:11
over 40% of abandonments are due to
problems with checkout form usability.
0:17
In the final stage of this course,
0:23
we'll be using Figma to build
a mock-up of an accessible form.
0:26
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up