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.
Entdecke
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 Barrierefreiheitsstärkungsgesetz (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.
Der Screenreader liest vor„Grafik. Eingabefeld. Eingabefeld.“
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.
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.
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.
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
Welche Bausteine dein Betrieb braucht, steht später im Angebot.
Prüfung
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.
Screenreader
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.
Screenreader
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.
Formulare
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.
Tastatur
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.
Kontrast
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.
Abläufe
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?
Wir halten per Telefon, E-Mail oder WhatsApp Kontakt. Ein freigegebenes Arbeitsbeispiel kannst du auf Anfrage sehen.
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.
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.
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.
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
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.
Hat dein Shop Kundenkonten, Warenkorb und Zahlung, rechne mit mehr Zeit als bei einer reinen Website.
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
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
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.
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.
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.
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.
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.
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.
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.
Für einige Alternativtexte brauche ich dein Wissen, zum Beispiel welches Detail eines Vorher-nachher-Fotos für deine Kunden wichtig ist.
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.