Jan Bittenbinder Du sprichst direkt mit mir, und ich setze die Arbeiten selbst um. Webdesign seit 2020.

Barrierefreie Website für Wittingen

Bei einer barrierefreien Website für Wittingen geht es darum, dass auch Kunden mit schwachen Augen oder ohne Maus deine Seiten bedienen können; dafür baue ich sie um. Das Barrierefreiheits­stärkungs­gesetz (BFSG) gilt seit Juni 2025, wobei nicht jedes Angebot darunterfällt. Bevor ich etwas ändere, prüfe ich mit Blick auf Gesetz und amtliche Leitlinien, ob deins erfasst ist und ob du die Ausnahme für Kleinstunternehmen in Anspruch nehmen könntest. Eine Rechtsberatung ist das nicht. Danach geht es an die Kontraste, an die Bedienung allein mit der Tastatur, an Alternativtexte für Bilder, an die Beschriftungen in Formularen und an die Struktur für Screenreader, also für Programme, die dir eine Seite vorlesen.

Du hörst werktags innerhalb von 24 Stunden von mir. Im Erstgespräch, rund eine Stunde, sehen wir uns an, welche Aufgaben Kunden auf deiner Website erledigen und an welchen Stellen es für sie heute endet. Ob per Video oder am Telefon: Das Gespräch findet so statt, wie du es möchtest. Nach der Bestandsaufnahme bekommst du den Preis, und zwar vor dem ersten Handgriff.

Farben · Tasten · Texte

Typische Barrieren, über die Kunden stolpern

Mit Maus und guten Augen klappt auf den meisten Websites alles, deshalb fällt beim eigenen Durchklicken selten etwas auf. Wer aber schwach sieht, ohne Maus auskommen muss oder sich die Seite vorlesen lässt, bleibt an Stellen hängen, die du so nie bemerkst. Das gilt im Onlineshop ebenso wie bei der Terminbuchung, etwa für die Kfz-Werkstatt, oder bei der Vorbestellung im Hofladen.

Beispiel: Seiten, Banner, Bild und Felder sind erfunden.

1 / 3

Kontrast zu schwach

Hellgrau auf Weiß, Text, der über einem Foto liegt, oder Knöpfe, die nur ihre Farbe unterscheidet: Mit nachlassender Sehkraft oder bei Sonnenlicht auf dem Smartphone bleibt das kaum lesbar.

2 / 3

Ohne Maus kein Weiterkommen

Das Menü, der Cookie-Banner oder der Bestellknopf sind per Tastatur nicht zu erreichen, oder der Fokus ist nicht zu sehen. Wer ohne Maus auf die Tastatur angewiesen ist, kommt nicht bis zur Buchung.

3 / 3

Unbeschriftete Bilder und Felder

Screenreader machen eine Seite hörbar. Gibt es keine Alternativtexte, das heißt keine Bildbeschreibungen, keine Beschriftungen an den Feldern und keine echten Überschriften, hört man bloß „Grafik“, „Eingabefeld“ und Text, der nicht gegliedert ist. Eine Buchung gelingt so nur mit viel Glück.

Prüfung · Formulare · Kontraste

Was gehört dazu, eine Website barrierefrei zu machen?

