Zum Inhalt springen
Kontakt

Accessibility

Barrierefreie Produkte. Nicht verhandelbar.

Wir prüfen und bauen nach WCAG 2.2 AA und AAA, BFSG-konform — mit Audit, Screenreader-Tests und einem Korrekturplan, den Ihr Engineering wirklich umsetzen kann.

Audit anfragen

WCAG-Audit

Auszug aus einem typischen Audit-Bericht.

Jedes Kriterium ist als Pass / Partial markiert, mit Kontext, betroffenen Komponenten und Empfehlung — keine Excel-Liste, sondern ein lesbares Dokument.

audit.report

WCAG 2.2 · 05/2026

  • Pass1.4.3 Kontrast (Mindestkontrast)Text mind. 4.5 : 1, große Schrift 3 : 1.AA
  • Pass1.4.6 Kontrast (Erhöht)Text mind. 7 : 1 — schließt Sehschwächen breiter ein.AAA
  • Pass2.1.1 Bedienung per TastaturAlle Funktionen ohne Maus erreichbar, sichtbarer Fokus.A
  • Pass2.4.7 Sichtbarer FokusEindeutige Fokus-Ringe in allen interaktiven Elementen.AA
  • Partial3.3.1 FehlererkennungFehler werden klar benannt und der Fokus geführt.A
  • Pass4.1.3 Status-MeldungenErfolgs- und Statusmeldungen über aria-live.AA
142 kriterien geprüft · 12 partial · 0 fail

Kontrast

Kontrastvergleich — automatisch geprüft.

Wir testen jede Farbkombination automatisiert auf Kontrast. Was nicht besteht, ändern wir auf Token-Ebene.

contrast.compare

foreground · background

Vorher

Buchen

2.4 : 1

fail

Nachher

Buchen

14.7 : 1

AAA
+ 12.3 ratio · ein Token, zehn Komponenten

Screenreader

So klingt Ihr Produkt für eine sehbehinderte Person.

Wir prüfen mit NVDA, VoiceOver und JAWS — und übergeben Aufzeichnungen, damit Ihr Team es selbst hört.

voiceover · home.tsx

↓ Tab order

  1. Header› hafencity.dev — Link, Startseite
  2. Heading 1› Design, das durchhält. Ebene 1.
  3. Region› Disziplinen, Liste, 6 Einträge
  4. Link› UX/UI Design — interner Link, Position 1 von 6
  5. Button› Designgespräch anfragen — Schaltfläche, eingeklappt
  6. Status› Formular gesendet — Live-Region, höflich
tab · arrow · enter

In Zahlen

Das ist hafencity.dev

15+ Experten

Entwickler, Designer und Strategen aus unserem Hamburger HQ — eingespielt als ein Team.

50+ Kunden

Unternehmen aus Consumer, Healthcare und B2B vertrauen uns ihre digitalen Produkte an. Langfristige Partnerschaften sind die Regel, nicht die Ausnahme.

97% Weiterempfehlung

Wiederkehrende Engagements und Referenzen, die unsere Kunden tatsächlich anrufen. Vertrauen wächst, wenn Lieferung stimmt.

50+ Launches

Maßgeschneiderte Mobile- und Web-Produkte vom Konzept bis zur Wartung — Ende-zu-Ende verantwortet von unserem Team.

100% In-House

Strategie, Design und Entwicklung aus unserem Hamburger HQ. Ein Team, eine Projektleitung, Ihnen gegenüber verantwortlich von Kickoff bis Launch.

Seit 2023

Wir begleiten Unternehmen bei ihren digitalen Produkten — und wachsen mit den Teams, mit denen wir arbeiten.

Nächste Schritte

Lassen Sie uns über Ihr Projekt sprechen

30-minütiges Erstgespräch. Wir besprechen Ihre Ziele, klären offene Fragen und skizzieren den möglichen Projektablauf.

Termin buchen