Was kostet eine barrierefreie Website? Realistische Budgets und Fördermöglichkeiten

Hand zeigt mit Stift auf ein Budgetdiagramm im Beratungsgespräch – Kosten einer barrierefreien Website: realistische Budgets und Fördermöglichkeiten für BFSG-konforme Umsetzung nach WCAG 2.2

Die Frage nach den Kosten einer barrierefreien Website höre ich in fast jedem Erstgespräch – und ehrlicherweise kann ich sie nicht pauschal beantworten. Wer Ihnen einen festen Pauschalpreis nennt, ohne sich Ihre Website angesehen zu haben, verkauft Ihnen eine Zahl, kein Ergebnis. Trotzdem ist die Frage berechtigt: Geschäftsführer und Marketingverantwortliche brauchen eine Größenordnung, bevor sie eine Investitionsentscheidung treffen können. In diesem Ratgeber gebe ich Ihnen, was eine ehrliche Antwort leisten kann – die echten Kostentreiber, eine Faustformel, die in fast jedem Projekt zutrifft, einen Überblick zu Fördermöglichkeiten und einen Weg, wie Sie schnell und kostenlos zu einer ersten realistischen Schätzung kommen.

Was eine barrierefreie Website wirklich kostet – kurz vorab

Die ehrliche Antwort vorweg: Es gibt keinen Listenpreis. Was eine barrierefreie Website kostet, hängt von fünf Faktoren ab – dem Umfang der Seite, der Komplexität der Funktionalität, der Qualität des bestehenden Codes, dem Multimedia-Anteil und vor allem dem Zeitpunkt, an dem Sie das Thema angehen. Die Spannweite reicht von wenigen Tausend Euro für eine kleine, sauber gebaute Visitenkarten-Website bis in den sechsstelligen Bereich bei komplexen Enterprise-Plattformen mit Altbeständen aus zwei Jahrzehnten. Wer eine seriöse Antwort will, braucht zuerst eine Bestandsaufnahme – und diese ist überraschend günstig zu bekommen.

Warum Pauschalpreise selten stimmen

Eine barrierefreie Website ist kein Produkt von der Stange, sondern das Ergebnis vieler kleiner Entscheidungen, von Design-Tokens über Komponenten-Logik bis zur Bedien-Mechanik einzelner Widgets. Eine Website mit 20 Seiten und einem sauberen WordPress-Theme verursacht einen Bruchteil des Aufwands einer Single-Page-Application mit hundert Custom-Komponenten und dynamisch geladenen Inhalten. Wer für beide denselben Pauschalpreis aufruft, kalkuliert entweder den einen Fall viel zu hoch oder den anderen viel zu niedrig. Realistische Kostenschätzungen entstehen erst, wenn jemand wirklich auf den Code geschaut hat.

Die echten Kostentreiber

In meinen Projekten lassen sich die Kosten praktisch immer auf fünf Faktoren zurückführen. Sie sind die ehrliche Antwort auf die Pauschalpreis-Frage.

Umfang der Website

Eine kleine, statische Seite mit fünf bis zehn Unterseiten ist überschaubar. Eine Corporate-Site mit hundert Unterseiten, vielen Templates und Übersetzungen vervielfacht den Aufwand fast linear. Bei Enterprise-Plattformen mit tausenden generierten Seiten kommt dazu, dass die Sanierung in den Templates und Komponenten passieren muss, nicht auf jeder einzelnen Seite – das ist ein anderer Ansatz mit anderen Kosten.

Komplexität der Funktionalität

Statische Inhaltsseiten sind die einfachste Disziplin. Sobald Formulare, Filter, Suchen, Checkouts, Konfiguratoren oder Live-Updates ins Spiel kommen, steigt der Aufwand deutlich. Custom-Widgets wie selbstgebaute Tabs, Akkordeons oder Datepicker sind die teuersten Einzelposten – sie müssen mit ARIA-Patterns korrekt umgesetzt und mit Tastatur- und Screenreader-Unterstützung versehen werden. Wer auf native HTML-Elemente setzt, spart hier viel.

Plattform und Code-Qualität

