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

Barrierefreie Website für Celle

Kunden, die schlecht sehen, ohne Maus arbeiten oder sich Seiten von einem Screenreader vorlesen lassen, sollen dein Angebot genauso nutzen können wie alle anderen: Darum geht es bei einer barrierefreien Website für Celle. Das Barrierefreiheits­stärkungs­gesetz (BFSG) gilt seit Juni 2025, betrifft aber nicht jedes Angebot. Bevor ich etwas umbaue, vergleiche ich deins mit Gesetz und amtlichen Leitlinien und schaue, ob es erfasst ist und ob eine Ausnahme als Kleinstunternehmen greifen könnte; eine Rechtsberatung ist das nicht. Danach untersuche ich Kontraste, ob alles nur mit der Tastatur bedienbar ist, Alternativtexte, die Beschriftung von Formularfeldern und die Struktur für Screenreader, das heißt für Vorleseprogramme, und baue deine Seiten entsprechend um.

Innerhalb von 24 Stunden an Werktagen bekommst du von mir eine Antwort. Für das Erstgespräch nehmen wir uns etwa eine Stunde Zeit und klären, was Kunden über deine Website erledigen und wo es für sie heute hakt. Du entscheidest, ob wir telefonisch oder per Video sprechen. Den Preis nenne ich dir nach der Bestandsaufnahme und bevor die Arbeit losgeht.

Kontrast · Fokus · Alternativtext

Welche Barrieren dir als Inhaber nicht auffallen

Ein Screenreader sagt „Eingabefeld, Eingabefeld, Schaltfläche“, und niemand weiß, wohin der Name gehört und wohin die Telefonnummer. Wer mit Maus und guten Augen durch die eigene Seite klickt, bemerkt so etwas nicht, denn dafür funktionieren die meisten Websites. Getroffen werden Kunden, die schlecht sehen, keine Maus verwenden oder sich vorlesen lassen, im Onlineshop wie bei der Terminbuchung.

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

1 / 3

Schwacher Kontrast

Hellgrau auf Weiß, Schrift über einem Foto oder Knöpfe, die sich nur farblich abheben: Mit eingeschränktem Sehvermögen oder im grellen Sonnenlicht am Smartphone ist das kaum zu entziffern.

2 / 3

Bedienung nur per Maus

Menü, Cookie-Hinweis oder Bestellknopf lassen sich per Tastatur nicht ansteuern, oder der Fokus ist unsichtbar, sodass man nicht weiß, wo man steht. Wer ohne Maus unterwegs ist, kommt an dieser Stelle nicht weiter.

3 / 3

Bilder und Felder ohne Namen

Screenreader lesen vor, was im Code der Seite steht. Fehlen Alternativtexte, also Beschreibungen von Bildern, Beschriftungen von Feldern oder richtige Überschriften, bleibt nur „Grafik“, „Eingabefeld“ oder Fließtext ohne Gliederung. Wer so etwas bestellen möchte, tappt im Dunkeln.

Norm · Bilder · Formulare

Sieben Bausteine, um deine Website barrierefrei zu machen

