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

Barrierefreie Website für Göttingen

Wer die Schrift stark vergrößert, mit einer Lupe arbeitet oder sich Seiten vorlesen lässt, kommt auf einer barrierefreien Website für Göttingen trotzdem bis zum Ziel. Dafür baue ich deine Seiten um, für Kunden mit Sehschwäche ebenso wie für alle, die ohne Maus arbeiten. Seit Juni 2025 regelt das Barrierefreiheits­stärkungs­gesetz (BFSG), welche Angebote barrierefrei sein müssen, und das sind nicht alle. Erster Schritt ist deshalb ein Abgleich mit Gesetz und amtlichen Leitlinien: Wird dein Angebot davon erfasst, und passt die Ausnahme für Kleinstunternehmen auf deinen Betrieb? Rechtsberatung ist das ausdrücklich nicht. Danach geht es um Kontraste, um die Bedienbarkeit allein per Tastatur, um Alternativtexte, um Beschriftungen in Formularen und um die Struktur für Screenreader, das sind Programme, die Inhalte vorlesen.

Du bekommst werktags spätestens nach 24 Stunden eine Rückmeldung. Etwa eine Stunde nehmen wir uns im Erstgespräch für zwei Fragen: Was erledigen Kunden auf deiner Website, und wo geben sie heute auf? Am Telefon oder per Video: Wie wir sprechen, entscheidest du. Den Preis bekommst du nach der Bestandsaufnahme, vor dem ersten Arbeitsschritt.

Lesbarkeit · Bedienbarkeit · Vorlesbarkeit

Drei Stolperstellen, die beim eigenen Test verborgen bleiben

Funktioniert deine Website für dich, heißt das noch wenig: Mit Maus und gutem Sehvermögen kommt man auf fast jeder Seite zurecht. Wer schlecht sieht, keine Maus bedienen kann oder sich vorlesen lässt, bleibt dagegen an Stellen hängen, die beim eigenen Durchklicken nicht auffallen, im Shop ebenso wie bei der Terminbuchung.

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

1 / 3

Kontrast, der nicht reicht

Hellgrauer Text auf Weiß, Schrift auf unruhigen Fotos, Knöpfe, die sich nur durch Farbe vom Rest unterscheiden: Mit eingeschränkter Sehkraft oder in praller Sonne auf dem Handy ist das kaum zu lesen.

2 / 3

Maus als Pflicht

Menü, Cookie-Banner oder Bestellknopf sind mit der Tastatur nicht erreichbar, oder der aktive Bereich ist nicht markiert. Wer ohne Maus auskommen muss, erreicht das Ziel nicht.

3 / 3

Unsichtbar für Vorleseprogramme

Screenreader geben wieder, was im Code steht. Gibt es keine Alternativtexte, das sind kurze Bildbeschreibungen, und keine beschrifteten Felder oder echten Überschriften, hört der Nutzer nur „Grafik“, „Eingabefeld“ und Text ohne Ordnung. Bis zur fertigen Bestellung kommt so kaum jemand.

WCAG · Kontrast · Felder · Abläufe

Website barrierefrei machen, geprüft nach EN 301 549

