Skip to content

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.

Request an audit

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
142 criteria checked · 12 partial · 0 fail

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

fail

After

Book now

14.7 : 1

AAA
+ 12.3 ratio · one token, ten components

Screen 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

  1. Headerhafencity.dev — link, home page
  2. Heading 1Design that holds up. Level 1.
  3. RegionDisciplines, list, 6 items
  4. LinkUX/UI Design — internal link, item 1 of 6
  5. ButtonStart a design conversation — button, collapsed
  6. StatusForm submitted — live region, polite
tab · arrow · enter

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.

Schedule a call