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

Barrierefreie Website für Osnabrück

Ohne Maus bis zur Kasse: Darauf richte ich eine barrierefreie Website für Osnabrück aus. Ich passe deine Seiten an, bis auch Kunden mit schwacher Sehkraft oder ohne Maus damit zurechtkommen. Das BFSG, das Barrierefreiheits­stärkungs­gesetz, ist seit Juni 2025 in Kraft, erfasst aber längst nicht jedes Angebot. Vor dem Umbau steht deshalb ein Blick in Gesetz und amtliche Leitlinien: Gehört dein Angebot dazu, oder greift für deinen Betrieb die Ausnahme für Kleinstunternehmen? Rechtlich beraten kann ich dich dabei nicht. Danach untersuche ich fünf Punkte: Kontraste, Bedienung allein mit der Tastatur, Bildbeschreibungen als Alternativtexte, Feldbeschriftungen und die Struktur für Screenreader, also Programme, die Webseiten vorlesen.

Auf jede Anfrage melde ich mich werktags binnen 24 Stunden. Etwa eine Stunde dauert das Erstgespräch; wir schauen, welche Aufgaben Kunden online bei dir lösen wollen und wo sie heute scheitern. Telefon oder Video: Das entscheidest du. Den Preis nenne ich dir, sobald die Bestandsaufnahme fertig ist, und bevor ich loslege.

Hellgrau · Tabulator · Bildtext

Hürden, die du mit Maus und guten Augen nie bemerkst

Die meisten Websites lassen sich mit Maus und gutem Sehvermögen problemlos bedienen, und genau deshalb fällt beim eigenen Test nichts auf. Menschen mit Sehschwäche, ohne Maus oder mit Vorleseprogramm treffen dagegen auf Barrieren, egal ob im Shop oder bei der Terminbuchung.

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

1 / 3

Schwer zu lesen

Hellgrau auf Weiß, Text direkt auf einem Bild oder Schaltflächen, die sich nur über die Farbe abgrenzen: Bei schwacher Sehkraft, aber auch draußen im Sonnenlicht am Handy, verschwimmt das zu einer hellen Fläche.

2 / 3

Die Tab-Taste führt ins Leere

Mit der Tastatur erreicht man weder Menü noch Cookie-Banner noch den Bestellknopf, oder der Fokus ist unsichtbar. Wer keine Maus verwenden kann, steckt dann fest, bevor er fertig ist.

3 / 3

Stille für den Screenreader

Screenreader lesen Seiten vor. Fehlen Alternativtexte, also kurze Bildbeschreibungen, fehlen Feldbeschriftungen oder echte Überschriften, hört man bloß „Grafik“ und „Eingabefeld“, dazu Fließtext ohne jede Ordnung. Ob die Bestellung klappt, hängt dann vom Zufall ab.

Prüfmaßstab · Tastatur · Bildtexte

Deine Website barrierefrei machen, vom Farbkontrast bis zur Kasse