Welche Bausteine dein Betrieb braucht, steht später im Angebot.

  1. Prüfung

    Normen: EN 301 549, WCAG 2.2 auf Stufe AA

    Ich prüfe nach der EN 301 549. Laut Bundesfachstelle Barrierefreiheit ist sie derzeit die zentrale technische Referenz. Die WCAG 2.2 auf Stufe AA, das sind die internationalen Richtlinien für Webinhalte, verlangt ihre neue Fassung vom September 2026 für Websites. Zum Prüfen nutze ich Werkzeuge, die Tastatur und einen Screenreader.

  2. Screenreader

    Gliederung, die ein Screenreader versteht

    Damit ein Screenreader den Aufbau erkennt, bekommen Überschriften die richtige Rangfolge, Navigation und Hauptinhalt werden als Bereiche ausgezeichnet, Links erhalten sprechende Texte statt „hier“, und die Sprache der Seite stimmt. So springen Nutzer gezielt zu dem, was sie suchen.

  3. Screenreader

    Alternativtexte mit Aussage

    Ein Bild, das etwas mitteilt, bekommt einen Alternativtext zum Vorlesen: bei einem Vorher-nachher-Foto, was sich verändert hat, beim Symbol, wofür es steht. Schmuckbilder überspringen Screenreader, dafür markiere ich sie entsprechend. Automatisch erzeugte Bildtexte sehe ich mir immer selbst an, denn eine automatische Beschreibung sagt, was zu sehen ist, aber nicht, warum das Bild an dieser Stelle steht.

  4. Formulare

    Formulare mit Beschriftung

    Statt grauer Platzhalter bekommt jedes Eingabefeld eine Beschriftung, die sichtbar bleibt und vom Screenreader vorgelesen wird. Man erkennt, welche Felder Pflicht sind, und Fehlermeldungen erklären, was nicht passt und wie man es korrigiert, bei der Terminbuchung genauso wie im Bestellweg.

  5. Tastatur

    Tastatur statt Maus

    Navigation, Cookie-Banner, Filter, Kalender und Bestellknopf reagieren auf Tabulator, Pfeiltasten und Eingabetaste, in sinnvoller Reihenfolge und mit deutlich sichtbarer Fokusmarkierung. Ein Fenster, das sich ausschließlich mit der Maus schließen lässt, bleibt danach nicht übrig.

  6. Kontrast

    Kontraste, Farben und Schriftgröße

    Texte, Knöpfe und Eingabefelder erhalten ausreichend Kontrast, und Informationen hängen nie allein an einer Farbe, etwa freie Termine, die sich nur durch Grün abheben. Deine Markenfarben sind weiterhin zu erkennen; ich verändere Farbtöne nur so weit, wie es nötig ist. Auch bei vergrößerter Schrift wird nichts abgeschnitten.

  7. Abläufe

    Terminbuchung und Bestellung komplett

    Jeden Ablauf prüfe ich als Ganzes: Warenkorb, Konto, Zahlung und Bestätigung am Stück, weil die Norm hier auf vollständige Abläufe abstellt. Module von Drittanbietern, zum Beispiel für Terminbuchung oder Bezahlung, nehme ich in die Prüfung auf; was sich in ihnen nicht ändern lässt, vermerkt der Prüfbericht.

Wie läuft das ab?

Ablauf: erst der BFSG-Abgleich, dann Prüfbericht und Umbau

Wir halten per Telefon, E-Mail oder WhatsApp Kontakt. Ein freigegebenes Arbeitsbeispiel kannst du auf Anfrage sehen.

  1. Bestands­aufnahme im Erstgespräch

    Im Erstgespräch vergleiche ich dein Angebot mit dem Gesetz sowie den Leitlinien des Bundesarbeitsministeriums. Geht über deine Website ein Vertrag mit Verbrauchern zustande, beim Bestellen oder Buchen zum Beispiel? Kommt die Kleinstunternehmen-Ausnahme für dich in Betracht? Ich halte die Antworten schriftlich fest, soweit mein Wissen reicht. Danach gehe ich die wichtigsten Seiten mit Tastatur und einem Prüfwerkzeug durch.

  2. Preis und Prüfbericht

    Mit dem Angebot erhältst du einen Festpreis und die Liste der Seiten und Abläufe, um die es geht. Sagst du zu, wird nach der Europäischen Norm EN 301 549 geprüft. Das Ergebnis ist der Prüfbericht, in dem zu jeder Barriere steht, wo sie sitzt, was sie bei Kunden auslöst und welche Änderung ich empfehle.

  3. Barrieren umbauen

    Umgebaut wird von mir selbst, in Vorlagen, Code und Inhalten. Bestellung, Buchung und Kontakt kommen zuerst, weil Kunden dort ankommen müssen; alles Weitere folgt nach der Rangfolge im Prüfbericht. Vorlagen und Erweiterungen passe ich updatefest an, damit eine neue Version nichts zurücksetzt. Alternativtexte und Beschriftungen verfasse ich selbst und zeige sie dir auf Wunsch vorab.

  4. Nachprüfen und übergeben

    Jede Änderung kontrolliere ich anschließend erneut, mit Tastatur und Screenreader. Bei der Übergabe erhältst du den überarbeiteten Prüfbericht und dazu eine knappe Anleitung fürs Einstellen neuer Inhalte, damit Bilder und Seiten, die später dazukommen, nicht wieder Barrieren mitbringen. Die vom BFSG für erfasste Dienstleister vorgeschriebenen Angaben zur Barrierefreiheit leite ich aus dem Prüfbericht ab, wenn du sie nicht selbst lieferst, und setze sie auf deine Website.

