Back to Labs
Accessibility sprint

Fix a checkout form

Improve form clarity and keyboard access. Use the controls to update the UI and run the audit.

Topic intro

Accessibility is about making common tasks clear and usable for more people. Labels, focus states, and readable contrast are small changes with large impact.

Before you start

The form below has common issues that block users. Try to spot them before you toggle any fixes.

Interface preview

The preview updates as you apply fixes.

Apply fixes

Audit checks

Input has a labelneeds work
Clear guidance under the inputneeds work
Visible focus outlineneeds work
Button has descriptive textneeds work
Text contrast meets a readable thresholdneeds work

Implementation note

Write a short note on what you changed and why it improves access.