Ein modernes WordPress mit ordentlichem Theme ist meist günstiger zu sanieren als ein selbstgebautes Frontend mit zehn Jahren Patchwork. Custom-Stacks mit React oder Vue sind so gut oder schlecht zugänglich, wie sie gebaut wurden – manche Frontend-Teams bauen von Haus aus sauber, andere müssen erst das Designsystem aufräumen. Legacy-Systeme aus den 2010ern erfordern oft eine grundlegende Modernisierung, die deutlich teurer wird als eine Anpassung.

Multimedia und Dokumente

Ein häufig unterschätzter Kostenfaktor. Jedes bestehende Video braucht Untertitel und gegebenenfalls Transkripte. Bei einem Archiv von hunderten Videos summiert sich das schnell zu fünfstelligen Beträgen. PDFs sind eine eigene Disziplin und ein eigener Kostentopf: Geschäftsberichte, AGB, Broschüren, Behörden-Formulare – jede dieser PDF-Welten muss separat saniert werden. Bei größeren PDF-Altbeständen kann der Aufwand die reine Web-Sanierung übersteigen.

Ist-Zustand

Der vielleicht unterschätzteste Faktor. Eine Website, die schon einigermaßen semantisch gebaut ist, deren Designsystem klare Farbtokens und Fokus-Styles vorgibt und deren Komponenten konsistent sind, kostet einen Bruchteil dessen, was eine div-Suppe ohne semantische Struktur verursacht. Die häufigste Überraschung im ersten Audit-Bericht: nicht die Mängel an sich, sondern wie systematisch sie sich durch die ganze Codebasis ziehen.

Die zentrale Faustformel: Früh ist drastisch billiger als spät

Wenn Sie aus diesem Ratgeber nur einen Satz mitnehmen, dann diesen: Was Sie für Barrierefreiheit ausgeben, hängt vor allem davon ab, wann Sie es tun. Wer ein neues Projekt von Anfang an mit Accessibility-by-Design plant, kalkuliert in der Praxis mit einem Mehraufwand von etwa fünf bis zehn Prozent gegenüber einem Projekt, das das Thema ignoriert. Wer dieselbe Seite nachträglich saniert, landet eher bei zwanzig bis fünfzig Prozent zusätzlichem Aufwand – manchmal mehr, wenn das Designsystem grundlegende Mängel hat.

Ein konkretes Beispiel aus meiner Audit-Praxis: Eine falsche Markenfarbe mit unzureichendem Kontrast kostet im Designsystem die Korrektur des Farb-Tokens – ein paar Stunden, je nachdem, wie sauber die Tokens organisiert sind. Dieselbe Korrektur in einer fertig gebauten Website mit fünfhundert Inhaltsseiten, hunderten Komponenten und manuellem CSS in Legacy-Templates kann ein mittleres fünfstelliges Budget verschlingen. Identischer Effekt, drastisch unterschiedliche Kosten – allein wegen des Zeitpunkts. Wer den vollständigen Wettbewerbsvorteil der zugänglichen Bauweise verstehen will, findet die Argumentation in Digitale Barrierefreiheit als Wettbewerbsvorteil: SEO, Reichweite und Conversion.

Kostenkomponenten im Überblick

Ein realistisches Barrierefreiheits-Budget setzt sich aus mehreren Posten zusammen, die unterschiedlich oft anfallen:

KomponenteHäufigkeitWas darin steckt
Audit / BestandsaufnahmeEinmalig, dann periodischAutomatisierter Scan und manuelle Prüfung gegen WCAG/EN 301 549
Tiefen-Audit mit AT-NutzernEinmalig, dann jährlichPrüfung mit JAWS, NVDA, VoiceOver und echten Nutzern; Zertifikat
Code-SanierungEinmaligBehebung der gefundenen Verstöße im Frontend
PDF-SanierungPro Dokument oder pro SeiteTagging, Lesereihenfolge, Alternativtexte, Lesezeichen
SchulungEinmalig oder jährlichWorkshops für Devs, UX, Marketing und Legal
MonitoringLaufend, monatlichAutomatisierte Regressionsprüfung nach Releases
Designsystem-InvestitionEinmalig, dann amortisiertTokens, Komponenten, Patterns – wirkt auf alle künftigen Projekte