Wie lange dauert das?Je nach Seitenzahl

Dauer: von der Prüfung bis zur Nachprüfung

Die Prüfung dauert Tage bis Wochen, abhängig davon, wie viele Seiten und Abläufe es gibt; beim Umbau ist es genauso. Auf Wunsch erstellen wir einen Zeitplan, was bis wann erledigt ist, mit ungefähren Zeitpunkten. Neue Seiten, Bilder und Erweiterungen können später wieder Barrieren bringen, und wenn das BFSG dein Angebot erfasst, muss es dauerhaft barrierefrei bleiben. Auf Anfrage prüfe ich Neues nach.

  1. ErstBestands­aufnahme im Erstgespräch
  2. DanachPreis und Prüfbericht
  3. DannBarrieren umbauen
  4. ZuletztNachprüfen und übergeben
  5. Späterneue Inhalte, auf Anfrage geprüft
Ein typischer Verlauf.

Hat dein Shop Kundenkonten, Warenkorb und Zahlung, rechne mit mehr Zeit als bei einer reinen Website.

Wenn sich etwas nicht ändern lässt

Lässt dein System eine bestimmte Stelle nicht zu, sage ich dir das ehrlich, und wir finden zusammen einen anderen Weg, zum Beispiel über eine andere Erweiterung.

Ich garantiere keine Website, die völlig frei von Barrieren ist.

Was kostet das?Einmaliger Auftrag

Barrierefreie Website Celle: was Prüfung und Umbau kosten

Prüfung und Umbau berechne ich zum Festpreis. Spätere Nachprüfungen neuer Inhalte gibt es nur auf Anfrage und jeweils mit eigenem Angebot.

Prüfung und UmbauFestpreis

Kein Vertrag mit Laufzeit: Du beauftragst einmalig, auch bei jeder Nachprüfung.

Nachprüfung neuer Inhalteauf Anfrage, eigenes Angebot

Inklusive: Bericht, Umbau, Kontrolle

Zum Preis gehören der Prüfbericht, der Umbau der Stellen, die im Angebot stehen, und eine Kontrolle danach mit Tastatur und Screenreader.

Meine Änderungen sitzen im Code und bleiben erhalten, auch ohne Folgeauftrag.

Für die Korrektur von Fehlern in meiner Arbeit zahlst du keinen neuen Preis.

Für Erstgespräch, Bestandsaufnahme und Angebot berechne ich nichts, und du gehst keine Verpflichtung ein.

Lizenzkosten, beispielsweise für eine Formular-Erweiterung, nenne ich dir vorab. Overlay-Abos, also Zusatzsoftware mit eigenem Symbol über der Website, biete ich nicht an.

Was gesondert berechnet wird

Rechnet sich der Umbau einer älteren Website oder eines älteren Shops nicht mehr, rate ich dir zum Neubau, also zu einer neuen Website beziehungsweise einem neuen Onlineshop; barrierefreies Bauen ist dort ein eigener Baustein. Barrierefreie PDF-Dateien und Untertitel für Videos, die noch keine haben, bekommen im Angebot einen eigenen Preis.

