Spezialisierung · Webdesign

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.

Erstgespräch kostenlosAngebot transparent, gern FestpreisBereich Webdesign
Beitragsbild: Barrierefreie Website
Kurz & klar

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.
Leistungsumfang

Was wir für Sie umsetzen

Websites, die mit Tastatur, Screenreader und Vergrößerung funktionieren – nach WCAG umgesetzt, als Neubau oder Umbau.

Barriere­freiheits-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 & Barriere­freiheitsinformationen

Sie erhalten eine Dokumentation der umgesetzten Kriterien und auf Wunsch einen Textentwurf für die Informationen zur Barrierefreiheit Ihrer Website.

Ihre Vorteile

Warum 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.

Einsatzbeispiele

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 erfahren

Handel & 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 erfahren

Logistik

Ein Paketdienstleister gestaltet Sendungsverfolgung und Abholterminbuchung so, dass Statusmeldungen vorgelesen werden und nicht nur farbig erscheinen.

Mehr erfahren

Gesundheit & 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 erfahren

Immobilien

Eine Hausverwaltung stellt ihr Formular für Schadensmeldungen barrierefrei bereit, sodass auch ältere Mieter Anliegen ohne Anruf übermitteln.

Mehr erfahren

Finanzen & Versicherungen

Ein Versicherungsmakler macht Rechner und Online-Abschlussstrecken zugänglich – mit verständlichen Fehlermeldungen und ohne knappe Zeitlimits beim Ausfüllen.

Mehr erfahren

Dienstleistung & Beratung

Eine Steuerkanzlei überarbeitet Kontraste, Schriftgrößen und Kontaktformular, damit Mandanten jeden Alters ohne Hürden Kontakt aufnehmen.

Mehr erfahren

Handwerk

Ein Sanitärbetrieb mit Online-Buchung für Wartungstermine stellt sicher, dass der Buchungsweg auch per Tastatur und mit Vergrößerung funktioniert.

Mehr erfahren

Startups

Ein Startup mit Abo-Modell plant Barrierefreiheit direkt in sein Design-System ein und spart sich spätere Umbauten an Registrierung und Checkout.

Mehr erfahren

Bildung & Forschung

Eine Weiterbildungsakademie macht Kursanmeldung und Lernvideos mit Untertiteln zugänglich, damit alle Teilnehmenden gleich gut starten.

Mehr erfahren

Tourismus & Gastronomie

Ein Hotel gestaltet seine Buchungsstrecke barrierefrei und beschreibt die Zugänglichkeit der Zimmer genau – Angaben, nach denen viele Gäste gezielt suchen.

Mehr erfahren

Medien & Kreativwirtschaft

Ein Verlag versieht Artikel mit sauberer Überschriftenstruktur, Alternativtexten und Transkripten, damit Inhalte auch vorgelesen gut verständlich sind.

Mehr erfahren
Ablauf

So läuft Ihr Projekt ab

  1. 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.
  2. Prüfung nach WCAGWir testen Ihre Seite automatisiert und manuell mit Tastatur und Screenreader und priorisieren die gefundenen Barrieren.
  3. Barrierefreies DesignLOMA DESIGN passt Farben, Typografie und Komponenten an oder gestaltet den Auftritt neu – mit geprüften Kontrasten und klaren Fokuszuständen.
  4. Umsetzung im CodeNano Concepts setzt Struktur, Formulare, Medien und interaktive Elemente um und testet jede Vorlage erneut.
  5. Abschlusstest & DokumentationSie erhalten einen Prüfbericht und eine Einweisung, wie Sie neue Inhalte im Redaktionssystem barrierefrei anlegen.

Technologien & Werkzeuge

Semantisches HTML5WAI-ARIAaxe DevToolsWAVELighthouseNVDAVoiceOverColour Contrast AnalyserFigma
FAQ

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.

Standorte

Barrierefreie Website in Ihrer Stadt

Wir betreuen Unternehmen in ganz Deutschland – remote und bei Bedarf vor Ort. Wählen Sie Ihre Stadt:

Passend dazu

Verwandte Leistungen

Digital-Lexikon

Begriffe rund um Barrierefreie Website kurz erklärt

Magazin

Weiterlesen