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

Barrierefreie Website für Salzgitter

Mein Ziel bei einer barrierefreien Website für Salzgitter: Auch Kunden, die schlecht sehen oder ohne Maus arbeiten, kommen bis zur Bestellung. Dafür baue ich deine Seiten um. Das Barrierefreiheits­stärkungs­gesetz (BFSG) gilt zwar seit Juni 2025, aber nicht für jedes Angebot. Als Erstes prüfe ich deshalb anhand von Gesetz und amtlichen Leitlinien zwei Fragen: Ist dein Angebot erfasst? Kommt die Kleinstunternehmen-Ausnahme infrage? Eine Rechtsberatung ist das nicht. Im Anschluss teste ich Kontraste, die Bedienung ausschließlich per Tastatur, Alternativtexte, Formularbeschriftungen und den Seitenaufbau für Screenreader, die Programme, mit denen sich Seiten vorlesen lassen.

Werktags bekommst du binnen 24 Stunden eine Antwort von mir. Etwa eine Stunde dauert das Erstgespräch, in dem wir klären, was Kunden auf deiner Website tun und wo sie heute hängen bleiben. Ob im Videocall oder am Telefon: Wir sprechen so, wie du es dir wünschst. Den Preis erfährst du nach der Bestandsaufnahme, bevor ich mit der Arbeit beginne.

Lesen · Tastatur · Screenreader

Unsichtbare Barrieren auf ganz normalen Websites

Der Warenkorb ist voll, aber der Knopf zur Kasse lässt sich ohne Maus nicht erreichen: So enden Bestellungen, ohne dass der Inhaber es je bemerkt. Denn mit Maus und gutem Sehvermögen funktionieren die meisten Websites, und beim eigenen Test fällt nichts auf. Die Hürden treffen Kunden, die schlecht sehen, keine Maus nutzen oder sich die Seite vorlesen lassen, im Shop genauso wie bei der Terminbuchung.

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

1 / 3

Text, der kaum zu lesen ist

Hellgraue Schrift auf weißem Grund, Text über Bildern oder Schaltflächen, die sich allein durch eine Farbe unterscheiden, machen das Lesen schwer, vor allem bei schwacher Sehkraft oder wenn die Sonne aufs Handy scheint.

2 / 3

Ohne Maus keine Chance

Navigation, Cookie-Banner oder Bestellknopf sind per Tab-Taste nicht anzusteuern, oder es fehlt eine sichtbare Markierung der aktuellen Position. Wer ohne Maus arbeitet, scheitert dann kurz vor dem Ziel.

3 / 3

Nichts zum Vorlesen

Ein Screenreader gibt wieder, was er auf der Seite findet. Ohne Alternativtexte, also Beschreibungen der Bilder, ohne Feldbeschriftungen und ohne echte Überschriften bleibt davon nur „Grafik“ und „Eingabefeld“, dazu Text ohne jede Gliederung, und wer bestellen will, weiß nicht, was er ausfüllt.

Prüfung · Abläufe · Tastatur

Website barrierefrei machen lassen: Prüfung, Bestellweg, Bedienung