Was davon dein Betrieb braucht, steht am Ende im Angebot.

  1. Prüfung

    Prüfung: EN 301 549, WCAG 2.2, Stufe AA

    Die EN 301 549 gilt der Bundesfachstelle Barrierefreiheit derzeit als zentrale technische Referenz, deshalb prüfe ich danach. Ihre neue Fassung, Stand September 2026, verlangt bei Websites die WCAG 2.2 in der Stufe AA; gemeint sind die internationalen Richtlinien für Webinhalte. Werkzeuge, Tastatur und Screenreader sind meine Prüfmittel.

  2. Formulare

    Formularfelder mit Beschriftung

    Ein grauer Platzhalter reicht nicht: Zu jedem Eingabefeld gehört eine dauerhaft sichtbare Bezeichnung, die auch vorgelesen wird. Pflichtfelder sind klar gekennzeichnet, und Fehlermeldungen erklären den Fehler und den Weg zur richtigen Eingabe, bei der Bestellung wie bei der Buchung.

  3. Kontrast

    Kontraste, Farben, Schriftgröße

    Texte, Knöpfe und Eingabefelder bekommen ausreichend Kontrast zum Hintergrund. Nichts ist nur durch Farbe erkennbar, etwa belegte Tage im Kalender, die allein rot gefärbt sind. Deine Markenfarben bleiben wiederzuerkennen, die Töne ändere ich nur, soweit es nötig ist, und wer die Schrift vergrößert, sieht trotzdem alles vollständig.

  4. Screenreader

    Alternativtexte, die beschreiben, was zählt

    Für Bilder mit Aussage schreibe ich Alternativtexte, die Screenreader vorlesen: beim Foto eines Gebrauchtwagens, was Käufer wissen müssen, beim Symbol, was es tut. Reine Schmuckbilder blende ich für Screenreader aus. Maschinell erstellte Bildtexte kontrolliere ich immer selbst, denn was ein Bild an seiner Stelle leisten soll, kann eine Software nur raten.

  5. Screenreader

    Überschriften und Bereiche

    Überschriften bekommen eine saubere Hierarchie, Navigation und Hauptinhalt werden als Bereiche markiert, Links sagen statt „mehr erfahren“, wohin sie führen, und die Sprache der Seite ist korrekt eingestellt. So versteht ein Screenreader den Aufbau, und Nutzer gelangen ohne Umweg ans Ziel.

  6. Tastatur

    Bedienung per Tastatur

    Ohne Maus steuerbar werden Menü, Cookie-Banner, Filter, Kalender und Bestellknopf, mit Tabulator, Pfeiltasten und Eingabetaste, in einer logischen Reihenfolge und mit sichtbarer Markierung der aktuellen Position. Kein Fenster verlangt zum Schließen eine Maus.

  7. Abläufe

    Buchung und Bestellung am Stück

    Ob ein Werkstatttermin gebucht oder Ware bestellt wird: Warenkorb, Konto, Zahlung und Bestätigung gehe ich in einem Durchlauf durch, weil die Norm vollständige Abläufe verlangt. Eingebundene Lösungen anderer Anbieter, etwa für Termine oder Bezahlung, teste ich mit; was dort nicht änderbar ist, landet im Prüfbericht.

Wie läuft das ab?

Wie BFSG-Abgleich, Prüfung und Umbau ablaufen

Für die Abstimmung nutzen wir Telefon, E-Mail oder WhatsApp, ganz wie es dir passt. Ein freigegebenes Arbeitsbeispiel zeige ich dir, wenn du möchtest.

  1. Erstgespräch und Bestands­aufnahme

    Am Anfang steht der Abgleich deines Angebots mit dem Gesetz und mit den Leitlinien des Bundesarbeitsministeriums. Zwei Fragen leiten ihn: Schließen Verbraucher über deine Website Verträge, zum Beispiel wenn sie buchen oder bestellen? Und könnte die Ausnahme für Kleinstunternehmen für dich gelten? Was ich herausfinde, bekommst du aufgeschrieben, soweit mein Wissen reicht. Danach probiere ich die wichtigsten Seiten mit Tastatur und Prüfwerkzeug aus.

  2. Angebot, Prüfung, Prüfbericht

    Du bekommst ein Angebot zum Festpreis, in dem die Seiten und Abläufe stehen, um die sich Prüfung und Umbau drehen. Nach deinem Ja prüfe ich nach der Europäischen Norm EN 301 549. Der Prüfbericht zeigt jede Barriere mit Fundstelle, mit dem, was sie für Kunden bedeutet, und mit meinem Vorschlag zur Änderung.

  3. Umbau

    Die Änderungen setze ich eigenhändig um, an Vorlagen, Quelltext und Inhalten. Bestellung, Buchung und Kontakt haben Vorrang, denn dort müssen Kunden durchkommen; danach geht es nach der Rangfolge des Prüfberichts weiter. Was ich an Vorlagen und Erweiterungen ändere, bleibt auch nach Updates erhalten. Alternativtexte und Beschriftungen texte ich selbst, auf Wunsch siehst du sie vor dem Einbau.

  4. Nachprüfung und Übergabe

    Mit Tastatur und Screenreader kontrolliere ich jede Änderung ein zweites Mal. Übergeben werden der fortgeschriebene Prüfbericht und eine Kurzanleitung für alle, die bei dir Inhalte pflegen, damit neue Bilder und Seiten keine Barrieren einschleppen. Angaben zur Barrierefreiheit sind für erfasste Dienstleister Pflicht; ich stelle sie aus dem Prüfbericht zusammen, oder du stellst sie selbst bereit, und auf der Website baue ich sie ein.

