<?xml version="1.0" encoding="utf-8"?>
Open full project

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.

Share your insights — leave a project review and help others grow their skills

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.


5 Claps
Average 5.0 by 1 person
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>