Was dein Betrieb davon braucht, legt das Angebot fest.

  1. Prüfung

    Maßstab EN 301 549 mit WCAG 2.2

    Als Maßstab dient mir die EN 301 549, nach Angabe der Bundesfachstelle Barrierefreiheit derzeit die zentrale technische Referenz. Für Websites schreibt die neue Fassung vom September 2026 die WCAG 2.2 in Stufe AA vor, also die internationalen Richtlinien für Webinhalte. Ich prüfe mit Werkzeugen, mit der Tastatur und mit Screenreader.

  2. Abläufe

    Bestellweg vom Warenkorb bis zur Bestätigung

    Ich prüfe jeden Ablauf in einem Zug: Warenkorb, Konto, Zahlung und Bestätigung, denn die Norm verlangt vollständige Abläufe. Fremde Module, zum Beispiel für die Bezahlung oder Terminvergabe, gehören zur Prüfung dazu, und was ich dort nicht ändern kann, dokumentiere ich im Prüfbericht.

  3. Tastatur

    Bedienung mit der Tastatur

    Menü, Cookie-Banner, Filter, Kalender und der Bestellknopf reagieren auf Tab, Pfeiltasten und Enter, in logischer Abfolge und mit einem sichtbaren Rahmen um das gerade gewählte Element. Jedes Fenster lässt sich auch ohne Maus wieder schließen.

  4. Formulare

    Formulare mit Beschriftung und hilfreichen Fehlermeldungen

    Jedes Feld bekommt eine Bezeichnung, die stehen bleibt und vom Screenreader gelesen wird, statt eines grauen Platzhalters. Pflichtfelder erkennt man auf einen Blick, und Fehlermeldungen nennen das Problem samt Lösung, beim Bestellen wie beim Buchen.

  5. Screenreader

    Alternativtexte für Bilder und Symbole

    Bilder mit Aussage erhalten einen vorlesbaren Alternativtext: bei der Zeichnung eines Ersatzteils die Angaben, die Käufer brauchen, bei einem Symbol seine Funktion. Bilder, die nur schmücken, blende ich für Screenreader aus. Maschinell erzeugte Texte prüfe ich immer selbst, weil ein Generator nicht weiß, welche Aufgabe ein Bild auf deiner Seite hat.

  6. Screenreader

    Struktur für Screenreader

    Überschriften in der richtigen Hierarchie, Bereiche wie Navigation und Hauptinhalt, aussagekräftige Linktexte statt „Details“ und die korrekte Seitensprache: Damit erkennt ein Screenreader die Gliederung, und Nutzer gelangen ohne Umweg zum gesuchten Inhalt.

  7. Kontrast

    Kontraste und lesbare Schrift

    Für Text, Knöpfe und Eingabefelder sorge ich für genügend Kontrast. Keine Information wird nur über Farbe vermittelt, etwa ein Lagerbestand als roter oder grüner Punkt. Markenfarben bleiben erkennbar, weil ich sie nur so weit wie nötig anpasse, und vergrößerte Schrift wird vollständig angezeigt.

Wie läuft das ab?

Abgleich mit dem BFSG, Prüfbericht, Umbau: der Ablauf

Die Abstimmung läuft über Telefon, E-Mail oder WhatsApp. Ein Arbeitsbeispiel mit Freigabe des Kunden zeige ich dir, wenn du fragst.

  1. Erstgespräch und Bestands­aufnahme

    Wie dein Angebot zum Gesetz und zu den Leitlinien des Bundesarbeitsministeriums steht, kläre ich als Erstes. Dabei geht es um zwei Punkte: Schließen Verbraucher über deine Website Verträge ab, etwa durch eine Bestellung oder Buchung? Ist die Ausnahme für Kleinstunternehmen für dich denkbar? Die Antworten bekommst du von mir schriftlich, soweit mein Wissen reicht. Mit Tastatur und Prüfwerkzeug folgt dann ein erster Test deiner wichtigsten Seiten.

  2. Festpreis, Prüfung, Bericht

    Im Angebot stehen der Festpreis und alle Seiten und Abläufe, die auf dem Prüfstand stehen und umgebaut werden. Mit deiner Zusage beginnt die Prüfung nach EN 301 549, der Europäischen Norm. Der Prüfbericht zeigt dir anschließend jede Barriere mit ihrem Fundort, ihren Folgen für Kunden und dem Änderungsvorschlag.

  3. Umbau in Vorlagen, Code und Inhalten

    Den Umbau erledige ich eigenhändig. Als Erstes kommen Bestellung, Buchung und Kontakt an die Reihe, weil Kunden dort ankommen müssen; danach arbeite ich die übrigen Seiten in der Rangfolge des Prüfberichts ab. Änderungen an Vorlagen und Erweiterungen baue ich so ein, dass kein Update sie überschreibt. Die Texte für Alternativtexte und Beschriftungen stammen von mir; auf Wunsch bekommst du sie vorher zur Durchsicht.

  4. Nachprüfung und Übergabe

    Ob jede Änderung trägt, prüfe ich mit Tastatur und Screenreader nach. Du bekommst danach den auf den neuesten Stand gebrachten Prüfbericht und für deine Redakteure eine kurze Anleitung, damit später eingepflegte Bilder und Seiten nicht wieder Hürden aufbauen. Erfasste Dienstleister müssen laut BFSG Angaben zur Barrierefreiheit bereitstellen. Ich erstelle sie aus dem Prüfbericht, oder du lieferst sie; einbinden werde ich sie auf deiner Website.

