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.
Booking calendar (Cal.com)
This area embeds the external service Cal.com. By loading it you agree that a connection to Cal.com is established and data may be transferred to the USA.