Back to Home
WEB ACCESSIBILITY & AUDIT

Accessible E-Commerce (WCAG 2.1)

Heuristic evaluation and technical implementation of improvements under WCAG 2.1 (AA) standards, optimizing the checkout flow for keyboard navigation and screen readers.

1 The Challenge

Introduce here the general context of the project. What was the main problem facing the product or business before your intervention? What type of users did it affect, and what was the goal of the redesign or research?

Project Goals

- Goal 1: Comply 100% with the level A and AA success criteria of WCAG 2.1.
- Goal 2: Reduce billing form errors through clear validations.
- Goal 3: Provide correct text alternatives for all non-text elements.

2 My Role & Process

Describe what your specific role was (e.g., UX Research, UI Design, Audit, Facilitation) and which teams you collaborated with (developers, product owners, stakeholders). Detail the key steps of the design process you executed (Double Diamond Methodology, Design Thinking, etc.).

[Insert Process Diagram or Audit Photo]

3 Research & Discovery

Explain the UX Research techniques used: user interviews, existing usability tests, heatmaps, surveys, or competitive analysis. Highlight the main insights and pain points discovered.

What did you discover that the team did not know previously? How did this research influence the design decisions made later?

4 Design Proposal

Detail the proposed design solution. Explain the information architecture, wireframes, or main interactive flows. Justify your user interface (UI) design decisions, colors, typography, and accessibility.

[Insert Figma Screenshots / Interactive Prototype]

5 Results & Impact

Present the qualitative and quantitative metrics achieved with the project. How did your improvements impact the business and user satisfaction?

100%
WCAG AA Compliance
+15%
Checkouts Completed
0
Keyboard Traps / Blocks

End with a brief personal or technical lesson learned from this project.