„Wir haben einen Accessibility Audit bekommen und jetzt eine lange Liste mit Fehlern in unserem Symfony Backend. Unser Team kennt sich damit nicht aus.“ Solche Anfragen erreichen uns regelmäßig von Agenturen und Entwicklungsteams. Das BFSG ist seit Juni 2025 in Kraft, die Übergangsfrist vorbei, und plötzlich fehlt das Know-how für die technische Umsetzung.
Never Code Alone ist keine klassische Webdesign Agentur, die komplette Websites aus einer Hand liefert. Wir sind spezialisiert auf das, was viele Agenturen nicht abdecken können: die technische Implementierung von Barrierefreiheit in bestehenden PHP Projekten, Symfony Anwendungen und modernen Frontend Architekturen mit Tailwind, Astro.js oder headless CMS Lösungen. Ob als Outsourcing Partner für Agenturen, als Consultant für eure Developer oder als direkter Umsetzer in eurem Projekt.
Warum Agenturen bei der technischen Umsetzung scheitern
Die meisten Webagenturen haben Designer, Projektmanager und vielleicht ein paar Frontend Entwickler im Team. Was oft fehlt: tiefes Backend Know-how in PHP und Symfony, Erfahrung mit automatisierten Accessibility Tests in CI/CD Pipelines und das Verständnis dafür, wie ARIA Attribute in komplexen JavaScript Komponenten korrekt implementiert werden.
Das Ergebnis sehen wir täglich: Websites, die optisch barrierefrei aussehen, aber technisch durchfallen. Formulare ohne korrekte Label Verknüpfung. Custom Dropdowns, die per Tastatur nicht bedienbar sind. Single Page Applications ohne Fokus Management nach Routenwechseln. Diese Probleme lassen sich nicht mit einem Overlay Widget lösen, sondern erfordern Eingriffe in den Code.
Genau hier setzen wir an. Als barrierefreies Webdesign Agentur mit Fokus auf Developer Support übernehmen wir die technischen Aufgaben, die euer Team nicht stemmen kann. Entweder als temporäre Verstärkung in eurem Projekt oder als langfristiger Outsourcing Partner.
Welche Technologien wir beherrschen
Unsere Spezialisierung liegt auf dem PHP und JavaScript Ökosystem. Nach über 15 Jahren Erfahrung in Softwarequalität und Open Source kennen wir die Fallstricke der gängigen Frameworks und CMS Systeme:
Symfony ist unser Hauptstack für Backend Entwicklung. Wir implementieren barrierefreie Formulare mit dem Symfony Form Component, konfigurieren Twig Templates mit korrekter semantischer Struktur und integrieren Accessibility Checks in eure CI Pipeline mit PHPUnit und Panther.
Für moderne Frontends arbeiten wir mit Tailwind CSS, das sich hervorragend für barrierefreies Styling eignet, weil es keine opinionated Komponenten mitbringt, die man erst wieder accessible machen muss. Wir definieren Custom Utility Classes für Fokuszustände und Kontrastwerte, die eure Designer direkt nutzen können.
Im Headless Bereich setzen wir auf Astro.js als Static Site Generator. Der Vorteil für Barrierefreiheit: HTML wird zur Build Zeit generiert, kein JavaScript für die Grundfunktionalität nötig, volle Kontrolle über das Markup. Für TYPO3 und andere PHP CMS Systeme übernehmen wir die Template Anpassungen und Extension Entwicklung.
Was kostet die technische Umsetzung wirklich
Die Frage nach Kosten lässt sich nur beantworten, wenn klar ist, was genau gemacht werden muss. Deshalb beginnen wir mit einem technischen Audit, der die konkreten Probleme in eurem Code identifiziert. Der Aufwand hängt von der Komplexität eurer Anwendung ab und davon, wie tief die Barrieren in der Architektur verankert sind.
Die Umsetzung selbst rechnen wir auf Stundenbasis ab. Für Agenturen, die regelmäßig Projekte haben, bieten wir Rahmenverträge an. Das macht Budgetplanung planbar und ihr habt einen festen Ansprechpartner, der eure Projekte kennt.
Wer seine eigenen Developer fit machen will, kann unsere Workshops buchen. Ein Tag Accessibility Training für euer Entwicklungsteam zahlt sich langfristig aus und ist günstiger als wiederholte externe Umsetzung. Wir vermitteln nicht nur Regeln, sondern erklären die Zusammenhänge, damit euer Team selbständig Entscheidungen treffen kann.
Outsourcing für Agenturen ohne eigenes Accessibility Team
Viele Agenturen stehen vor dem Dilemma: Einen Accessibility Experten fest anstellen lohnt sich nicht, weil das Thema nicht bei jedem Projekt anfällt. Aber für die Projekte, wo es gefordert ist, fehlt dann die Kompetenz.
Als barrierefreies Webdesign Agentur mit Outsourcing Fokus lösen wir genau dieses Problem. Ihr behaltet die Kundenbeziehung, wir liefern die technische Umsetzung im Hintergrund. White Label, auf Wunsch mit eurem Git Workflow und in direkter Abstimmung mit euren Entwicklern.
Das funktioniert besonders gut bei Relaunch Projekten, wo Barrierefreiheit von Anfang an eingeplant werden muss. Wir definieren gemeinsam die Template Struktur, prüfen Design Entwürfe auf Kontrastprobleme, bevor sie umgesetzt werden, und implementieren die kritischen Komponenten wie Navigation, Formulare und interaktive Widgets. Euer Team übernimmt den Rest.
Für laufende Projekte bieten wir auch punktuelle Code Reviews an. Schickt uns eure Pull Requests, wir prüfen auf Accessibility Probleme und geben konkretes Feedback mit Lösungsvorschlägen. Das ist günstiger als volle Umsetzung und baut gleichzeitig das Wissen in eurem Team auf.
Welche WCAG Stufe für welches Projekt sinnvoll ist
Die WCAG definieren drei Konformitätsstufen. Stufe A ist das absolute Minimum, ohne das eine Website für viele Menschen unbenutzbar ist. Stufe AA ist der Standard, den das BFSG fordert und den ihr für die meisten Projekte anstreben solltet. Stufe AAA ist in der Praxis selten vollständig erreichbar und auch nicht vorgeschrieben.
Für die technische Umsetzung bedeutet das: Wir fokussieren auf AA Konformität, priorisieren aber nach Nutzungsrelevanz. Ein Kontaktformular, das nicht barrierefrei ist, wiegt schwerer als ein dekorativer Slider. Ein Online Shop, dessen Checkout nicht per Tastatur bedienbar ist, verliert Kunden. Wir helfen euch, die richtigen Prioritäten zu setzen.
Bei neuen Projekten empfehlen wir, Barrierefreiheit von Anfang an mitzudenken. Das verursacht kaum Mehraufwand, wenn es im Workflow verankert ist. Bei bestehenden Projekten erstellen wir einen Stufenplan: Was muss sofort gefixt werden? Was kann im nächsten Sprint kommen? Was erfordert größere Refactorings?
Warum automatisierte Tests allein nicht reichen
Tools wie AXE, WAVE oder Lighthouse sind ein guter Einstieg, erkennen aber nur einen Bruchteil der möglichen Barrieren. Sie finden fehlende Alt Texte und Kontrastprobleme, können aber nicht beurteilen, ob ein Alt Text tatsächlich hilfreich ist oder ob die Tab Reihenfolge logisch erscheint.
Als CypressIO Ambassador empfehle ich trotzdem, automatisierte Accessibility Tests in eure CI Pipeline zu integrieren. Mit cypress-axe oder Playwright könnt ihr Regressionen früh erkennen und verhindern, dass neue Barrieren entstehen. Das ersetzt keine manuellen Tests, fängt aber die offensichtlichen Fehler bereits während der Entwicklung ab.
Für echte Qualitätssicherung braucht ihr zusätzlich manuelle Prüfungen: Komplette Tastaturnavigation durch alle kritischen Flows. Screenreader Tests mit NVDA oder VoiceOver. Prüfung der Fokuszustände bei unterschiedlichen Zoomleveln. Das können wir für euch übernehmen oder euer Team darin schulen.
Was automatische Overlays nicht können
Die verlockenden One Click Lösungen, die mit einem eingebetteten Widget automatische Barrierefreiheit versprechen, sind technisch und rechtlich problematisch. Sie können strukturelle Probleme im HTML nicht beheben, sondern legen nur eine zusätzliche Schicht darüber.
Echte Screenreader Nutzer arbeiten mit ihren eigenen, fein konfigurierten Tools und werden durch zusätzliche Overlay Funktionen eher behindert als unterstützt. Die Overlays erfüllen häufig auch nicht die WCAG Kriterien vollständig und bieten damit keinen verlässlichen rechtlichen Schutz.
Barrierefreiheit muss von Grund auf in der Struktur, im Design und in der Entwicklung verankert sein. Das bedeutet semantisches HTML, korrektes ARIA Markup und durchdachte Interaktionskonzepte. Kein nachträgliches Script kann ersetzen, was im Fundament fehlt. Genau deshalb braucht ihr Developer, die das Handwerk verstehen.
Barrierefreie Formulare in Symfony richtig implementieren
Formulare sind oft die kritischsten Elemente einer Anwendung. In Symfony könnt ihr mit dem Form Component vieles richtig machen, wenn ihr die richtigen Optionen setzt. Das label Attribut muss korrekt verknüpft sein, help Texte brauchen aria-describedby Verknüpfungen, Validierungsfehler müssen programmatisch zuordenbar sein.
Ein typisches Problem: Symfony generiert standardmäßig IDs für Formularfelder, aber nicht immer mit der nötigen Eindeutigkeit bei verschachtelten Collections. Das führt zu doppelten IDs, die Screenreader verwirren. Wir kennen diese Fallstricke und haben Lösungen parat.
Für komplexere Widgets wie Autocomplete Felder, Datepicker oder Multi Select Komponenten empfehlen wir, bestehende accessible Libraries wie Headless UI oder Radix zu verwenden, statt das Rad neu zu erfinden. Die Integration in Symfony Templates ist mit Stimulus oder Alpine.js straightforward.
Headless Architekturen und Single Page Applications
Bei Headless Projekten mit Frontend Frameworks wie Astro.js, Next.js oder Nuxt trennt ihr Backend Inhalte von der Präsentationsschicht. Das bietet große Flexibilität, erfordert aber besondere Aufmerksamkeit für Barrierefreiheit, weil viele Framework Komponenten standardmäßig nicht accessible sind.
Mit Astro.js als Static Site Generator könnt ihr barrierefreies HTML direkt zur Build Zeit generieren. Keine JavaScript Abhängigkeit für die Grundfunktionalität, schnelle Ladezeiten, volle Kontrolle über das Markup. Für interaktive Elemente müsst ihr dennoch sicherstellen, dass Fokus Management und ARIA Live Regions korrekt implementiert sind.
Der häufigste Fehler bei SPAs: Nach einem Routenwechsel landet der Fokus irgendwo, statt auf dem Hauptinhalt. Screenreader Nutzer wissen dann nicht, dass sich etwas geändert hat. Wir implementieren korrektes Fokus Management und testen es mit echten assistiven Technologien.
SEO Vorteile durch saubere Accessibility Implementierung
Barrierefreiheit und Suchmaschinenoptimierung überschneiden sich in vielen Bereichen. Semantisch korrektes HTML mit Überschriftenhierarchien hilft Screenreadern genauso wie Suchmaschinen Crawlern. Aussagekräftige Alt Texte machen Bilder für beide zugänglich.
Die Seitenstruktur mit klaren Landmarks, einer logischen Tab Reihenfolge und beschreibenden Linktexten verbessert sowohl die Accessibility als auch die Crawlability. Suchmaschinen werten zudem die Core Web Vitals als Rankingfaktoren. Barrierefreie Websites laden oft schneller, weil überflüssiger Code vermieden wird.
Für eure Argumentation gegenüber Kunden: Barrierefreiheit ist nicht nur gesetzliche Pflicht und ethische Verantwortung, sondern auch ein Business Case. Bessere Rankings, niedrigere Absprungraten, mehr potenzielle Kunden.
So arbeiten wir mit eurem Team zusammen
Der erste Schritt ist immer ein Gespräch. Wir müssen verstehen, welche Technologien ihr einsetzt, wo die größten Baustellen liegen und was euer Ziel ist. Danach machen wir einen konkreten Vorschlag: Audit, punktuelle Unterstützung, Outsourcing Partnerschaft oder Training.
Als Eye-Able zertifizierter Accessibility Consultant, CypressIO Ambassador und Frontend Developer mit Headless Spezialisierung bringe ich über 15 Jahre Erfahrung in Softwarequalität und Open Source mit. Das bedeutet: Ich rede nicht nur über Barrierefreiheit, sondern schreibe selbst den Code, der sie umsetzt.
Never Code Alone ist eure barrierefreies Webdesign Agentur für die technische Seite. Spezialisiert auf PHP, Symfony, Tailwind und moderne Frontend Architekturen. Remote Consulting deutschlandweit, Wissen teilen statt Wissen horten, partnerschaftliche Zusammenarbeit auf Augenhöhe.
Schreibt mir an roland@nevercodealone.de. Ob ihr eine schnelle Einschätzung für ein aktuelles Projekt braucht, einen Outsourcing Partner sucht oder euer Team fit machen wollt. Ich freue mich auf den Austausch.