Wie lange dauert das?Ungefährer Zeitplan

Prüfung und Umbau: so lange dauert es

Tage bis Wochen dauert die Prüfung, je nachdem, wie viele Seiten und Abläufe deine Website hat, und beim Umbau ist es nicht anders. Ein Zeitplan, was bis wann steht, ist auf Wunsch möglich; die Zeitpunkte darin sind ungefähr. Später ergänzte Seiten, Bilder und Erweiterungen können wieder Barrieren hineintragen, und ein vom BFSG erfasstes Angebot hat dauerhaft barrierefrei zu sein. Neue Inhalte sehe ich mir auf Anfrage erneut an.

  1. Am AnfangErstgespräch und Bestands­aufnahme
  2. DannAngebot, Prüfung, Prüfbericht
  3. DanachUmbau
  4. ZuletztNachprüfung und Übergabe
  5. Bei Bedarfauf Anfrage: Kontrolle neuer Inhalte
Ein typischer Verlauf.

Ein Shop mit Konto, Warenkorb und Bezahlvorgang braucht in den meisten Fällen mehr Zeit als eine Website, die nichts verkauft.

Wenn das System eine Änderung nicht zulässt

Sperrt sich dein System an einer Stelle gegen jede Änderung, erfährst du das sofort von mir, und wir suchen zusammen einen anderen Weg, etwa über eine andere Erweiterung.

Dass danach überhaupt keine Barriere mehr übrig ist, sage ich nicht zu.

Was kostet das?Einmalig, ohne Laufzeit

Barrierefreie Website Wittingen: Kosten, einmalig zum Festpreis

Für Prüfung und Umbau zahlst du einen Festpreis. Neue Inhalte prüfe ich nur auf Anfrage nach, mit einem eigenen Angebot für jede Nachprüfung.

Prüfung und UmbauFestpreis

Du beauftragst einmal, ohne Vertrag mit Laufzeit, und genauso bei jeder Nachprüfung.

Nachprüfung neuer Inhalteauf Anfrage, eigenes Angebot

Das deckt der Festpreis ab

Im Festpreis stecken drei Leistungen: Prüfbericht, Umbau aller Stellen, die im Angebot aufgeführt sind, und das Nachprüfen per Tastatur und Screenreader.

Deine Änderungen sitzen im Code der Website und bleiben dort, auch wenn kein weiterer Auftrag folgt.

Unterläuft mir ein Fehler, behebe ich ihn, ohne neu abzurechnen.

Erstgespräch, Bestandsaufnahme und Angebot sind für dich gratis und ohne Verpflichtung.

Lizenzkosten nenne ich dir vorher, etwa für eine Formular-Erweiterung. Overlay-Abos verkaufe ich nicht, also keine Zusatzprogramme, die mit eigenem Symbol über der Website liegen.

Gesondert im Angebot

Ist eine betagte Website oder ein betagter Shop den Umbau nicht mehr wert, lautet mein Rat: neue Website beziehungsweise neuer Onlineshop, mit Barrierefreiheit als gesondertem Baustein. PDF-Dateien barrierefrei aufbereiten und Videos ohne Untertitel nachträglich untertiteln: Für beides nennt das Angebot einen eigenen Preis.