Aufwand: diese Punkte zählen

  • Zahl der Seiten und Seitenvorlagen
  • Ob bei dir bestellt, gebucht oder ein Konto angelegt wird
  • Das System dahinter, zum Beispiel WordPress, Shopware oder ein Baukasten
  • Umfang an Bildern, Grafiken und Formularen
  • Ob Farben deiner Marke nachjustiert werden müssen
  • Ob Fremdmodule für Zahlung oder Termine eingebunden sind

Nach der Bestandsaufnahme steht der Preis fest. Macht eine Stelle mehr Arbeit als gedacht, bleibt er gleich, und kleine Mehrarbeit ist enthalten. Mehrkosten sage ich dir vorher an, wenn Seiten oder Abläufe dazukommen, sich Abgestimmtes grundlegend ändert oder eine spätere Nachprüfung Barrieren in neuen Inhalten entdeckt.

Wer möchte, beauftragt nur den Prüfbericht oder einzelne Arbeiten, etwa wenn die eigene Agentur umbaut oder zuerst Kontraste und Formulare drankommen sollen.

Erfolg heißt: Jeder Ablauf lässt sich bis zum Ende bedienen

Was sich belegen lässt

  • Erfüllte Prüfpunkte, seitenweise im Prüfbericht festgehalten
  • Ob sich mit Tastatur und Screenreader bis zum letzten Schritt bestellen, buchen und Kontakt aufnehmen lässt
  • Was du darüber hinaus erfahren willst, soweit es messbar ist

Diese Nachweise genügen nicht

  • Höchstwert in einem automatischen Prüfprogramm
  • Ein Overlay: Die Überwachungsstellen von Bund und Ländern kommen zu der Einschätzung, dass so ein Zusatz Websites mit Barrieren derzeit nicht vollständig barrierefrei macht
  • „BFSG-konform“ als Siegel, ohne dass ein Prüfbericht dahintersteht
  • Nur die Startseite ist sauber, die Terminbuchung aber nicht bedienbar

Ein Prüfbericht ist keine rechtliche Bewertung. Er hält fest, welche Prüfpunkte erfüllt sind und welche offen; ob das rechtlich für dein Angebot reicht, kann ich nur einschätzen, soweit mein Wissen reicht.

Dein Anteil am BFSG-Abgleich und an zugänglichen Inhalten

Angaben und Zugänge brauche ich einmal zum Start. Später melde ich mich nur mit Fragen zu Bildern und Abläufen; um Freigaben bitte ich nur, wenn du das willst.

  1. Angaben zu Kunden und Betrieb

    Sag mir, ob du an Verbraucher oder ausschließlich an Firmen verkaufst und welche Verträge über deine Website zustande kommen. Für den Abgleich brauche ich außerdem Beschäftigtenzahl, Jahresumsatz und Bilanzsumme. Kleinstunternehmen im Sinne der Ausnahme haben weniger als zehn Beschäftigte; außerdem liegen Jahresumsatz oder Bilanzsumme bei höchstens 2 Millionen Euro. Diese Zahlen bleiben vertraulich bei mir.

  2. Zugänge

    Ob du mich einlädst, mir einen eigenen Nutzer anlegst oder Zugangsdaten gibst, entscheidest du. Du kannst mich jederzeit entfernen oder das Passwort ändern; alles, was trennbar ist, läuft auf deinen Namen.

  3. Details zu deinen Bildern

    Für einige Alternativtexte brauche ich dein Wissen, zum Beispiel welches Detail eines Vorher-nachher-Fotos für deine Kunden wichtig ist.

  4. Abstimmung und Agentur

    Wie eng die Abstimmung ist und was du vorher sehen möchtest, zum Beispiel Farben oder Alternativtexte, legst du fest. Ist eine Agentur mit im Boot, stimme ich die Änderungen mit ihr ab.

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