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.
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
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
failNachher
Buchen
14.7 : 1
AAAScreenreader
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
- Header› hafencity.dev — Link, Startseite
- Heading 1› Design, das durchhält. Ebene 1.
- Region› Disziplinen, Liste, 6 Einträge
- Link› UX/UI Design — interner Link, Position 1 von 6
- Button› Designgespräch anfragen — Schaltfläche, eingeklappt
- Status› Formular gesendet — Live-Region, höflich
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.
Buchungskalender (Cal.com)
Dieser Bereich bindet den externen Dienst Cal.com ein. Mit dem Laden stimmen Sie zu, dass eine Verbindung zu Cal.com hergestellt und dabei Daten in die USA übertragen werden können.