Accessibility
Accessible products. Non-negotiable.
We audit and build to WCAG 2.2 AA and AAA, EAA-aligned — with screen-reader tests and a remediation plan your engineers can actually ship.
WCAG audit
Excerpt from a typical audit report.
Each criterion is marked Pass / Partial, with context, affected components and recommendation — not a spreadsheet, a readable document.
audit.report
WCAG 2.2 · 05/2026
- Pass1.4.3 Contrast (Minimum)Text at least 4.5 : 1, large text 3 : 1.AA
- Pass1.4.6 Contrast (Enhanced)Text at least 7 : 1 — covers a broader range of low vision.AAA
- Pass2.1.1 KeyboardAll functions reachable without a mouse, visible focus.A
- Pass2.4.7 Focus visibleDistinct focus rings on every interactive element.AA
- Partial3.3.1 Error identificationErrors are clearly named and focus is moved.A
- Pass4.1.3 Status messagesSuccess and status messages announced via aria-live.AA
Contrast
Contrast comparison — automatically checked.
We test every colour combination automatically. What fails, we fix at the token level.
contrast.compare
foreground · background
Before
Book now
2.4 : 1
failAfter
Book now
14.7 : 1
AAAScreen reader
This is what your product sounds like for a low-vision user.
We test with NVDA, VoiceOver and JAWS — and hand over recordings so your team can hear it themselves.
voiceover · home.tsx
↓ Tab order
- Header› hafencity.dev — link, home page
- Heading 1› Design that holds up. Level 1.
- Region› Disciplines, list, 6 items
- Link› UX/UI Design — internal link, item 1 of 6
- Button› Start a design conversation — button, collapsed
- Status› Form submitted — live region, polite
By the numbers
This is hafencity.dev
15+ Experts
Engineers, designers, and strategists working as one practice from our Hamburg HQ.
50+ Clients
Companies across consumer, healthcare, and B2B trust us with their digital products. Long-term partnerships are the default.
97% Recommendation rate
Repeat engagements and references our buyers actually call. Trust compounds when delivery does.
50+ Launches
Custom mobile and web products shipped from concept to maintenance — owned end-to-end by our team.
100% In-house
Strategy, design, and engineering all live at our Hamburg HQ. One team, one project lead, accountable to you from kickoff to launch.
Since 2023
Helping companies ship digital products — and growing alongside the teams we work with.
Next steps
Let's talk about your project
Book a 30-minute discovery call. We'll review your goals, surface unknowns, and outline how we would run the engagement.