Incluno
Website für Incluno, ein Widget für digitale Barrierefreiheit: vom Versprechen über Funktionen und Preise bis zur kostenlosen Anmeldung.
Nuxt.js, Storyblok
Software für Barrierefreiheit
)
)
Barrierefreie Webseite erstellen lassen, vom Check bis zum Code.
Seit dem 28. Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz (BFSG) für viele Online-Shops und Buchungsstrecken. Ich prüfe deine bestehende Webseite, behebe die Barrieren direkt im Code und baue neue Webseiten von Anfang an barrierefrei, orientiert an WCAG 2.1 auf Stufe AA.
Prüfung deiner bestehenden Seite
Barrieren im Code behoben
Orientiert an WCAG 2.1 AA
Neue Seiten barrierefrei ab Start
Gilt das BFSG für meine Webseite?
Gut möglich, wenn du online an Verbraucher verkaufst oder Buchungen und Verträge über deine Webseite abschließen lässt. Das BFSG gilt seit dem 28. Juni 2025 für viele digitale Dienstleistungen gegenüber Verbrauchern, vor allem für Online-Shops und Online-Buchungen. Kleinstunternehmen, die Dienstleistungen erbringen, sind ausgenommen.
Wichtig: Das ist ein Überblick und keine Rechtsberatung. Ob und wie das BFSG für dein Unternehmen gilt, klärst du im Zweifel mit einer Anwältin oder einem Anwalt.
- Betroffen sind viele B2C-Angebote, vor allem Online-Shops sowie Buchungen und Vertragsabschlüsse im Netz
- Ausgenommen sind Kleinstunternehmen mit Dienstleistungen: weniger als 10 Beschäftigte und höchstens 2 Mio. Euro Jahresumsatz oder Jahresbilanzsumme
- Technischer Maßstab ist die Norm EN 301 549, die auf WCAG 2.1 Stufe AA aufbaut
- Eine Barrierefreiheitserklärung ist Pflicht
- Marktüberwachungsbehörden können Bußgelder bis zu 100.000 Euro verhängen
2025
seit dem 28. Juni gilt das BFSG
B2C
vor allem Online-Shops und Buchungen sind betroffen
AA
Stufe der WCAG 2.1 als technischer Maßstab
100.000
Euro Bußgeld sind höchstens möglich
Für wen Barrierefreiheit jetzt Thema ist.
Besonders gefragt ist sie bei Angeboten, über die Verbraucher online kaufen, buchen oder Verträge abschließen.
Online-Shops
Vom Produktfilter bis zum Checkout: Jeder Schritt sollte mit Tastatur und Screenreader funktionieren.
Buchungen und Reservierungen
Termine, Tickets oder Tische: Kalender und Formulare sind hier typische Stolpersteine.
Verträge im Netz
Wer Verträge über die Webseite abschließen lässt, braucht verständliche und bedienbare Formulare.
Alle anderen
Auch ohne Pflicht lohnt es sich: Klare Struktur und gute Kontraste helfen allen Besuchern, und Suchmaschinen verstehen die Seite besser.
Was ich an deiner Webseite barrierefrei mache.
Die Arbeit steckt vor allem im Code und im Aufbau der Seite. Diese Bereiche prüfe und behebe ich.
Prüfung der bestehenden Webseite
Ich prüfe die wichtigsten Seiten und Abläufe gegen die Kriterien der WCAG 2.1 AA, per Tastatur und mit Prüfwerkzeugen. Du bekommst eine verständliche Übersicht, was nicht passt und wie es sich beheben lässt.
- Startseite, Formulare und wichtige Abläufe
- Übersicht der gefundenen Barrieren
- Festpreis für die Behebung
Struktur und Semantik
Eine saubere Überschriften-Hierarchie, Bereiche wie Navigation und Hauptinhalt richtig ausgezeichnet und echte Buttons und Links statt klickbarer Flächen. So verstehen Screenreader, wie deine Seite aufgebaut ist.
- Überschriften in logischer Reihenfolge
- Navigation, Hauptinhalt und Fußbereich ausgezeichnet
- Sprache der Seite korrekt angegeben
Kontraste und Lesbarkeit
Texte und Bedienelemente bekommen genug Kontrast zum Hintergrund, Schriften bleiben gut lesbar, und beim Vergrößern bleibt der Inhalt bedienbar.
- Kontraste nach WCAG 2.1 AA
- Lesbare Schriftgrößen
- Inhalt funktioniert auch vergrößert
Tastaturbedienung und Fokus
Menüs, Formulare, Slider und Dialoge funktionieren ohne Maus, in einer sinnvollen Reihenfolge. Ein deutlich sichtbarer Fokus zeigt jederzeit, wo man gerade ist.
- Alle Funktionen per Tastatur erreichbar
- Sichtbarer Fokus-Rahmen
- Sprunglink zum Hauptinhalt
Alternativtexte für Bilder
Bilder mit Inhalt bekommen Alternativtexte, die beschreiben, was zu sehen ist. Rein dekorative Grafiken werden so markiert, dass Screenreader sie überspringen.
- Alt-Texte für inhaltliche Bilder
- Dekorative Grafiken ausgeblendet
- Alt-Text-Feld im CMS für neue Bilder
Barrierefreie Formulare
Jedes Feld hat eine sichtbare Beschriftung, Pflichtfelder sind klar markiert, und Fehlermeldungen sagen, was zu tun ist, auch für Screenreader. Im Checkout und bei Buchungen ist das besonders wichtig.
- Beschriftete Felder
- Verständliche Fehlermeldungen
- Bedienbar per Tastatur
Neue Webseite, barrierefrei geplant
Wenn du ohnehin neu baust, plane ich Barrierefreiheit von Anfang an mit ein. Das ist einfacher als späteres Nachbessern. Wie ein Webseiten-Projekt bei mir abläuft, steht unter Webseite erstellen lassen.
- Barrierefreiheit ab dem ersten Entwurf
- Individuelles Design
- Selbst pflegbar per CMS
In vier Schritten zur barrierefreien Webseite.
Kurzes Gespräch
Wir klären, um welche Seite es geht und welche Abläufe wichtig sind, etwa Shop, Buchung oder Kontaktformular.
Prüfung und Festpreis
Ich prüfe die Seite und zeige dir die gefundenen Barrieren. Für die Behebung bekommst du einen Festpreis.
Umsetzung im Code
Ich behebe die Barrieren: Struktur, Kontraste, Tastatur, Fokus, Alt-Texte und Formulare. Danach prüfe ich erneut.
Übergabe und Support
Ich zeige dir, wie du neue Inhalte barrierefrei einpflegst, zum Beispiel Alt-Texte im CMS. 30 Tage Support sind inklusive.
Projekt zum Thema: Incluno.
Für Incluno, einen Anbieter von Software für digitale Barrierefreiheit, habe ich die Website mit Nuxt und Storyblok gebaut. Die Aufgabe: ein technisches und rechtliches Thema so erklären, dass Website-Betreiber es verstehen. Mehr dazu in der Case Study.
Wer deine Seite barrierefrei macht: Marlon Schirl.
Ich bin Marlon Schirl, Webentwickler aus Wendelstein bei Nürnberg. Seit über 5 Jahren baue ich Webseiten und Online-Shops, bisher über 30 Projekte. Sauberer, semantischer Code ist dabei die Grundlage für alles, auch für Barrierefreiheit.
Du sprichst direkt mit mir, nicht mit einem Account-Manager. In Nürnberg und Mittelfranken komme ich gern persönlich vorbei, Kunden in ganz Deutschland betreue ich remote per Telefon und Video.
- Jahre Erfahrung
- 5+
- Projekte umgesetzt
- 30+
- direkter Ansprechpartner
- 1
- HTML-Semantik
- WCAG 2.1
- ARIA
- Nuxt
- Vue
- WordPress
- Storyblok
- Shopify
Häufige Fragen zur barrierefreien Webseite.
Das hängt davon ab, was du online anbietest. Das BFSG erfasst viele digitale Dienstleistungen gegenüber Verbrauchern, vor allem Online-Shops und Abläufe, über die man online bucht oder Verträge abschließt. Kleinstunternehmen, die Dienstleistungen erbringen, sind ausgenommen.
Ob das auf dich zutrifft, klärst du im Zweifel mit einer Rechtsberatung. Diese Seite ist keine Rechtsberatung.
Seit dem 28. Juni 2025. Wenn du unsicher bist, ob und ab wann es für dein Angebot gilt, lass das rechtlich prüfen. Um die technische Umsetzung kümmere ich mich.
Ja, für Kleinstunternehmen, die Dienstleistungen erbringen: weniger als 10 Beschäftigte und höchstens 2 Mio. Euro Jahresumsatz oder Jahresbilanzsumme. Barrierefreiheit kann sich trotzdem lohnen, weil eine klare, gut bedienbare Seite allen Besuchern hilft.
Technischer Maßstab ist die europäische Norm EN 301 549. Sie baut auf den Web Content Accessibility Guidelines auf, kurz WCAG 2.1, Stufe AA. Praktisch heißt das zum Beispiel: ausreichende Kontraste, vollständige Bedienung per Tastatur, ein sichtbarer Fokus, Alternativtexte für Bilder und verständliche Formulare.
Eine Erklärung auf deiner Webseite, die für betroffene Angebote nach dem BFSG Pflicht ist. Den Inhalt stimmst du am besten mit deiner Rechtsberatung ab. Ich binde die Erklärung gut auffindbar ein und sage dir, welche Punkte auf deiner Seite technisch umgesetzt sind.
Die Marktüberwachungsbehörden können bei Verstößen gegen das BFSG Bußgelder von bis zu 100.000 Euro verhängen. Wie hoch das Risiko in deinem Fall ist, kann dir nur eine Rechtsberatung sagen. Ich kümmere mich um die technische Seite.
Das hängt vor allem davon ab, wie viele unterschiedliche Seitentypen und Formulare es gibt, ob ein Checkout oder eine Buchung dabei ist und wie die Seite technisch gebaut ist. Manchmal reichen gezielte Korrekturen, manchmal ist ein Neuaufbau sinnvoller.
Nach einem kurzen Gespräch und einem ersten Blick auf deine Seite bekommst du einen Festpreis.
In vielen Fällen ja: Kontraste, Fokus, Alt-Texte und Formulare lassen sich in der bestehenden Seite verbessern. Ist die Seite technisch veraltet oder mit einem Baukasten gebaut, der das nicht zulässt, kann ein Neuaufbau günstiger sein als das Flicken. Dann plane ich die Barrierefreiheit von Anfang an mit ein, egal ob Webseite oder Online-Shop.
Barrierefreiheit prüfen lassen
Drei kurze Fragen, etwa zwei Minuten. Nenn mir in der Beschreibung die Adresse deiner Webseite. Ich melde mich innerhalb von 24 Stunden persönlich bei dir.
Webseite / Landingpage