Erklärung zur Barrierefreiheit

Diese Website ist mit den Anforderungen des BFSG sowie WCAG 2.2 AA teilweise vereinbar. Die nachfolgenden Punkte sind bereits vollständig umgesetzt bzw. werden aktiv weiterentwickelt.

• Semantisches HTML5: Header-, Navigations-, Haupt- und Footer-Landmarks sind konsequent verwendet; jede Seite hat genau eine klar erkennbare H1.
• Tastaturbedienung: Alle interaktiven Elemente (Links, Buttons, Formulare, Video-Facades) sind per Tastatur erreichbar. Ein „Skip to Content“-Link führt direkt zum Hauptinhalt. Das Projekte-Untermenü im Hauptmenü öffnet per Tab-Fokus, lässt sich per Tastatur durchschreiten und mit der Escape-Taste schließen.
• Alternativtexte: Alle inhaltstragenden Bilder, Projekt-Thumbnails, Kundenlogos und Team-Portraits haben beschreibende Alt-Texte auf Deutsch.
• Kontraste: Das dunkle Design-System wurde so gewählt, dass Fließtext auf Near-Black-Hintergrund die WCAG-AA-Kontrastwerte (4,5:1 für Text, 3:1 für große Überschriften) erreicht.
• Responsives Layout: Die Seite ist bis 320 px Breite nutzbar und skaliert bis 200 % Zoom ohne Informationsverlust.
• Videos ohne Auto-Play: Sämtliche Videos auf dieser Website starten erst nach aktivem Klick (Facade-Pattern) — es läuft nichts automatisch mit Ton oder Bewegung los. Jeder Video-Play-Button trägt einen Screenreader-Titel mit der Bezeichnung des konkreten Videos, sodass blinde und sehbehinderte Nutzende eindeutig erkennen, welches Video aktiviert wird. Es werden keine blinkenden Animationen verwendet, die Krampfanfälle auslösen könnten. Die CSS-Media-Query prefers-reduced-motion wird respektiert: Ist diese Einstellung im Betriebssystem aktiviert, werden Transitions und Animationen global auf ein Minimum reduziert.
• Formulare: Das Briefing-Formular auf der Kontaktseite verwendet korrekte label-Zuordnungen, sichtbare Fokus-Zustände und Fehlermeldungen in Textform. Die Fehlermeldungen sind über aria-describedby mit den betroffenen Pflichtfeldern verknüpft, sodass Screenreader den Fehler automatisch vorlesen, sobald der Fokus zurück in ein Pflichtfeld springt.
• ARIA-Auszeichnungen: Interaktive Komponenten, die über den Standard-HTML-Semantik hinausgehen (Untermenüs, Modals, Akkordeons), tragen passende role- und aria-*-Attribute, damit Hilfstechnologien Zustand und Zweck korrekt an ihre Nutzenden weitergeben können.
• Strukturierte Inhalte: Überschriftenhierarchie, Listen und Breadcrumbs sind auf allen Seiten korrekt ausgezeichnet (inkl. JSON-LD für Screenreader-fähige Assistenten und Suchmaschinen).

Die folgenden Bereiche sind aktuell noch nicht vollständig barrierefrei – an ihrer Verbesserung wird kontinuierlich gearbeitet:

• Untertitel & Audiodeskription für Videos: Ein Teil unserer Referenzvideos verfügt noch nicht über deutsche Untertitel oder eine Audiodeskription. Wir arbeiten daran, unsere Produktionen schrittweise mit Untertiteln nachzurüsten.
• Transkripte: Für sprechende Videos (z. B. Imagefilme mit Kundenstimmen) bieten wir derzeit keine vollständigen Texttranskripte an. Auf Anfrage stellen wir diese gerne zur Verfügung.
• Leichte Sprache: Inhalte in Leichter Sprache oder Deutscher Gebärdensprache (DGS) sind aktuell nicht verfügbar.
• PDF-Dokumente: Sofern auf der Website PDF-Dateien eingebunden sind (z. B. Angebote oder Case Studies), sind diese nicht durchgängig nach PDF/UA getaggt.

Wir sind uns dieser Einschränkungen bewusst und nehmen sie als konkrete Aufgaben in unsere technische Roadmap auf.

Ihnen sind Barrieren bei der Nutzung unserer Website aufgefallen? Sie haben Fragen oder Anregungen zur Barrierefreiheit? Wir freuen uns über Ihr Feedback und sind dankbar für jeden Hinweis.

Bitte beschreiben Sie in Ihrer Nachricht möglichst genau das Problem, die betroffene URL und das von Ihnen verwendete Gerät / Betriebssystem / Browser. Wir werden uns bemühen, innerhalb von zwei Wochen zu antworten und gemeldete Hindernisse schnellstmöglich zu beheben.

Sollten auch nach Ihrem Feedback an uns offene Fragen bleiben oder Sie mit unserer Reaktion nicht zufrieden sein, können Sie sich an die zuständige Marktüberwachungsstelle wenden. Für Dienstleistungen privater Anbieter nach dem Barrierefreiheitsstärkungsgesetz (BFSG) ist länderübergreifend zuständig:

• Next.js 15 (App Router) mit serverseitigem Rendering
• Semantisches HTML5 mit ARIA-Landmarks wo nötig
• Getestete Screenreader: NVDA (Windows), VoiceOver (macOS / iOS)
• Tastaturtest: vollständige Navigation ohne Maus
• Kontrasttest: manuell per Design-Token-Review + automatisiert
• Responsive Tests: 320 px – 2560 px Viewport-Breite