Was davon nötig ist, regelt das Angebot.

  1. Prüfung

    Maßstab: die EN 301 549

    Die Prüfung richtet sich nach der EN 301 549; die Bundesfachstelle Barrierefreiheit führt sie derzeit als zentrale technische Referenz. Mit ihrer neuen Fassung vom September 2026 fordert sie für Websites die WCAG 2.2, Stufe AA; WCAG steht für die internationalen Richtlinien zu Webinhalten. Ich arbeite mit Prüfwerkzeugen, mit der Tastatur und mit einem Screenreader.

  2. Tastatur

    Bedienen ohne Maus

    Ich sorge dafür, dass man sich mit Tab, Pfeiltasten und Enter durch Menü, Cookie-Hinweis, Filter und Kalender bis zum Bestellknopf bewegen kann, Schritt für Schritt in sinnvoller Folge und mit gut sichtbarer Markierung. Kein Fenster lässt sich danach nur noch per Mausklick schließen.

  3. Screenreader

    Klare Gliederung für Vorleseprogramme

    Überschriften folgen einer korrekten Hierarchie, Navigation und Hauptinhalt sind als Bereiche erkennbar, Links verraten ihr Ziel, statt nur „hier entlang“ zu sagen, und die Seitensprache ist richtig gesetzt. Dadurch versteht ein Screenreader den Aufbau, und Nutzer kommen direkt zum gewünschten Inhalt.

  4. Kontrast

    Lesbare Farben und Schrift

    Für Schrift, Knöpfe und Eingabefelder stelle ich ausreichend Kontrast her. Eine Information hängt nie bloß an der Farbe, etwa eine Formularangabe, die nur ein roter Rahmen als falsch markiert. Deine Markenfarben bleiben wiedererkennbar, weil ich Töne nur so weit wie nötig verändere, und vergrößerte Schrift wird nicht abgeschnitten.

  5. Formulare

    Eingabefelder mit Namen

    Jedes Feld bekommt eine sichtbare Beschriftung, die bleibt und die ein Screenreader vorliest; ein grauer Platzhalter allein genügt nicht. Pflichtangaben sind erkennbar, und wenn etwas schiefgeht, sagt die Meldung, wo der Fehler liegt und wie man ihn behebt, in der Bestellung wie bei Buchungen.

  6. Screenreader

    Bildtexte, die etwas sagen

    Jedes Bild mit Aussage erhält einen Alternativtext zum Vorlesen, beim Muster eines Bodenbelags etwa Farbe, Material und Format, beim Symbol die Aufgabe, die es erfüllt. Rein dekorative Bilder blende ich für Screenreader aus. Bildtexte aus einem Generator kontrolliere ich immer; die Absicht hinter einem Bild kennt nur, wer die Seite gestaltet hat.

  7. Abläufe

    Bestellen von Anfang bis Ende

    Ich teste Abläufe am Stück, also Warenkorb, Konto, Bezahlen und Bestätigung hintereinander, weil die Norm vollständige Abläufe verlangt. Zahlungs- oder Terminmodule fremder Anbieter gehören zur Prüfung; Stellen darin, die ich nicht ändern kann, dokumentiert der Prüfbericht.

Wie läuft das ab?

Der Weg vom BFSG-Abgleich zum barrierefreien Umbau

Wir stimmen uns per Telefon, E-Mail oder WhatsApp ab, und auf Anfrage zeige ich dir ein freigegebenes Arbeitsbeispiel.

  1. Gespräch, Abgleich, erster Test

    Im Erstgespräch nehmen wir uns das Gesetz und die amtlichen Leitlinien des Bundesarbeitsministeriums vor. Es geht um zwei Fragen: Schließt jemand über deine Website als Verbraucher einen Vertrag ab, zum Beispiel mit einer Bestellung? Und könnte dein Betrieb als Kleinstunternehmen ausgenommen sein? Ich halte meine Antworten schriftlich fest, so weit mein Wissen reicht. Mit Tastatur und Prüfprogramm nehme ich mir dann die Seiten vor, auf die es am meisten ankommt.

  2. Preis, dann Prüfbericht

    Mein Angebot nennt den Festpreis und listet die Seiten und Abläufe auf, die ich prüfe und umbaue. Nach deinem Okay wende ich die Europäische Norm EN 301 549 an. Der Bericht verzeichnet jede Barriere mit ihrer Stelle, ihrer Folge für Kunden und meinem Vorschlag zur Behebung.

  3. Umbau mit klarer Reihenfolge

    Ich baue selbst um, in den Vorlagen, im Code und in den Inhalten. Zuerst kümmere ich mich um die Stellen, an denen Kunden ans Ziel kommen müssen: Bestellung, Buchung, Kontakt. Alles Übrige folgt so, wie der Prüfbericht es ordnet. Meine Änderungen an Vorlagen und Erweiterungen überstehen Updates. Alternativtexte und Beschriftungen schreibe ich selbst; willst du sie vorher lesen, bekommst du sie.

  4. Nachkontrolle und Übergabe

    Nach dem Umbau gehe ich jede Änderung noch einmal mit Tastatur und Screenreader durch. Du bekommst den aktualisierten Prüfbericht, dazu eine Kurzanleitung, mit der dein Team neue Bilder und Seiten barrierefrei einstellt. Für die Angaben zur Barrierefreiheit, zu denen das BFSG erfasste Dienstleister verpflichtet, dient der Prüfbericht als Vorlage; ich schreibe sie mit, oder du bringst eigene mit, und ich baue sie auf deiner Website ein.

