Barrierefreie Website erstellen – nach WCAG, verständlich für alle
Wir gestalten neue Websites barrierefrei oder bauen bestehende Auftritte um – mit sauberer Struktur, Tastaturbedienung und ausreichenden Kontrasten. Design und Technik entstehen gemeinsam mit LOMA DESIGN, damit Barrierefreiheit von Anfang an Teil des Auftritts ist.

Eine barrierefreie Website lässt sich auch mit Screenreader, nur per Tastatur, mit starker Vergrößerung oder bei Farbsehschwäche vollständig nutzen; Maßstab sind die Web Content Accessibility Guidelines (WCAG) auf Konformitätsstufe AA. Nano Concepts prüft bestehende Seiten oder setzt neue Websites barrierefrei um – kompakte Auftritte meist im Starter-Paket ab 2.500 €, Shops und Portale im Professional-Paket ab 8.000 €. Ob das Barrierefreiheitsstärkungsgesetz (BFSG) für Ihr Angebot gilt, hängt vom Einzelfall ab; diese Einordnung ersetzt keine Rechtsberatung.
Barrierefreie Website mit Nano Concepts
Eine barrierefreie Website erstellen heißt: Jede Person kann Ihre Inhalte wahrnehmen, bedienen und verstehen – auch mit Screenreader, nur mit der Tastatur, mit starker Vergrößerung oder bei Farbsehschwäche. Maßstab dafür sind die WCAG, die Web Content Accessibility Guidelines des W3C, in der Praxis auf Konformitätsstufe AA. Wir setzen diese Kriterien bei neuen Websites von Beginn an um und bauen bestehende Auftritte gezielt um: von der Überschriftenstruktur über Alternativtexte und beschriftete Formularfelder bis zu sichtbarem Tastaturfokus und ausreichenden Kontrasten.
Seit dem 28. Juni 2025 gilt in Deutschland das Barrierefreiheitsstärkungsgesetz (BFSG). Es betrifft unter anderem Dienstleistungen im elektronischen Geschäftsverkehr – also Websites und Apps, über die Verbraucher Verträge abschließen, etwa Onlineshops oder Buchungsstrecken. Kleinstunternehmen, die Dienstleistungen erbringen, sind von diesen Anforderungen ausgenommen; rein informative Firmenseiten ohne Vertragsabschluss fallen in der Regel nicht darunter. Technisch dient die Norm EN 301 549 als Maßstab, die auf die WCAG verweist. Ob die Pflicht Ihre Website betrifft, sollten Sie im Zweifel juristisch prüfen lassen – unsere Einordnung ersetzt keine Rechtsberatung.
Barrierefreiheit zahlt sich auch ohne gesetzliche Pflicht aus. Eine saubere semantische Struktur hilft Suchmaschinen und KI-Suchen, Ihre Inhalte richtig zu verstehen, klare Formulare senken Abbrüche, und gut lesbare Texte überzeugen ältere Kundinnen und Kunden ebenso wie alle, die unterwegs am Smartphone lesen. Weil Gestaltung und Entwicklung bei LOMA DESIGN und Nano Concepts in einem Team entstehen, wird Barrierefreiheit nicht nachträglich aufgesetzt, sondern ist Teil von Farbwahl, Layout und Code. Zum Abschluss erhalten Sie einen Prüfbericht mit allen umgesetzten Punkten.
Typische Anzeichen, dass sich Barrierefreie Website lohnt
- Ihre Website lässt sich ohne Maus nicht vollständig bedienen, oder der Tastaturfokus ist nicht zu erkennen.
- Über Ihre Website schließen Verbraucher Verträge ab – etwa Bestellungen, Buchungen oder Abos – und Sie möchten für das BFSG vorbereitet sein.
- Hellgraue Schrift, Text in Bildern oder Formularfelder ohne Beschriftung prägen Ihren aktuellen Auftritt.
- Prüfwerkzeuge wie Lighthouse oder WAVE melden zahlreiche Fehler, und Sie wissen nicht, wo Sie anfangen sollen.
- Ein Relaunch steht an und Sie wollen Barrierefreiheit gleich einplanen, statt sie später aufwendig nachzurüsten.
Was wir für Sie umsetzen
Websites, die mit Tastatur, Screenreader und Vergrößerung funktionieren – nach WCAG umgesetzt, als Neubau oder Umbau.
Barrierefreiheits-Check Ihrer Website
Wir prüfen Ihre bestehende Seite automatisiert sowie manuell mit Tastatur und Screenreader und dokumentieren jede Barriere mit Fundstelle und Priorität.
Semantische Struktur & Navigation
Saubere Überschriftenhierarchie, Landmarks, Sprunglinks und eine logische Fokusreihenfolge sorgen dafür, dass sich jede Seite auch ohne Maus bedienen lässt.
Barrierefreies Design mit LOMA DESIGN
Farben, Schriftgrößen und Abstände werden so gewählt, dass Kontraste die WCAG-Anforderungen erfüllen und Informationen nie allein über Farbe vermittelt werden.
Formulare ohne Hürden
Beschriftete Felder, verständliche Fehlermeldungen und Hinweise, die Screenreader vorlesen – damit Kontakt, Buchung und Bestellung für alle funktionieren.
Alternativtexte & Medien
Aussagekräftige Alternativtexte für Bilder, Untertitel oder Transkripte für Videos und Slider, die sich anhalten und per Tastatur steuern lassen.
Prüfbericht & Barrierefreiheitsinformationen
Sie erhalten eine Dokumentation der umgesetzten Kriterien und auf Wunsch einen Textentwurf für die Informationen zur Barrierefreiheit Ihrer Website.
Mehr aus Webdesign
Websites, die Ihre Marke klar zeigen und Besucher gezielt zur Anfrage führen – gestaltet mit LOMA DESIGN.
Webdesign
Websites, die Ihre Marke klar zeigen und Besucher gezielt zur Anfrage führen – gestaltet mit LOMA DESIGN.
Mehr erfahrenLandingpage erstellen lassen
Landingpages für Anzeigen und Kampagnen – ein Angebot, ein Ziel, messbare Ergebnisse. Konzept und Design mit LOMA DESIGN.
Mehr erfahrenOnepage-Website
Onepage-Websites für Selbstständige und kleine Unternehmen – kompakter Auftritt auf einer Seite, mobil optimiert und schnell online.
Mehr erfahrenWarum Unternehmen auf uns setzen
Mehr Menschen erreichen
Menschen mit Seh-, Hör- oder motorischen Einschränkungen und ältere Nutzer können Ihr Angebot ohne fremde Hilfe nutzen und anfragen.
Solide Grundlage für das BFSG
Gilt das Gesetz für Ihr Angebot, orientiert sich die Umsetzung an den WCAG-Kriterien, auf die die Norm EN 301 549 verweist. Die rechtliche Prüfung im Einzelfall ersetzt das nicht.
Besser lesbar für Suchmaschinen
Semantisches HTML, klare Überschriften und Alternativtexte helfen Google und KI-Suchen, Ihre Inhalte richtig zuzuordnen.
Von Anfang an eingeplant
Weil Design und Code in einem Team entstehen, müssen Barrieren nicht nachträglich und aufwendig beseitigt werden.
Barrierefreie Website in Ihrer Branche
So sieht Barrierefreie Website in typischen Branchen aus – konkrete Beispiele aus dem Unternehmensalltag.
Industrie & Fertigung
Ein Maschinenbauer stellt technische Daten als barrierefreie HTML-Seiten statt als eingescannte PDFs bereit, damit auch Einkäufer mit Screenreader sie erfassen können.
Mehr erfahrenHandel & E-Commerce
Ein Onlinehändler macht Produktfilter, Warenkorb und Checkout per Tastatur bedienbar und beschriftet alle Formularfelder – ein Kernpunkt, wenn das BFSG für den Shop gilt.
Mehr erfahrenLogistik
Ein Paketdienstleister gestaltet Sendungsverfolgung und Abholterminbuchung so, dass Statusmeldungen vorgelesen werden und nicht nur farbig erscheinen.
Mehr erfahrenGesundheit & Pflege
Eine Arztpraxis bietet Informationen in klarer Sprache, große Schaltflächen und eine Online-Terminvergabe, die auch Patientinnen mit Sehschwäche bedienen können.
Mehr erfahrenImmobilien
Eine Hausverwaltung stellt ihr Formular für Schadensmeldungen barrierefrei bereit, sodass auch ältere Mieter Anliegen ohne Anruf übermitteln.
Mehr erfahrenFinanzen & Versicherungen
Ein Versicherungsmakler macht Rechner und Online-Abschlussstrecken zugänglich – mit verständlichen Fehlermeldungen und ohne knappe Zeitlimits beim Ausfüllen.
Mehr erfahrenDienstleistung & Beratung
Eine Steuerkanzlei überarbeitet Kontraste, Schriftgrößen und Kontaktformular, damit Mandanten jeden Alters ohne Hürden Kontakt aufnehmen.
Mehr erfahrenHandwerk
Ein Sanitärbetrieb mit Online-Buchung für Wartungstermine stellt sicher, dass der Buchungsweg auch per Tastatur und mit Vergrößerung funktioniert.
Mehr erfahrenStartups
Ein Startup mit Abo-Modell plant Barrierefreiheit direkt in sein Design-System ein und spart sich spätere Umbauten an Registrierung und Checkout.
Mehr erfahrenBildung & Forschung
Eine Weiterbildungsakademie macht Kursanmeldung und Lernvideos mit Untertiteln zugänglich, damit alle Teilnehmenden gleich gut starten.
Mehr erfahrenTourismus & Gastronomie
Ein Hotel gestaltet seine Buchungsstrecke barrierefrei und beschreibt die Zugänglichkeit der Zimmer genau – Angaben, nach denen viele Gäste gezielt suchen.
Mehr erfahrenMedien & Kreativwirtschaft
Ein Verlag versieht Artikel mit sauberer Überschriftenstruktur, Alternativtexten und Transkripten, damit Inhalte auch vorgelesen gut verständlich sind.
Mehr erfahrenSo läuft Ihr Projekt ab
- Erstgespräch & ZielbildWir klären, welche Funktionen Ihre Website hat, ob darüber Verträge abgeschlossen werden und welches Ziel Sie verfolgen. Danach erhalten Sie ein transparentes Angebot.
- Prüfung nach WCAGWir testen Ihre Seite automatisiert und manuell mit Tastatur und Screenreader und priorisieren die gefundenen Barrieren.
- Barrierefreies DesignLOMA DESIGN passt Farben, Typografie und Komponenten an oder gestaltet den Auftritt neu – mit geprüften Kontrasten und klaren Fokuszuständen.
- Umsetzung im CodeNano Concepts setzt Struktur, Formulare, Medien und interaktive Elemente um und testet jede Vorlage erneut.
- Abschlusstest & DokumentationSie erhalten einen Prüfbericht und eine Einweisung, wie Sie neue Inhalte im Redaktionssystem barrierefrei anlegen.
Technologien & Werkzeuge
Häufige Fragen zu Barrierefreie Website
Das BFSG gilt seit dem 28. Juni 2025 unter anderem für Dienstleistungen im elektronischen Geschäftsverkehr, also Websites und Apps, über die Verbraucher Verträge abschließen. Kleinstunternehmen mit weniger als zehn Beschäftigten und höchstens 2 Mio. € Jahresumsatz oder Jahresbilanzsumme sind bei Dienstleistungen ausgenommen; für öffentliche Stellen gelten eigene Regeln wie die BITV 2.0. Ob Ihre Website betroffen ist, hängt vom Einzelfall ab – unser Hinweis ersetzt keine Rechtsberatung.
Für private Unternehmen ist vor allem das Barrierefreiheitsstärkungsgesetz (BFSG) maßgeblich, mit dem Deutschland den European Accessibility Act umsetzt. Für die technische Umsetzung gilt die Norm EN 301 549 als Maßstab, die auf die WCAG-Kriterien der Stufe AA verweist. Zusätzlich verlangt das BFSG Informationen darüber, wie Ihr Angebot die Anforderungen erfüllt. Diese Einordnung ersetzt keine Rechtsberatung.
Die wichtigsten Punkte: Alle Funktionen sind per Tastatur erreichbar, der Fokus ist sichtbar, normaler Text hat ein Kontrastverhältnis von mindestens 4,5:1, Bilder haben Alternativtexte und Formularfelder sind beschriftet. Hinzu kommen eine logische Überschriftenstruktur, Untertitel für Videos und Inhalte, die bei 200 % Zoom vollständig nutzbar bleiben. Eine Checkliste ersetzt aber keine Prüfung mit echten Hilfsmitteln wie Screenreadern.
Eine neue barrierefreie Unternehmenswebsite oder der Umbau einer kompakten Seite liegt meist im Starter-Paket ab 2.500 €. Shops, Buchungsstrecken oder Portale mit vielen Vorlagen und Formularen kalkulieren wir im Professional-Paket ab 8.000 €, große Plattformen als Enterprise-Projekt individuell. Das genaue Angebot erhalten Sie nach dem kostenlosen Erstgespräch und einer ersten Sichtung Ihrer Seite.
Das hängt vor allem davon ab, ob wir auf bestehendem Code aufbauen oder neu entwickeln. Eine erste Prüfung zeigt, wie viele Vorlagen und Komponenten betroffen sind; daraus entsteht ein Zeitplan mit festen Etappen. Steht ohnehin ein Relaunch an, ist es meist effizienter, Barrierefreiheit direkt in die neue Website einzuplanen.
Overlay-Tools, die per Skript Schalter für Schriftgröße oder Kontrast einblenden, beheben die Ursachen meist nicht: Fehlende Beschriftungen, falsche Struktur oder nicht bedienbare Menüs bleiben im Code bestehen. Wir setzen Barrierefreiheit deshalb direkt in Design und Quelltext um. Das ist nachhaltiger und lässt sich mit Prüfwerkzeugen nachvollziehbar belegen.
Barrierefreie Website in Ihrer Stadt
Wir betreuen Unternehmen in ganz Deutschland – remote und bei Bedarf vor Ort. Wählen Sie Ihre Stadt:
Firmensitz
Direkt in der Region
Im Südwesten
Bundesweit im Einsatz
Verwandte Leistungen
Webdesign
Websites, die Ihre Marke klar zeigen und Besucher gezielt zur Anfrage führen – gestaltet mit LOMA DESIGN.
Mehr erfahrenUI/UX-Design
Oberflächen für Software, Apps und Portale – erforscht, als Prototyp getestet und mit LOMA DESIGN gestaltet.
Mehr erfahrenSEO-Technik & Relaunch
Relaunch und technisches SEO mit Weiterleitungsplan, Ladezeit-Optimierung und Monitoring – gemeinsam mit LOMA DESIGN.
Mehr erfahrenE-Commerce & Onlineshops
Onlineshops mit Shopify, WooCommerce oder Shopware – inklusive Zahlung, Versand und Anbindung an Ihre Warenwirtschaft.
Mehr erfahrenBegriffe rund um Barrierefreie Website kurz erklärt
Weiterlesen

Website-Relaunch ohne Rankingverlust: Der Leitfaden
Neues Design, neues System – und plötzlich bleiben Besucher aus? So planen Sie Ihren Website-Relaunch, damit Rankings und Anfragen erhalten bleiben.
Weiterlesen
Design trifft Entwicklung: Warum beides aus einer Hand kommen sollte
Wenn Agentur und Entwickler getrennt arbeiten, gehen Zeit und Qualität an den Schnittstellen verloren. Warum LOMA DESIGN und Nano Concepts als ein Team auftreten.
Weiterlesen
SEO und Suchmaschinen-Sichtbarkeit: Technik, Inhalte, Messung
Gute Rankings entstehen aus Technik, Inhalten und konsequenter Auswertung. So wird Ihre Unternehmenswebsite in Suchmaschinen sichtbar – und gewinnt qualifizierte Anfragen.
Weiterlesen