Welche der Bausteine du bekommst, wird im Angebot festgelegt.

  1. Prüfung

    EN 301 549 als Prüfgrundlage

    Nach Einschätzung der Bundesfachstelle Barrierefreiheit ist die EN 301 549 derzeit die zentrale technische Referenz, und genau nach ihr prüfe ich. Ihre neue Fassung vom September 2026 setzt für Websites Stufe AA der WCAG 2.2 voraus; WCAG heißen die internationalen Richtlinien für barrierefreie Webinhalte. Mein Werkzeug sind Prüfprogramme, die Tastatur und ein Screenreader.

  2. Kontrast

    Kontraste und Farben

    Text, Knöpfe und Eingabefelder bekommen genug Kontrast. Informationen stecken nie nur in einer Farbe, etwa Linien in einem Diagramm, die man allein am Farbton unterscheidet. Markenfarben bleiben erkennbar; ich ändere Töne nur, wo es sein muss. Vergrößerte Schrift bleibt vollständig sichtbar.

  3. Formulare

    Felder, die man versteht

    Für jedes Eingabefeld gibt es eine feste, sichtbare Beschriftung, die Screenreader mit ansagen, statt eines blassen Platzhalters. Pflichtfelder sind markiert, und eine Fehlermeldung benennt das Problem samt Lösung, ob in der Bestellung oder bei einer Buchung.

  4. Tastatur

    Tastatur reicht

    Navigation, Cookie-Hinweis, Filter, Kalender und der Knopf zum Bestellen lassen sich vollständig mit Tabulator, Pfeiltasten und Enter bedienen, in nachvollziehbarer Reihenfolge und mit klar erkennbarem Fokus. Dialoge und Fenster schließen sich auch per Tastatur.

  5. Screenreader

    Aufbau für Screenreader

    Überschriften bekommen eine stimmige Rangfolge, Navigation und Hauptinhalt werden als Bereiche gekennzeichnet, Links sagen statt „weiterlesen“, wohin sie führen, und die Seitensprache ist korrekt hinterlegt. So erkennt ein Screenreader, wie die Seite gegliedert ist, und man gelangt ohne Umweg zum gesuchten Abschnitt.

  6. Screenreader

    Alternativtexte für Bilder und Grafiken

    Bilder mit Inhalt bekommen einen Alternativtext, beim Foto eines Messgeräts zum Beispiel Bauart und Messbereich, beim Symbol seine Funktion. Was nur schmückt, blende ich für Screenreader aus. Bildbeschreibungen, die ein Programm erzeugt, lese ich immer gegen, denn erst der Zusammenhang der Seite verrät, was ein Bild leisten soll.

  7. Abläufe

    Abläufe vom Anfang bis zum Abschluss

    Eine Bestellung teste ich durchgehend: Warenkorb, Konto, Zahlung, Bestätigung, weil die Norm vollständige Abläufe betrachtet. Auch eingebundene Module fremder Anbieter, etwa für Termine oder Bezahlung, kommen in die Prüfung; was dort nicht änderbar ist, vermerke ich im Prüfbericht.

Wie läuft das ab?

In vier Schritten vom BFSG-Abgleich zur Übergabe

Wir halten Kontakt per Telefon, E-Mail oder WhatsApp. Ein Arbeitsbeispiel, das ein Kunde freigegeben hat, zeige ich dir auf Anfrage.

  1. Abgleich im Erstgespräch

    Ausgangspunkt ist dein Angebot im Licht von BFSG und den Leitlinien des Bundesarbeitsministeriums. Ich frage: Schließen Privatkunden über deine Website Verträge, beim Bestellen, Buchen oder Reservieren? Passt die Ausnahme für Kleinstunternehmen auf deinen Betrieb? Meine Einschätzung notiere ich dir, soweit mein Wissen reicht. Ein erster Test der wichtigsten Seiten mit Tastatur und Prüfwerkzeug schließt sich an.

  2. Festpreis, dann Prüfung

    Das Angebot bringt einen Festpreis und eine Liste aller Seiten und Abläufe, um die es geht. Mit deiner Zusage geht die Prüfung nach EN 301 549 los, der Europäischen Norm. Der Prüfbericht nennt zu jeder Barriere die Fundstelle, die Folge für deine Kunden und meine vorgeschlagene Änderung.

  3. Umbau, Wichtiges zuerst

    Ich setze die Änderungen selbst um, in Vorlagen, Code und Inhalten. Zuerst bei Bestellung, Buchung und Kontakt, denn ohne sie kommt kein Auftrag zustande; dann der Rest, wie es die Rangliste im Prüfbericht vorsieht. Meine Eingriffe in Vorlagen und Erweiterungen sind so gebaut, dass ein Update nichts rückgängig macht. Alternativtexte und Beschriftungen kommen aus meiner Feder; sehen kannst du sie vorher, wenn du willst.

  4. Nachprüfung und Anleitung

    Jede Änderung muss bei mir einen zweiten Test bestehen, mit Tastatur und Screenreader. Danach gehört dir der aktualisierte Prüfbericht, dazu eine kurze Anleitung für alle, die Inhalte einstellen, damit auch künftige Bilder und Seiten zugänglich bleiben. Die Angaben zur Barrierefreiheit, die vom BFSG erfasste Dienstleister veröffentlichen müssen, entstehen auf Grundlage des Prüfberichts, wenn du sie nicht selbst mitbringst; auf deiner Website bekommen sie anschließend ihren Platz.