Wie lange dauert das?Umfang und System entscheiden

Prüfung und Umbau brauchen Tage bis Wochen

Je mehr Seiten und Abläufe, desto länger: Die Prüfung nimmt Tage bis Wochen in Anspruch, und für den Umbau gilt das ebenfalls. Auf Wunsch legen wir einen Zeitplan fest, mit ungefähren Zeitpunkten. Später hinzukommende Seiten, Bilder oder Erweiterungen können neue Barrieren mitbringen; steht dein Angebot unter dem BFSG, muss die Barrierefreiheit von Dauer sein. Nachprüfungen neuer Inhalte übernehme ich, wenn du sie anfragst.

  1. Zu BeginnGespräch, Abgleich, erster Test
  2. DaraufPreis, dann Prüfbericht
  3. Im dritten SchrittUmbau mit klarer Reihenfolge
  4. Zum AbschlussNachkontrolle und Übergabe
  5. Bei neuen InhaltenNachprüfung auf Anfrage
Ein typischer Verlauf.

In der Regel dauert es bei Shops länger, weil Kundenkonto, Warenkorb und Bezahlung dazukommen, als bei reinen Informationsseiten.

Wenn sich etwas nicht anpassen lässt

Gibt es eine Stelle, die dein System nicht ändern lässt, erfährst du das offen von mir; gemeinsam überlegen wir dann, ob etwa eine andere Erweiterung weiterhilft.

Völlige Barrierefreiheit kann ich dir nicht garantieren.

Was kostet das?Festpreis statt Vertrag

Barrierefreie Website Osnabrück: Kosten ohne Abo

Der Festpreis gilt für Prüfung und Umbau. Spätere Nachprüfungen neuer Inhalte sind ein eigener Auftrag: nur auf deine Anfrage und mit eigenem Angebot.

Prüfung und UmbauFestpreis

Kein Laufzeitvertrag, kein Abo: Prüfung, Umbau und jede spätere Nachprüfung beauftragst du jeweils einmalig.

Nachprüfung neuer Inhalteauf Anfrage, eigenes Angebot

Inklusive

Im Festpreis enthalten: der Prüfbericht, der Umbau der im Angebot aufgeführten Stellen und eine Nachkontrolle mit Tastatur und Screenreader.

Deine Website behält die Änderungen im Code, auch wenn du mich danach nicht mehr beauftragst.

Einen Fehler aus meiner Arbeit behebe ich ohne neuen Preis.

Erstgespräch, Bestandsaufnahme und Angebot: kostenlos und ohne Verpflichtung.

Lizenzkosten, beispielsweise für eine Erweiterung fürs Formular, erfährst du im Voraus. Kein Overlay-Abo: Zusatzprogramme, die mit eigenem Symbol über der Seite schweben, verkaufe ich nicht.

Neubau sowie PDFs und Untertitel separat

Manchmal ist eine Website oder ein Shop für einen Umbau zu alt; dann ist ein Neubau sinnvoller, also eine neue Website oder ein neuer Onlineshop, in dem Barrierefreiheit als eigener Baustein dazugehört. PDF-Dateien barrierefrei aufzubereiten und Videos ohne Untertitel nachzurüsten, steht mit gesondertem Preis im Angebot.