Wie lange dauert das?Prüfung und Umbau im Zeitplan

Wann Prüfung und Umbau erledigt sind

Wie lange die Prüfung dauert, hängt von der Zahl der Seiten und Abläufe ab: Tage bis Wochen, beim Umbau ebenso. Möchtest du einen Zeitplan, halten wir fest, was bis wann fertig ist; die Zeitpunkte sind ungefähr. Neue Seiten, Bilder oder Erweiterungen bringen womöglich neue Barrieren mit, und ein Angebot im Geltungsbereich des BFSG muss auf Dauer barrierefrei sein. Neue Inhalte kontrolliere ich, wenn du anfragst.

  1. Als ErstesErstgespräch und Bestands­aufnahme
  2. Als NächstesFestpreis, Prüfung, Bericht
  3. DannUmbau
  4. Zum AbschlussNachprüfung und Übergabe
  5. Nach Bedarfneue Inhalte prüfen, wenn du anfragst
Ein typischer Verlauf.

Shops mit Kundenkonto, Warenkorb und Bezahlung brauchen meist mehr Zeit als Websites, auf denen nichts verkauft wird.

Stellen, die sich nicht ändern lassen

Gibt es in deinem System eine Stelle, die sich nicht anpassen lässt, sage ich dir das, und gemeinsam suchen wir eine andere Lösung, etwa eine andere Erweiterung.

Dass am Ende keine einzige Barriere mehr übrig ist, garantiere ich nicht.

Was kostet das?Festpreis nach Bestandsaufnahme

Barrierefreie Website Salzgitter: Kosten und Leistungsumfang

Prüfung und Umbau gibt es bei mir zum Festpreis. Kontrollen neuer Inhalte mache ich später nur, wenn du sie anfragst, jeweils mit eigenem Angebot.

Prüfung und UmbauFestpreis

Einmalig beauftragt, ohne Vertragslaufzeit, und so ist es auch bei jeder Nachprüfung.

Nachprüfung neuer Inhalteauf Anfrage, eigenes Angebot

Enthalten im Festpreis

Enthalten sind der Prüfbericht, der Umbau aller Stellen laut Angebot und am Ende die Kontrolle mit Tastatur und Screenreader.

Die Anpassungen stehen im Quelltext deiner Website und bleiben auch ohne weiteren Auftrag bestehen.

Unterläuft mir ein Fehler, korrigiere ich ihn ohne neuen Preis.

Das Erstgespräch, die Bestandsaufnahme und das Angebot kosten dich nichts und binden dich nicht.

Lizenzkosten, etwa für eine Formular-Erweiterung, erfährst du vorher. Overlay-Abos gibt es bei mir nicht; das sind Zusatzprogramme, die sich mit eigenem Symbol über die Seite legen.

Neubau, PDFs, Untertitel: eigener Preis

Lohnt eine ältere Website oder ein älterer Shop den Umbau nicht mehr, empfehle ich dir eine neue Website oder einen neuen Onlineshop, wo Barrierefreiheit als eigener Baustein dazukommt. PDF-Dateien barrierefrei zu machen und Videos nachträglich zu untertiteln, steht mit eigenem Preis im Angebot.