Wie lange dauert das?Tage bis Wochen, je nach Website

Von der Prüfung bis zur Übergabe: der zeitliche Rahmen

Ein paar Tage oder auch einige Wochen: So lange dauert die Prüfung, abhängig davon, wie viele Seiten und Abläufe dazugehören. Der Umbau braucht vergleichbar lange. Auf Wunsch halten wir in einem Zeitplan fest, was ungefähr bis wann fertig ist. Kommen später Seiten, Bilder oder Erweiterungen hinzu, können neue Barrieren entstehen, und wenn das BFSG für dein Angebot gilt, ist Barrierefreiheit eine Daueraufgabe. Bei Bedarf prüfe ich neu Hinzugekommenes nach, wenn du es anfragst.

  1. StartAbgleich im Erstgespräch
  2. Als ZweitesFestpreis, dann Prüfung
  3. Dritter SchrittUmbau, Wichtiges zuerst
  4. Vierter SchrittNachprüfung und Anleitung
  5. Auf Anfrageneue Inhalte erneut prüfen
Ein typischer Verlauf.

Ein Shop braucht wegen Kundenkonto, Warenkorb und Bezahlung meist länger als eine Website, über die nichts verkauft wird.

Grenzen des Systems

Lässt sich etwas in deinem System nicht umbauen, bekommst du das offen gesagt; dann schauen wir zusammen, ob zum Beispiel eine andere Erweiterung das Problem löst.

Eine Website ohne jede Barriere garantiere ich nicht.

Was kostet das?Einmalbetrag, kein Vertrag

Barrierefreie Website Göttingen: Kosten im Überblick

Prüfung und Umbau bekommst du zum Festpreis. Wer später neue Inhalte kontrollieren lassen will, fragt das bei Bedarf an und erhält dafür ein eigenes Angebot.

Prüfung und UmbauFestpreis

Einmalig beauftragt, ohne Laufzeit; jede Nachprüfung ist wieder ein einzelner Auftrag.

Nachprüfung neuer Inhalteauf Anfrage, eigenes Angebot

Darin enthalten

Mit dem Festpreis bezahlt sind Prüfbericht, Umbau der im Angebot genannten Stellen und eine Nachprüfung per Tastatur und Screenreader.

Die Änderungen bleiben im Code deiner Website erhalten, selbst wenn danach nichts mehr beauftragt wird.

Geht ein Fehler auf mich zurück, behebe ich ihn kostenlos.

Erstgespräch, Bestandsaufnahme und Angebot sind gratis und unverbindlich.

Brauchst du eine kostenpflichtige Erweiterung, zum Beispiel für Formulare, erfährst du die Lizenzkosten vorher. Overlay-Abos biete ich nicht an; das sind Zusatzprogramme mit eigenem Symbol, die sich über die Seite legen.

Neubau, PDF-Dateien, Untertitel extra

Ist eine Website oder ein Shop schon zu alt für einen sinnvollen Umbau, ist ein Neubau die bessere Wahl: eine neue Website oder ein neuer Onlineshop, für den Barrierefreiheit als eigener Baustein kalkuliert wird. Für barrierefreie PDF-Dateien und für Untertitel zu vorhandenen Videos nennt das Angebot jeweils einen eigenen Preis.

