Barrierefreies Webdesign · Kassel

Barrierefreie Website.
Von allen bedienbar.

Seit dem 28. Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz. Ich baue Websites, die es erfüllen, und zwar von Anfang an statt nachträglich zusammengeflickt. Nach WCAG 2.1 Level AA, mit Prüfprotokoll und Barrierefreiheitserklärung.

Nach WCAG 2.1 Level AA
Komplett per Tastatur bedienbar
Mit Barrierefreiheitserklärung
Kein Overlay-Widget
★★★★★ 5,0 / 5 aus 10 Bewertungen
10+ Jahre Webentwicklung

Vertrauen von lokalen Unternehmen

realvwrVogelhandwerkAXISFliesenleger BerlinPodopunkt Eped-design Die FoliererVersicherungen mit StylerealvwrVogelhandwerkAXISFliesenleger BerlinPodopunkt Eped-design Die FoliererVersicherungen mit Style

Bin ich überhaupt betroffen?

Diese Frage kommt zuerst, und im Netz wird sie meist falsch beantwortet. Nein, es muss nicht jede Website in Deutschland barrierefrei sein. Hier ist die ehrliche Einordnung.

Du bist wahrscheinlich in der Pflicht

  • Du verkaufst online an Verbraucher (Shop, Buchung, Termine)
  • Du bietest Bank-, Versicherungs- oder Finanzdienstleistungen
  • Du bist im Personenverkehr tätig
  • Du vertreibst E-Books oder Telekommunikationsdienste
  • Du hast 10 oder mehr Beschäftigte und über 2 Mio. € Umsatz

Du bist vermutlich nicht verpflichtet

  • Deine Website ist reine Information ohne Vertragsabschluss
  • Du arbeitest ausschließlich im B2B-Bereich
  • Du hast unter 10 Beschäftigte UND höchstens 2 Mio. € Umsatz
  • Du bietest deine Leistung ausschließlich vor Ort an

Zwei Fallstricke, die oft übersehen werden. Die Kleinstunternehmer-Ausnahme greift nur, wenn beide Bedingungen zusammen erfüllt sind, und sie gilt nur für Dienstleistungen, nicht für Produkte. Und selbst wenn du nicht verpflichtet bist: Wer nicht bedienen kann, kauft nicht. Das gilt unabhängig von jedem Gesetz.

Ich bin Webentwickler, kein Anwalt. Diese Einordnung ist sorgfältig recherchiert, ersetzt aber im Zweifelsfall keine Rechtsberatung.

Was „barrierefrei“ konkret bedeutet.

Der Standard heißt WCAG 2.1 und steht auf vier Säulen. Sie klingen abstrakt, sind aber sehr konkret, wenn man sie übersetzt.

Wahrnehmbar

Man kann die Inhalte aufnehmen

Texte haben genug Kontrast, Bilder haben Alternativtexte, Videos haben Untertitel. Nichts wird allein über Farbe erklärt, denn wer rot und grün nicht unterscheidet, sieht dann keinen Unterschied.

Bedienbar

Man kommt überall hin

Die komplette Seite lässt sich ohne Maus bedienen, allein mit der Tastatur. Wo der Fokus gerade steht, ist immer sichtbar. Es gibt keine Zeitlimits, die niemand einhalten kann, und nichts blinkt gefährlich.

Verständlich

Man kapiert, was passiert

Die Sprache ist im Quelltext ausgezeichnet, damit Vorleseprogramme richtig betonen. Formulare sagen klar, was falsch war und wie man es behebt. Die Navigation funktioniert auf jeder Seite gleich.

Robust

Es funktioniert mit Hilfsmitteln

Der Quelltext ist sauber und semantisch, damit Screenreader, Braillezeilen und Sprachsteuerung ihn korrekt interpretieren. Genau hier scheitern die meisten Baukasten- und Template-Seiten.

Warum Overlay-Widgets das Problem nicht lösen

Es gibt Anbieter, die Konformität per eingebundenem Skript versprechen: ein Symbol am Bildschirmrand, dahinter Regler für Kontrast und Schriftgröße. Das Problem ist, dass diese Werkzeuge die Ursachen nicht anfassen. Fehlt einem Bild der Alternativtext, bleibt er auch mit Overlay leer. Ist ein Menü nicht per Tastatur erreichbar, ändert daran kein Regler etwas. Betroffenenverbände lehnen diese Widgets überwiegend ab, und in den USA gab es bereits zahlreiche Klagen gegen Websites, die trotz Overlay unbedienbar waren.

