Accessible Checkout Form
Accessible design makes life easier for every user!
This checkout form wireframe was designed to follow WCAG accessibility standards, while also incorporating design choices to minimize cognitive load every step of the way. Making the checkout process as easy as possible translates to fewer cart abandonments and increased customer satisfaction.
Please click the link to view the full project in Figma and read the annotations to understand the design decisions.
Reviews
1 review
I’m probably too late to review this because all of my checkout experiences (mostly Shopify) already implement this. The flow is probably so smooth that I don’t even notice if there are still checkout pages out there that remain inaccessible.
I think your thorough annotations would make a great case to turn this project into a tutorial or an accessible how-to checklist. Nicely done, Deanna, this could really help others.
You might also like
Accessible Signup Form for SaaS Platform
SIPALA - Attendance, Leave, and Activity Management System
Pawtify - Responsive Landing Page Brief
Develop a User Persona
Plan A/B Test for the Onboarding Flow
Build a Product Roadmap
Interaction Design Courses
UX Design Foundations
Introduction to Figma
Design Terminology