Aufwand je nach Website

  • Wie viele Seiten und Seitenvorlagen deine Website umfasst
  • Ob Kunden bestellen, buchen oder Konten anlegen
  • Welches System dahintersteht, etwa WordPress, Shopware oder ein Baukasten
  • Anzahl der Bilder, Grafiken und Formulare
  • Ob deine Markenfarben nachjustiert werden müssen
  • Ob für Zahlung oder Termine Module anderer Anbieter laufen

Mit der Bestandsaufnahme steht der Preis, und er steigt nicht, wenn sich eine Stelle als aufwendiger herausstellt. Leichte Mehrarbeit ist eingeschlossen. Gibt es zusätzliche Seiten oder Abläufe, ändert sich das Vereinbarte grundlegend oder entdeckt eine spätere Kontrolle Barrieren in neuen Inhalten, sage ich dir die Mehrkosten im Voraus.

Ein Prüfbericht allein oder einzelne Arbeiten lassen sich ebenfalls beauftragen, zum Beispiel wenn eine Agentur bei dir umbaut oder du mit Kontrasten und Formularen startest.

Woran du eine wirklich zugängliche Website erkennst

Messbare Ergebnisse

  • Erfüllte Prüfpunkte je Seite, dokumentiert im Prüfbericht
  • Ob Bestellung, Buchung und Kontakt per Tastatur und mit Screenreader bis zum Abschluss gelingen
  • Was du sonst wissen willst, sofern es sich messen lässt

Kein Nachweis für Barrierefreiheit

  • Die volle Punktzahl in einem automatischen Testtool
  • Ein Overlay, das die Überwachungsstellen von Bund und Ländern derzeit nicht für einen Weg halten, eine Website mit Barrieren vollständig barrierefrei zu machen
  • Ein Siegel „BFSG-konform“ ohne Prüfbericht
  • Fehlerfrei geprüfte Startseite, aber der Warenkorb lässt sich nicht abschließen

Der Prüfbericht liefert keine rechtliche Bewertung. Er dokumentiert erfüllte und offene Prüfpunkte. Ob das rechtlich für dein Angebot genügt, schätze ich lediglich ein, soweit mein Wissen reicht.

Angaben und Zugänge, die ich für Abgleich und Umbau brauche

Zu Beginn brauche ich deine Angaben und Zugänge ein einziges Mal. Später kommen nur noch Rückfragen zu Bildern und Abläufen, und Freigaben gibt es nur, wenn du sie willst.

  1. Verbraucher oder Firmen, Größe des Betriebs

    Für den Abgleich will ich wissen, ob deine Kunden Verbraucher oder nur Unternehmen sind und welche Abschlüsse auf deiner Website möglich sind. Außerdem brauche ich Beschäftigtenzahl, Jahresumsatz und Bilanzsumme. Für die Ausnahme als Kleinstunternehmen gelten zwei Grenzen: weniger als zehn Beschäftigte sowie Jahresumsatz oder Bilanzsumme von höchstens 2 Millionen Euro. Deine Zahlen bleiben bei mir.

  2. Zugang zu Website und Shop

    Den Zugang bekomme ich so, wie du es willst: per Einladung, als eigener Nutzer oder mit Zugangsdaten. Jederzeit lässt sich mein Zugang wieder entfernen oder das Passwort ändern, und was sich trennen lässt, steht auf deinem Namen.

  3. Was auf deinen Bildern zählt

    Für manche Alternativtexte brauche ich dein Fachwissen, zum Beispiel welches Merkmal auf der Zeichnung eines Ersatzteils für Käufer entscheidend ist.

  4. Abstimmung, gern auch mit deiner Agentur

    Wie oft wir uns abstimmen und was du vorab sehen willst, etwa Farbtöne oder Alternativtexte, entscheidest du. Betreut eine Agentur deine Website, stimme ich die Änderungen mit ihr ab.

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