Google Bewertungen

Das sagen Kunden über die Zusammenarbeit.

Ich möchte mich herzlich für Ihre hervorragende Arbeit bedanken! Ich bin mit unserer Zusammenarbeit sehr zufrieden. Sie sind immer hilfsbereit, reagieren schnell auf Fragen und bieten stets effektive Lösungen an. Dank Ihrer Professionalität und Ihrer erfolgreichen Arbeit im Bereich Marketing und Unternehmensförderung stand mein Unternehmen über einen langen Zeitraum an erster Stelle. Das verdanke ich Ihrer Erfahrung, Ihrem Engagement und Ihrer zuverlässigen Unterstützung. Vielen Dank für Ihren großartigen Einsatz, Ihre Unterstützung und Ihren ausgezeichneten Service! Ich kann Sie mit gutem Gewissen jedem empfehlen, der einen zuverlässigen und kompetenten Partner für die Unternehmensförderung sucht.

Marjan Saladjak

Local Guide · vor 1 Tag

Ich habe mich bei Herrn Beck von Anfang an super gut aufgehoben gefühlt. Er ist auf all meine Wünsche und Vorstellungen eingegangen und hat sich viel Zeit genommen, um alles genau nach meinen Vorstellungen umzusetzen. Der gesamte Ablauf war professionell, freundlich und absolut zuverlässig. Ich kann Herrn Beck uneingeschränkt weiterempfehlen, 10/10 Service! Vielen Dank für die tolle Arbeit.

Eduard Felde

vor 5 Tagen

Passt sich super deinen Wünschen an und versucht durch eine maximale Zusammenarbeit zum besten Ergebnis zu kommen. Empfehle ich zu 100 Prozent weiter :)

Vio Schauer

vor einer Woche

Bin seit einigen Jahren Kunde von Dima. Meine Website bringt mir jede Woche neue Kunden und bin ziemlich gut ausgebucht mit meinem Handwerksbetrieb. Vielen Dank! Absolute Empfehlung für jeden lokalen Dienstleister.

Dieter Vogel

vor 12 Wochen

Dima and his company have truly transformed my business. They didn't just build a stylish, user-friendly website, they helped create a strong, consistent brand. On top of that, Dima developed advertising campaigns that generated real leads and brought in new clients, which has made a real difference. I'm incredibly grateful for his work and highly recommend him to anyone looking to grow their business.

Karen Simonyan

vor 12 Wochen

Ich möchte mich herzlich für die hervorragende Zusammenarbeit bedanken. Die Umsetzung meiner Webseite erfolgte äußerst professionell, schnell und zuverlässig. Besonders beeindruckt hat mich die unkomplizierte Kommunikation sowie die schnelle Reaktionszeit bei Fragen und Änderungswünschen. Herr Beck arbeitet sehr strukturiert, kundenorientiert und mit viel Fachkompetenz. Termine wurden zuverlässig eingehalten und das Ergebnis hat meine Erwartungen voll erfüllt. Ich kann Herrn Beck als Webdesigner uneingeschränkt weiterempfehlen.

Julia Bartuli

vor 9 Wochen

Wir arbeiten schon seit 2013 zusammen und sind bis heute sehr zufrieden. Support funktioniert nach wie vor 100-prozentig. Wir können die Firma d1ma Webdesign & Webentwicklung nur weiterempfehlen. Tolle Leistung! Beste Grüße, Paul Gebäudedienste

Paul Nagel

Local Guide · vor 12 Wochen

Ich bin sehr zufrieden mit der Erstellung meiner Webseite. Das Design ist modern, übersichtlich und genau so geworden, wie ich es mir vorgestellt habe. Auch die laufende Wartung funktioniert zuverlässig und schnell. Fragen oder Änderungen werden immer freundlich und kompetent erledigt. Vielen Dank für die tolle Zusammenarbeit! Klare Empfehlung!

David Tews

Local Guide · vor 9 Wochen

Menschlich und korrekt! Immer sehr verantwortungsbewusst. Würde es jedem empfehlen :)

Alexandra B.

vor 11 Wochen

Alle Bewertungen
auf Google ansehen

Zum Profil

Was du bekommst.