Was den Aufwand treibt

  • Seitenzahl und Zahl der Vorlagen
  • Ob über die Website bestellt, gebucht oder ein Konto eröffnet wird
  • System der Website, etwa WordPress, Shopware oder ein Baukasten
  • Anzahl von Bildern, Grafiken und Formularen
  • Ob Markenfarben nachgebessert werden müssen
  • Ob fremde Zahlungs- oder Terminmodule eingebaut sind

Fest steht der Preis nach der Bestandsaufnahme; er wächst nicht, wenn eine Stelle mehr Arbeit macht, und leichte Mehrarbeit ist inbegriffen. Teurer wird es nur in drei Fällen, und dann sage ich es dir vorher: bei zusätzlichen Seiten oder Abläufen, bei einer grundlegenden Änderung des Vereinbarten oder wenn bei einer späteren Nachprüfung neue Inhalte Barrieren enthalten.

Nur den Prüfbericht oder nur ausgewählte Arbeiten zu beauftragen, geht ebenfalls, etwa wenn deine Agentur umbauen soll oder Kontraste und Formulare den Anfang machen.

Gut ist eine Website, die man bedienen kann, nicht eine mit Bestnote

Belegbar ist

  • Pro Seite, welche Prüfpunkte erfüllt sind, im Prüfbericht dokumentiert
  • Ob Bestellen, Buchen und Kontaktieren bis zum letzten Schritt gelingen, wenn jemand nur Tastatur oder Screenreader nutzt
  • Weitere Werte nach deinem Wunsch, soweit sie messbar sind

Was nicht ausreicht

  • Ein Spitzenwert im automatischen Prüftool
  • Overlays, denn die Überwachungsstellen von Bund und Ländern halten sie derzeit nicht für geeignet, sämtliche Barrieren einer Website zu beheben
  • Ein Siegel, das „BFSG-konform“ verspricht, ohne dass ein Prüfbericht existiert
  • Eine einwandfreie Startseite, während die Bestellung am Ende scheitert

Ein Prüfbericht bewertet nicht die Rechtslage. Er hält erfüllte und offene Prüfpunkte fest; eine rechtliche Einschätzung gebe ich dir nur innerhalb meiner Kenntnisse.

Dein Teil: Angaben für den BFSG-Abgleich, Zugänge, Bildwissen

Am Anfang brauche ich einmal deine Angaben und Zugänge. Später habe ich höchstens Rückfragen zu Bildern und Abläufen; Freigaben brauche ich nur, wenn du sie willst.

  1. Kunden, Größe, Umsatz

    Für den Abgleich frage ich, ob du an Privatkunden oder nur an Unternehmen verkaufst und was man auf deiner Website abschließen kann. Außerdem interessieren mich drei Zahlen: Beschäftigte, Jahresumsatz, Bilanzsumme. Die Ausnahme für Kleinstunternehmen greift laut Gesetz bei weniger als zehn Beschäftigten, wenn zugleich der Jahresumsatz oder die Bilanzsumme bei maximal 2 Millionen Euro liegt. Deine Angaben behandle ich vertraulich.

  2. Zugänge, jederzeit widerrufbar

    Den Zugang erteilst du so, wie du magst: Einladung, eigenes Benutzerkonto für mich oder Zugangsdaten. Du kannst mich jederzeit wieder entfernen oder das Passwort ändern; trennbare Konten laufen auf deinen Namen.

  3. Bildwissen

    Für einige Alternativtexte frage ich dich, worauf es auf einem Bild ankommt, zum Beispiel bei einem Bodenbelag-Muster: Oberfläche, Farbton oder Format?

  4. Abstimmung nach Wunsch

    Du entscheidest, wie eng wir abstimmen und was du vorher sehen möchtest, etwa angepasste Farben oder Alternativtexte. Arbeitet eine Agentur mit, bekommt sie jede geplante Änderung vorab von mir.

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