Was den Aufwand beeinflusst

  • Wie umfangreich Seiten und Seitenvorlagen sind
  • Ob deine Kunden bestellen, buchen oder sich ein Kundenkonto anlegen
  • Ob die Seite mit WordPress, Shopware, einem Baukasten oder einem anderen System läuft
  • Die Zahl der Bilder, Grafiken und Formulare
  • Ob die Farben deiner Marke angepasst werden müssen
  • Ob Zahlungs- oder Terminmodule fremder Anbieter eingebunden sind

Der Preis steht nach der Bestandsaufnahme und bleibt, auch wenn eine Stelle aufwendiger ist; leichte Mehrarbeit gehört dazu. Mehrkosten gibt es nur mit Ansage vorab: wenn weitere Seiten oder Abläufe hinzukommen, wenn wir Vereinbartes grundlegend umwerfen oder wenn eine Kontrolle neuer Inhalte später Barrieren aufdeckt.

Statt des Ganzen kannst du auch nur den Prüfbericht oder einzelne Arbeiten buchen, zum Beispiel, wenn eine Agentur für dich umbaut oder wenn du mit Kontrasten und Formularen den Anfang machen willst.

Nicht die Punktzahl zählt, sondern die Bedienung

Was ich messen kann

  • Erfüllte Prüfpunkte, aufgeschlüsselt nach Seiten im Prüfbericht
  • Ob Kunden mit Tastatur und Screenreader eine Bestellung, Buchung oder Kontaktanfrage vollständig erledigen können
  • Weitere Fragen von dir, soweit sie sich messen lassen

Das reicht nicht

  • Bestwert in einem automatischen Prüfwerkzeug
  • Ein Overlay: Wie die Überwachungsstellen von Bund und Ländern es einschätzen, bleibt eine Website mit Barrieren damit derzeit nicht vollständig barrierefrei
  • Ein Gütesiegel mit „BFSG-konform“, zu dem es keinen Prüfbericht gibt
  • Keine Fehler auf der Startseite, doch die Buchung bricht ab

Eine rechtliche Bewertung ist der Prüfbericht nicht. Er zeigt erfüllte und nicht erfüllte Prüfpunkte; ob das für dein Angebot rechtlich ausreicht, schätze ich ein, soweit mein Wissen reicht.

Deine Mithilfe bei BFSG-Abgleich, Zugängen und Bildtexten

Einmal zu Beginn brauche ich Angaben und Zugänge. Danach kommen nur Rückfragen zu Bildern und Abläufen, Freigaben nur auf deinen Wunsch.

  1. Kundenkreis und Größe des Betriebs

    Zum Abgleich gehört die Frage, ob Privatleute bei dir kaufen oder nur Firmen, und welche Abschlüsse über deine Website laufen. Dazu brauche ich Beschäftigtenzahl, Jahresumsatz und Bilanzsumme. Unter die Ausnahme für Kleinstunternehmen fällt, wer unter zehn Beschäftigte hat und beim Jahresumsatz oder bei der Bilanzsumme höchstens 2 Millionen Euro erreicht. Was du mir dazu sagst, bleibt unter uns.

  2. Zugänge nach deiner Wahl

    Zugang gibst du mir per Einladung, als eigenen Nutzer oder mit Zugangsdaten, wie es dir lieber ist. Du kannst mich jederzeit entfernen oder das Passwort ändern; Trennbares läuft auf deinen Namen.

  3. Bilddetails

    Manche Alternativtexte brauchen dein Wissen, zum Beispiel welches Detail auf dem Foto eines Gebrauchtwagens für Käufer den Ausschlag gibt.

  4. Abstimmung mit dir und deiner Agentur

    Wie oft du von mir hörst und was du vor dem Einbau sehen möchtest, etwa Farbanpassungen oder Alternativtexte, bestimmst du. Hat deine Website eine betreuende Agentur, spreche ich jede Änderung mit ihr durch.

Erstgespräch, Bestandsaufnahme und Angebot.
Alle drei kosten dich nichts.