Agentur für barrierefreies Webdesign: ganzheitlich nach WCAG 2.2 AA
Barrieren auf Internetseiten entstehen in der Gestaltung, in den Inhalten und im Code – und oft genau dort, wo alle drei zusammenkommen. Deshalb planen, gestalten und entwickeln wir barrierefreie Websites als ganzheitliches Konzept: von der ersten Einschätzung bis zur Schulung Ihrer Redaktion.
- WCAG 2.2 AA
- Über 15 Jahre Erfahrung
- 300+ Kunden
Barrierefreiheit ganzheitlich gedacht: Gestaltung, Inhalt und Technik
Barrierefreiheit ist keine Checkliste, die man am Ende abhakt, und kein Plugin, das man nachinstalliert (auch wenn es verlockend klingt). Barrieren sind für nicht betroffene häufig unsichtbar und entstehen primär an drei Stellen – in der Gestaltung, in den Inhalten und im Code. Die hartnäckigsten stecken dort, wo alle drei zusammenkommen: im Menü, im Formular, im Slider oder im Cookie-Banner. Deshalb betrachten wir sie von Anfang an gemeinsam.
Die Grundlagen für eine "barrierearme" Seite setzen wir bei jeder Website um. Soll Ihre Website WCAG 2.2 AA erfüllen, übernehmen wir die Detailarbeit, die dafür nötig ist – Seite für Seite und Komponente für Komponente und übernehmen für Sie das Projektmanagement rund um die dann notwendige externe Barrierefreiheits-Prüfung.
Barrierefrei gestalten, ohne an Charakter zu verlieren
Barrierefreiheit beginnt im Design – lange bevor eine Zeile Code entsteht.
- Kontraste, die auch für Menschen mit Sehschwäche funktionieren – und der Einsatz einer Farbpalette, die das von Anfang an einplant
- Feedback zu Nutzereingaben wie Fehler oder aktive Auswahlen sind nicht nur über Farbe erkenntlich
- ein sichtbarer Tastaturfokus, der nicht von einem "Sticky-Header" oder Cookie-Banner verdeckt wird
- Klickflächen von mindestens 24 × 24 Pixeln und Layouts, die auch bei starker Vergrößerung funktionieren
- Animationen, die sich anhalten lassen
Inhalte, die verständlich bleiben
Die beste Technik nützt wenig, wenn Inhalte nicht mitspielen – und Inhalte ändern sich jeden Tag.
- Überschriften, die eine sinnvole Gliederung ergeben
- Alternativtexte, die sagen, was ein Bild für den Inhalt bedeutet
- eindeutige Linktexte statt „hier klicken“
- Untertitel und Transkripte für Videos, barrierefreie PDFs
- eine Redaktion, die potenzielle Barrieren im Alltag bedenkt – dafür schulen wir Ihr Team
Code, auf den sich Screenreader verlassen
Sauberes HTML ist die Grundlage. Schwierig wird es meist bei allem, was sich bewegt oder aufklappt.
- semantisches HTML, ARIA nur dort, wo es wirklich nötig ist
- Menüs, Akkordeons, Slider und Dialoge, die per Tastatur und Screenreader funktionieren
- Formulare mit Beschriftungen und Fehlermeldungen, die sagen, was zu tun ist
- Drittanbieter-Elemente wie Cookie-Banner, Karten und Videoplayer, die wir prüfen und bei Bedarf ersetzen (sofern möglich)
- Tests mit Tastatur und Screenreader, nicht nur mit automatischen Tools
>Was bedeutet barrierefreies Webdesign?
Eine barrierefreie Website ist so gestaltet und entwickelt, dass sie für alle Nutzer zugänglich und nutzbar ist – unabhängig von ihren individuellen Fähigkeiten oder technischen Möglichkeiten.
Dies umfasst die Berücksichtigung von Menschen mit motorischen Einschränkungen, Sehbehinderungen oder gemindertem Hörvermögen. Die Einschränkungen können dauerhaft sein oder auch nur vorübergehend (etwa nach einem Unfall), sodass Nutzer:innen auf bestimmte Hilfsmittel wie einen Screenreader angewiesen sind.
Maßstab für die Umsetzung einer barrierefreien Website sind die Web Content Accessibility Guidelines (WCAG) des W3C. Wir arbeiten nach Komformitätsstufe WCAG 2.2 AA - der Quasi-Standard der Branche, an dem sich bspw. auch das BFSG orientiert.
Wo die häufigsten Barrieren stecken, lesen Sie in unserem Ratgeber: Website barrierefrei gestalten.
Das übernehmen wir für Sie
- Beratung und Prüfung Ihrer bestehenden Website
- Barrierefreies Webdesign nach WCAG 2.2 AA
- Barrierefreie Webentwicklung nach WCAG 2.2 AA
- Barrierefreie Inhalte: Alternativtexte, Untertitel, Transkripte
- Workshops für Ihre Redaktion
Ist eine barrierefreie Website für mein Unternehmen Pflicht?
Seit dem 28. Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz (BFSG). Es betrifft vor allem Websites und Apps, über die Verbraucher etwas kaufen, buchen oder direkt einen Vertrag abschließen. Für Öffentliche Stellen gilt die BITV 2.0. Ausgenommen vom BFSG sind unter anderem reine B2B-Angebote und Kleinstunternehmen mit weniger als 10 Mitarbeitenden und (!) weniger als 2 Millionen Euro Jahresumsatz.
Welche Funktionen Ihrer Website betroffen sein könnten, schauen wir uns im Erstgespräch gemeinsam an.
Wen das BFSG betrifft · Ratgeber: Website barrierefrei gestalten
Muss Ihre Website barrierefrei sein?
Drei Fragen, eine erste Einordnung.
Nach jeder Antwort aktualisiert sich das Feld „Einordnung“.
Einordnung
0 von 3 Schritten erledigt
Beantworten Sie die drei Fragen – nach jeder Antwort sehen Sie hier eine erste Einordnung.
Kostenloses Erstgespräch anfragenGrauzone Kontaktformular: Die IHK zu Essen hält es für möglich, dass schon ein Kontaktformular oder eine Terminbuchung genügt; der Zentralverband des Deutschen Handwerks hält allgemeine Kontaktformulare in der Regel für nicht erfasst. Dieser Check ersetzt keine Rechtsberatung. Details im Artikel
So wird Ihre Website barrierefrei
Barrierefreiheit entsteht nicht durch ein Plugin, sondern in Konzept, Design, Code und Redaktion. So arbeiten wir:
-
Prüfen und beraten
Wir sehen uns Ihre Website oder Ihr Vorhaben an, zeigen die wichtigsten Barrieren und besprechen, was sich im bestehenden System beheben lässt und wann ein Neuaufbau sinnvoller ist.
-
Barrierefreies Webdesign
Klare Navigation, hohe Kontraste, gut lesbare Schriften und eine intuitive Nutzerführung – gestaltet nach WCAG 2.2 AA, ohne dass Ihre Website ihren Charakter verliert.
-
Barrierefreie Webentwicklung
Semantisch korrektes HTML, ARIA-Attribute dort, wo sie nötig sind, und vollständige Tastaturbedienbarkeit aller interaktiven Elemente.
-
Inhalte und Redaktion
Wir erstellen Alternativtexte, Untertitel und Transkripte und strukturieren Inhalte klar. In Workshops zeigen wir Ihrem Team, wie neue Inhalte barrierefrei bleiben.
Sie planen ohnehin einen Relaunch? Dann bauen wir Barrierefreiheit nach WCAG 2.2 AA auf Wunsch von Anfang an ein. Website-Relaunch
Neugierig, wie wir anderen Unternehmen geholfen haben? Entdecken Sie unsere Cases.
Erfolgreiche Zusammenarbeit mit der Schweizer Paraplegiker Forschung
Schweizer Paraplegiker Forschung- Webentwicklung
- Prototyping
- User-Interface Design
- Technische Beratung
- Barrierefreiheit Consulting
Neugestaltung der Webpräsenzen für die Fachzeitschrift der Lebensmittelbranche
Lebensmittelpraxis.de- Joomla!
- Webentwicklung
- User Interface Design
Echte Stimmen. Echte Erfolge.
Sie planen ein ähnliches Vorhaben? Erstgespräch anfragen
Qualität, auf die Sie vertrauen können
Was kostet eine barrierefreie Website?
Pauschal lässt sich das kaum beziffern. Der Aufwand hängt davon ab, wie viele Inhalte und Seitentypen Ihre Website hat, wie Inhalte konkret ausgestaltet sind (Stichwort interaktive Elemente wie Slider etc.) und welche Drittanbieter-Elemente sie nutzt.
Als Orientierung: Für Barrierefreiheit nach WCAG 2.2 AA planen Sie in der Regel ca. 3.000 bis 10.000 € zusätzlich zum Website-Projekt ein.
Von Anfang an mitgedacht ist die klügere Wahl: Das ist insgesamt günstiger als eine Nachrüstung. Und Nachrüsten ist ohnehin keine einmalige Maßnahme – jede neue Seite, jedes Bild und jedes Video muss die Anforderungen wieder aufs neue erfüllen. Barrierefreiheit braucht deshalb ein Konzept, das Ihre Redaktion dauerhaft mitträgt.
Barrierefreiheit setzt Rahmenbedingungen, die Sie kennen sollten – etwa engere Grenzen bei Farben und Kontrasten, ggf. reduzierte Animationen oder den Verzicht auf Drittanbieter-Tools, die sich nicht barrierefrei einbinden lassen. Welche das bei Ihnen sind, besprechen wir vor dem Angebot.
„Barrierefreiheit ist nie eine einmalige Sache sondern ein Konzept. Diese von Anfang an mitzudenken ist günstiger als zu einem späteren Zeitpunkt nachzurüsten.“
Häufig gestellte Fragen zu barrierefreiem Webdesign
Was kostet die Entwicklung einer barrierefreien Website?
Pauschal lässt sich das kaum sagen: Der Aufwand hängt vom Umfang der Inhalte, den eingesetzten Modulen und dem System ab. Als Orientierung planen Sie für Barrierefreiheit nach WCAG 2.2 AA in der Regel ca. 3.000 bis 10.000 € zusätzlich zum Website-Projekt ein. Von Anfang an mitgedacht ist sie insgesamt günstiger als nachgerüstet – zumal Nachrüsten keine einmalige Sache ist: Auch neue Inhalte müssen die Anforderungen dauerhaft erfüllen. Nach dem kostenlosen Erstgespräch bekommen Sie ein unverbindliches Festpreisangebot.
Was sind BITV und WCAG?
Die WCAG (Web Content Accessibility Guidelines) sind die internationalen Richtlinien des W3C für barrierefreie Webinhalte; aktuell ist Version 2.2. Die BITV 2.0 ist die Verordnung für öffentliche Stellen des Bundes; die Länder haben eigene Regelungen. Für Unternehmen ist beim BFSG voraussichtlich die europäische Norm EN 301 549 maßgeblich, die für Websites auf den WCAG aufbaut.
Wie lange dauert die Entwicklung einer barrierefreien Website?
Das hängt vom Umfang ab: Eine kleine Unternehmenswebsite ist schneller umgesetzt als ein Shop oder ein Portal. Den verbindlichen Zeitplan nennen wir Ihnen im Angebot.
Muss meine bestehende Website komplett neu gestaltet werden, um barrierefrei zu sein?
Nicht unbedingt. Kontraste, Alt-Texte, Formulare und Tastaturbedienung lassen sich oft im bestehenden System beheben. Ist das Template oder das CMS veraltet – etwa bei Joomla 3 –, ist ein Relaunch meist sinnvoller als viele Einzelreparaturen. Das zeigt eine erste Prüfung. Wichtig: Auch nach dem Nachrüsten bleibt Barrierefreiheit eine Daueraufgabe – jede neue Seite und jedes neue Bild muss mitziehen. Deshalb schulen wir auf Wunsch auch Ihre Redaktion.
Wie überprüfe ich, ob meine Website barrierefrei ist?
Einen ersten Eindruck geben Tools wie WAVE oder Lighthouse und unser Selbsttest. Danach braucht es einen Test von Hand: per Tastatur, mit Zoom und mit einem Screenreader. Gern sehen wir uns Ihre Website im kostenlosen Erstgespräch gemeinsam an.
Muss meine Website nach dem BFSG barrierefrei sein?
Wenn Verbraucher über Ihre Website etwas kaufen, buchen oder einen Vertrag abschließen, in der Regel ja – seit dem 28. Juni 2025. Ausgenommen sind unter anderem reine B2B-Angebote und Kleinstunternehmen, die Dienstleistungen erbringen. Details lesen Sie im Artikel Wen das BFSG betrifft.
Lassen Sie uns über Ihre Website sprechen
Im Erstgespräch schauen wir gemeinsam, wo Ihre Website heute steht und welcher Weg zu einer barrierefreien Website passt.
So geht es nach Ihrer Anfrage weiter
-
Sie schreiben uns über das Formular oder rufen an.
-
Wir melden uns werktags in der Regel innerhalb weniger Stunden.
-
Im Erstgespräch – per Video oder persönlich – lernen wir uns kennen: David Jardin, Lukas Jardin oder beide hören zu, beraten Sie ehrlich und schätzen Ihr Vorhaben ein. Das Gespräch ist kostenlos und unverbindlich.
-
Passt es für beide Seiten, erhalten Sie danach ein Angebot zum Festpreis.
+49 221 677 863 520