Representative production case — not client work
ACCESSIBILITY REMEDIATION
Screen-reader & Keyboard Checkout Remediation
Northstar Commerce
Representative e-commerce production record showing the exact client journey before remediation, the developer-ready fixes and the identical route after retest.
Download case-study PDF →
Download full case pack
PRODUCTION RECORD
Specific enough to inspect.
Timeline
7 business days
Stack
Shopify-style HTML / CSS / JS fixture
Scope
3 templates + cart modal + checkout error state
Verification
Keyboard journey, semantic/ARIA inspection, automated fixture assertions, screen-reader acceptance script
CHALLENGE
What was wrong
The checkout looked complete visually, but key controls had no accessible name, required fields were not labelled, validation was silent and modal focus did not return reliably.
Open working BEFORE
Open working AFTER
HOW WE WORKED
From finding to evidence
Capture the critical product → cart → checkout journey
Record stable issue IDs, selectors, severity and acceptance criteria
Repair names, labels, focus behaviour and error announcement
Retest the identical keyboard route
Package evidence and one explicit third-party limitation
VERIFIED FIXTURE RESULTS
What actually changed in the packaged evidence
CHECK
BEFORE
RESULT
Keyboard checkout route
FAIL at payment step
PASS through confirmation
Unnamed controls
4
0
Unlabelled required fields
3
0
Modal focus return
FAIL
PASS
Silent validation states
1
0
9
found / baseline
8
resolved / produced
1 documented third-party limitation
remaining / handover
Claim boundary: results above are measurements from the representative fixture/evidence set included with this case. They are not claimed client conversion, revenue, legal-conformance or historical-performance figures.
WHAT THE AGENCY RECEIVES
Artifacts, not promises
Audit/remediation case-study PDF
Issue register with severity and WCAG mapping
Developer remediation tickets
Before + after working fixtures
Retest register
Client-ready handover summary
Issue register CSV
Verification JSON
White-label arrangement
The agency owns the client relationship, timeline and final presentation. SYNTHESIS owns the agreed specialist production and verification. Report branding and client-contact boundaries are agreed before work starts.
What stays explicit
Scope and exclusions
Dates and rates
Testing / evidence boundary
Client-contact route
Known limitations
Retest or audit status
Have a project with the same problem?
Send the staging URL, document or procurement request. We will scope the smallest useful production job and the proof you will receive.