Ich baue neue Websites barrierefrei auf, statt bestehende nachzurüsten. Der Grund ist einfach: Nachrüsten kostet oft mehr als neu bauen, weil das Fundament nicht dafür gemacht ist.

Semantisches Fundament

Basis

Sauberer Quelltext mit echten Überschriften, Landmarks und Listen. Das ist die Grundlage, auf der Screenreader überhaupt navigieren können.

Kontrast & Typografie

Sichtbar

Alle Texte erreichen mindestens 4,5:1, große Schrift 3:1. Farbe allein transportiert nie eine Information, damit auch Farbfehlsichtige alles erfassen.

Vollständige Tastaturbedienung

Bedienbar

Jede Funktion ohne Maus erreichbar, sichtbarer Fokus, Sprunglink zum Inhalt und eine logische Reihenfolge beim Durchtabben.

Formulare, die führen

Verständlich

Eindeutige Beschriftungen, Fehlermeldungen, die den Fehler benennen und den Weg zeigen, und Statusmeldungen, die auch vorgelesen werden.

Prüfung & Protokoll

Nachweis

Automatisierte Prüfung mit axe-core plus manuelle Kontrolle per Tastatur. Du bekommst das Ergebnis dokumentiert, nicht nur behauptet.

Barrierefreiheitserklärung

Dokument

Eine Erklärung für deine Website mit Stand der Umsetzung, bekannten Einschränkungen und einem Kontaktweg für Rückmeldungen.

Probier es an dieser Seite aus.

Ich halte wenig davon, Barrierefreiheit zu verkaufen und sie auf der eigenen Website schleifen zu lassen. Deshalb kannst du hier direkt testen, wovon ich rede.

Drück einmal die Tabulatortaste. Oben links erscheint ein Sprunglink zum Inhalt, und danach wandert ein deutlich sichtbarer Rahmen durch die Seite. Unten im Fußbereich kannst du die Schriftgröße in drei Stufen ändern, die Einstellung bleibt beim nächsten Besuch erhalten.

Geprüft habe ich mit axe-core, dem Prüfmotor hinter den gängigen Testwerkzeugen. Ergebnis auf der Startseite: keine Verstöße. Was dabei noch offen ist, steht offen in meiner Barrierefreiheitserklärung.

Sprunglink zum Inhalt auf jeder Seite
Sichtbarer Fokusrahmen bei Tastaturbedienung
Schriftgröße in drei Stufen, dauerhaft gespeichert
Alle Kontraste nach WCAG 2.1 AA geprüft
Offene Erklärung statt Konformitätsversprechen

So läuft es ab.

Vier Schritte. Der erste kostet dich nichts und klärt die wichtigste Frage.

Betroffenheit klären

Wir schauen gemeinsam, ob und wie stark dich das BFSG trifft. Wenn nicht, sage ich dir das, statt dir etwas zu verkaufen.

Konzept & Design

Entwurf mit Kontrasten, Schriftgrößen und Struktur, die von Anfang an passen. Freigabe durch dich, bevor gebaut wird.

Umsetzung

Bau mit semantischem Quelltext, vollständiger Tastaturbedienung und laufender Prüfung, nicht erst am Ende.

Prüfung & Erklärung

Automatisierter und manueller Test, dokumentiertes Ergebnis, Barrierefreiheitserklärung für deine Seite.

Webdesign in Kassel und der Region

Kassel liegt im Herzen von Nordhessen. Ich betreue Unternehmen in der ganzen Region rund um Kassel: von hier aus schnell erreichbar, mit einem festen Ansprechpartner statt Agentur-Warteschleife.

Fragen zur Barrierefreiheit.

Die Fragen, die im Erstgespräch fast immer kommen. Auch die unbequemen.

Direkt fragen →
Muss meine Website barrierefrei sein?

Das hängt davon ab, was du anbietest. Das BFSG gilt seit dem 28. Juni 2025, aber nicht für jede Website. Es trifft vor allem Anbieter, die Verbrauchern Dienstleistungen elektronisch bereitstellen: Online-Shops, Buchungs- und Terminsysteme, Bankdienstleistungen, Personenverkehr, E-Books, Telekommunikation. Eine reine Visitenkarten-Website ohne Vertragsabschluss fällt in der Regel nicht darunter. Ich sage dir im Erstgespräch ehrlich, ob du betroffen bist.

Ich habe unter 10 Mitarbeiter, bin ich automatisch befreit?