Die wichtigste Botschaft dieser Aufstellung: Die einmaligen Posten amortisieren sich schnell, wenn das laufende Monitoring sicherstellt, dass die einmal erreichte Qualität nicht im nächsten Sprint wieder verloren geht.

Förderungen und Zuschüsse: Wo es Unterstützung gibt

Für Maßnahmen rund um digitale Barrierefreiheit existieren in Deutschland verschiedene Förder- und Beratungsangebote, deren konkrete Konditionen und Verfügbarkeit sich allerdings regelmäßig ändern. Eine seriöse Übersicht ist deshalb nur als Anlaufstellen-Liste sinnvoll, mit dem Hinweis, vor jeder Investition die aktuellen Bedingungen direkt bei den Stellen abzufragen.

Zu den wichtigsten Anlaufstellen gehören die Aktion Mensch, die Projekte mit Inklusionsbezug fördert, das Bundesministerium für Arbeit und Soziales (BMAS) mit verschiedenen Programmen zur Teilhabe, die KfW, deren Digitalisierungsförderungen je nach Programmgestaltung auch Accessibility-Maßnahmen einschließen können, sowie Landesförderungen und Programme einzelner Wirtschaftsministerien, die regional unterschiedlich ausgestaltet sind. Für Unternehmen mit Beschäftigten mit Behinderung sind außerdem die Integrationsämter oder das Integrationsfachdienst-Netzwerk relevante Ansprechpartner. Welche Programme heute konkret offen sind und welche Bedingungen gelten, lässt sich am verlässlichsten über die offiziellen Förderdatenbanken des Bundes und der Länder klären – oder über eine spezialisierte Beratung, die das Förderdesign zur Projektplanung passend macht.

Mein ehrlicher Rat: Planen Sie das Projekt zunächst ohne Förderung – wenn eine passende Förderung verfügbar ist, ist das schöner Zusatz. Wer ein notwendiges Projekt aufschiebt, weil er auf eine bestimmte Förderung wartet, verliert oft mehr durch Untätigkeit als die Förderung am Ende beigetragen hätte.

Wie Sie eine erste, ehrliche Kostenschätzung bekommen

Eine seriöse Kostenschätzung beginnt mit einer Bestandsaufnahme. Solange niemand auf den Code Ihrer Seite geschaut hat, sind alle Angaben Spekulation. Genau hier hilft unser kostenloser Access Score: Er führt ein automatisiertes WCAG-2.2-Audit Ihrer Website durch und zeigt Ihnen, wie viele und welche technischen Mängel vorhanden sind – und vor allem, wie systematisch sie sich durch die Seite ziehen. Auf dieser Basis lässt sich eine deutlich realistischere Schätzung ableiten, ob Sie mit überschaubarem Aufwand auskommen oder ob eine grundlegendere Sanierung ansteht.

Der Access Score ersetzt kein vollständiges Audit – die menschlich prüfbaren Kriterien wie inhaltliche Qualität von Alt-Texten oder Bedienfluss bei Custom-Komponenten bleiben einer manuellen Prüfung vorbehalten. Aber für die Frage „Welche Größenordnung erwartet uns hier?“ ist er der schnellste ehrliche Einstieg. Wer das Thema und seine Tragweite zunächst grundsätzlich verstehen will, findet die Einordnung in Was bedeutet Barrierefreiheit? Definition und der Business-Case dahinter.

Bild von Lukas Maximilian Langer

Lukas Maximilian Langer

Als Gründer der IFDB GmbH setzt sich Lukas Maximilian Langer dafür ein, digitale Barrierefreiheit vom Pflichtthema zum Selbstverständnis zu machen. Sein Ziel: Websites, Apps und Dokumente, die für alle zugänglich sind – unabhängig von Einschränkungen.

Ihre Anfrage –
wir melden uns zeitnah zurück

Schritt 1 / 2 Anliegen

Worum geht es? Mehrfachauswahl möglich.