Was den Aufwand ausmacht

  • Zahl der Seiten und der Seitenvorlagen
  • Bestellen, Buchen oder Kundenkonto: was Kunden auf der Website tun
  • Das System, auf dem die Website läuft, ob WordPress, Shopware oder Baukasten
  • Wie viele Bilder und Grafiken es gibt und wie viele Formulare
  • Ob deine Markenfarben verändert werden müssen
  • Ob externe Module, etwa für Termine oder Zahlungen, eingebunden sind

Sobald die Bestandsaufnahme abgeschlossen ist, steht der Betrag; er klettert nicht, wenn eine Stelle aufwendiger ausfällt, und leichte Mehrarbeit ist darin schon berücksichtigt. Nur in drei Fällen kommen Mehrkosten hinzu, und die kennst du vorher: zusätzliche Seiten oder Abläufe, grundlegende Änderungen am Vereinbarten oder Barrieren, die eine spätere Nachprüfung in neuen Inhalten findet.

Baut deine Agentur selbst um, oder sollen Kontraste und Formulare den Anfang machen, buchst du nur den Prüfbericht oder nur ausgewählte Arbeiten.

Bestanden reicht nicht: Kunden müssen durchkommen

Das lässt sich nachweisen

  • Je Seite die erfüllten Prüfpunkte, nachzulesen im Prüfbericht
  • Ob ein Bestell-, Buchungs- oder Kontaktvorgang sich nur mit Tastatur oder Screenreader zu Ende bringen lässt
  • Weitere Fragen, die du an die Website hast, soweit sie messbar sind

Reicht als Nachweis nicht

  • Ein perfektes Ergebnis im automatischen Schnelltest
  • Ein Overlay: Nach Ansicht der Überwachungsstellen von Bund und Ländern befreit es eine Website derzeit nicht vollständig von Barrieren
  • Ein „BFSG-konform“-Siegel ohne zugehörigen Prüfbericht
  • Eine fehlerfreie Startseite, während der Weg zur Kasse blockiert ist

Was im Prüfbericht steht, ist keine rechtliche Bewertung. Er listet auf, was erfüllt ist und was nicht. Wie das rechtlich zu sehen ist, kann ich dir nur so weit einschätzen, wie mein Wissen reicht.

Dein Beitrag zum BFSG-Abgleich und zu zugänglichen Inhalten

Deine Angaben und Zugänge brauche ich einmalig am Anfang. Danach kommen höchstens Rückfragen zu Bildern und Abläufen; Freigaben nur, wenn du sie willst.

  1. Kunden und Kennzahlen

    Ich muss wissen, wer bei dir kauft, Privatleute oder nur Firmen, und welche Verträge über die Website zustande kommen können. Außerdem brauche ich die Kennzahlen deines Betriebs: Beschäftigte, Jahresumsatz und Bilanzsumme. Unter die Ausnahme fällt ein Kleinstunternehmen nur, wenn zweierlei zutrifft: Es hat weniger als zehn Beschäftigte, und entweder sein Jahresumsatz oder seine Bilanzsumme liegt bei maximal 2 Millionen Euro. Ich gebe deine Zahlen an niemanden weiter.

  2. Website und Shop öffnen

    Welcher Zugangsweg es wird, Einladung, eigener Nutzer oder Zugangsdaten, liegt bei dir. Mich wieder auszusperren oder ein neues Passwort zu setzen, geht jederzeit, und Konten, die sich abtrennen lassen, stehen auf deinem Namen.

  3. Fachwissen zu den Bildern

    Bei einigen Alternativtexten brauche ich dich, etwa um zu wissen, welches Merkmal auf dem Foto eines Messgeräts für Käufer zählt.

  4. Abstimmung, Agentur, Vorab-Ansicht

    Ob du Farben und Alternativtexte vorab sehen willst und wie häufig wir uns abstimmen, entscheidest du. Wenn eine Agentur mitarbeitet, spreche ich die Änderungen vorher mit ihr ab.

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