Nicht automatisch. Die Kleinstunternehmer-Ausnahme greift nur, wenn du weniger als 10 Beschäftigte hast UND höchstens 2 Millionen Euro Jahresumsatz oder Bilanzsumme. Beide Bedingungen müssen zusammen erfüllt sein. Und sie gilt nur für Dienstleistungen, nicht für Produkte. Wer knapp über einer der Grenzen liegt, ist voll in der Pflicht.

Was kostet eine barrierefreie Website?

Bei einer neu gebauten Website ist der Aufpreis gering, weil Barrierefreiheit von Anfang an mitgedacht wird statt nachträglich eingebaut. Der Aufwand steckt in Struktur, Kontrasten, Tastaturbedienung und Tests, nicht in zusätzlicher Technik. Teuer wird es nur beim Nachrüsten einer bestehenden Seite, deren Fundament nicht dafür gemacht ist. Genau deshalb baue ich neu statt nachzubessern.

Reicht so ein Barrierefreiheits-Overlay nicht aus?

Nein, und ich rate ausdrücklich davon ab. Diese Widgets legen eine Bedienleiste über die Seite und versprechen Konformität per Knopfdruck. Sie beheben die eigentlichen Probleme nicht, weil die im Quelltext liegen. Betroffenenverbände lehnen sie überwiegend ab, und in den USA gab es bereits zahlreiche Klagen gegen Websites, die trotz Overlay nicht bedienbar waren. Barrierefreiheit entsteht im Code, nicht in einem Aufsatz darüber.

Was bedeutet WCAG 2.1 Level AA?

WCAG ist der internationale Standard für barrierefreie Webinhalte, Level AA ist die Stufe, auf die sich die europäische Norm EN 301 549 und damit auch das BFSG beziehen. Praktisch heißt das unter anderem: ausreichende Farbkontraste, vollständige Bedienbarkeit per Tastatur, sinnvolle Alternativtexte, klare Struktur und Formulare mit eindeutiger Beschriftung.

Bekomme ich eine Barrierefreiheitserklärung?

Ja, die gehört bei mir dazu. Du bekommst eine Erklärung für deine Website, in der der Stand der Umsetzung, bekannte Einschränkungen und ein Kontaktweg für Rückmeldungen dokumentiert sind. Dazu die Prüfprotokolle, damit du im Zweifel nachweisen kannst, was geprüft wurde und wann.

Wie prüfst du, ob die Seite wirklich barrierefrei ist?

Mit einer Kombination aus automatischer Prüfung und Handarbeit. Automatisch mit axe-core, dem Prüfmotor, den auch die gängigen Testwerkzeuge nutzen. Der findet allerdings nur einen Teil der Probleme. Dazu kommt die manuelle Prüfung: die Seite komplett per Tastatur bedienen, die Vorlesereihenfolge kontrollieren, Kontraste nachmessen. Beides zusammen, weil keins von beidem allein reicht.

Ist eine barrierefreie Website hässlich oder eingeschränkt?

Nein. Diese Sorge kommt fast immer, und sie stammt aus einer Zeit, in der Barrierefreiheit mit Textwüsten gleichgesetzt wurde. Die Anforderungen betreffen Kontrast, Struktur und Bedienbarkeit, nicht deinen Stil. Diese Website hier erfüllt sie und sieht aus, wie sie aussieht. Der einzige echte Eingriff: sehr helle Grautöne und dünne Schrift auf hellem Grund fallen weg. Das ist meist ohnehin ein Gewinn.

Barrierefreiheit bringt doch nur wenigen Menschen etwas, oder?

Umgekehrt. In Deutschland leben rund 7,8 Millionen Menschen mit einer Schwerbehinderung, viele davon mit Seh- oder Motorikeinschränkungen. Dazu kommt eine alternde Bevölkerung, für die Kontrast und Schriftgröße im Alltag zählen. Und ein großer Teil der Maßnahmen hilft allen: klare Struktur, gute Lesbarkeit und saubere Semantik verbessern nebenbei die Verständlichkeit für Suchmaschinen.

Bereit für den nächsten Schritt?

Die nächsten Kunden
suchen dich gerade bei Google, ChatGPT & Co.

Kostenlose Erstanalyse: Ich schaue mir an, wo du gerade stehstund sage dir ehrlich, was möglich ist. Kein Pitch, kein Druck.