Für wen · Firmenwebsites, Visitenkarten, Blogs, Portfolios, Dienstleistungsseiten

Gewöhnliche Websites

Das Gesetz erfasst „Websites“ nicht als solche. Es erfasst Dienstleistungen aus Art. 3 Abs. 2, und eine Website ist eine Art, sie zu erbringen. Die Antwort auf die Frage „unterliegt meine Website dem Gesetz“ hängt also davon ab, was man auf ihr tun kann, nicht davon, wie sie aussieht. Unten: die Grenze, Beispiele auf beiden Seiten und das, was sich unabhängig von der Antwort lohnt.

Die Grenze: Kann ein Vertrag geschlossen werden

Kann ein Verbraucher auf Ihrer Website einen Vertrag schließen — kaufen, buchen, bestellen, sich mit Zahlung anmelden, einen Zugang erwerben — erbringen Sie eine E‑Commerce‑Dienstleistung und das Gesetz erfasst Sie vollständig: Art. 12 (Informationen und die vier Grundsätze), Art. 18 (Identifizierung, Sicherheit, Zahlung), Art. 32 (Konformitätsbewertung und Information in den AGB), Art. 37 (Beschwerden), Art. 73 (Geldbußen). Kann der Verbraucher nur lesen, ansehen und Kontakt aufnehmen — gibt es keine E‑Commerce‑Dienstleistung.

Drei Anmerkungen zur Grenze. Erstens: Ein Kontaktformular ist kein Vertragsschluss — ein Formular „Angebot anfordern und Anzahlung leisten“ schon. Zweitens: „im Hinblick auf den Abschluss eines Vertrags“ erfasst auch unentgeltliche Verträge (z. B. ein kostenloses Konto mit AGB), auch wenn die Behörden sich zuerst dort umsehen, wo Geld fließt. Drittens: Wenn Sie auf einer Informationsseite ein fremdes Verkaufs‑Widget einbetten (Buchungssystem, Tickets, Zahlungen), erbringt die E‑Commerce‑Dienstleistung derjenige, der den Vertrag mit dem Verbraucher schließt — prüfen Sie in den Bedingungen des Widgets, wer das ist. Wenn Sie es sind — ist das Widget Teil Ihrer Dienstleistung, und Art. 4 Nr. 2 Buchst. b (Inhalte außerhalb der Kontrolle) rettet Sie nicht, weil Sie es ausgewählt haben und ändern können.

Kleinstunternehmen mit erfasster Website

Wenn Sie online Verträge schließen, aber weniger als 10 Personen beschäftigen und einen Umsatz oder eine Bilanzsumme bis 2 Mio. Euro haben, nimmt Art. 4 Nr. 1 Ihre Dienstleistungen vom Gesetz aus. Zwei Vorbehalte: Der Status wird jedes Jahr anhand der Zahlen geprüft, und Partner (Marktplätze, Zahlungsdienstleister, öffentliche Auftraggeber) verlangen immer öfter WCAG im Vertrag. Befreiung mit Sternchen.

Warum „außerhalb“ nicht „ohne Risiko“ bedeutet

• Websites wachsen. Heute Visitenkarte, nächstes Jahr Shop. Von Anfang an eingebaute Barrierefreiheit kostet einen Bruchteil eines späteren Umbaus — zumal Templates, Themes und Plugins, auf denen die Seite entstand, bei ihr bleiben.
• Kunden gehen leise. Wer Ihr Angebot bei 200 % Vergrößerung oder im Dunkelmodus nicht lesen kann, beschwert sich nicht. Er wählt die Konkurrenz.
• Suchmaschinen sehen dasselbe wie ein Screenreader. Überschriften, Bildalternativen, Seitentitel, beschreibende Links, schnelles Laden — die Checkliste für Barrierefreiheit und die für SEO überschneiden sich weitgehend.
• Verträge und Ausschreibungen. Öffentliche Auftraggeber verlangen WCAG 2.1 AA von Auftragnehmern für Websites und Systeme; ein Anbieter mit eigener unzugänglicher Website verliert im ersten Gespräch an Glaubwürdigkeit.
• Reputation. Eine unzugängliche Website eines Unternehmens, das mit Menschen arbeitet — Praxis, Schule, Kanzlei, Stiftung — ist ein sichtbarer Widerspruch.

Das Minimum für jede Website — zehn Dinge, die das meiste erledigen

1. Sprache und Titel

   <html lang="de"> und ein eindeutiger <title> auf jeder Unterseite. Ohne das liest ein Screenreader deutschen Text mit englischer Aussprache. (WCAG 3.1.1, 2.4.2)

2. Überschriften als Struktur

   Ein h1, dann h2, h3 ohne Sprünge. Überschriften sind das Inhaltsverzeichnis für jemanden, der das Layout nicht sieht. (1.3.1, 2.4.6)

3. Alternativtext

   Jedes inhaltstragende Bild hat ein alt, das beschreibt, was es vermittelt; ein dekoratives hat alt="". Logo: der Firmenname, nicht „Logo“. (1.1.1)

4. Kontrast 4,5:1

   Text zu Hintergrund mindestens 4,5:1 (große Schrift 3:1). Grau auf Weiß erfüllt das in den meisten Templates nicht. (1.4.3)

5. Tastatur

   Alles lässt sich mit Tab und Enter bedienen; man sieht, wo der Fokus ist. Ein Menü, das nur bei Hover aufklappt, ist eine Falle. (2.1.1, 2.4.7)

6. Links, die etwas sagen

   Nicht „hier klicken“, sondern „Preisliste herunterladen (PDF, 200 KB)“. Ein Screenreader kann die Links allein auflisten. (2.4.4)

7. Formulare mit Beschriftungen

   Jedes Feld hat ein <label for>; ein Platzhalter ist keine Beschriftung. Fehler als Text beschrieben, nicht nur durch Farbe. (1.3.1, 3.3.1, 3.3.2)

8. Vergrößerung und Telefon

   Die Seite funktioniert bei 200 % Vergrößerung und 320 px Breite ohne horizontales Scrollen. (1.4.4, 1.4.10)

9. Keine Fallen

   Nichts blinkt, nichts spielt von selbst mit Ton, nichts schließt sich von selbst nach Zeitablauf. Videos haben Untertitel. (1.2.2, 1.4.2, 2.2.2, 2.3.1)

10. Kontakt und Barrierefreiheitsinformation

    Auch außerhalb des Gesetzes: eine kurze Seite „Barrierefreiheit“ mit dem, was funktioniert, was nicht, und einer Adresse für Meldungen. Unsere ist eine Vorlage.

Typische Templates und Systeme

Die meisten Firmenwebsites laufen auf WordPress, Wix, Squarespace, Webflow oder Shopify. Keines davon ist „von Haus aus barrierefrei“ — Barrierefreiheit hängt vom Theme, den Plugins und den Inhalten ab, die Sie eingeben. Overlay‑Plugins („Accessibility Overlays“), die Konformität mit einem Skript versprechen, reparieren den Code nicht, und Blindenorganisationen bitten öffentlich, sie nicht zu verwenden: Sie verschlechtern oft die Arbeit von Screenreadern. Unsere Prüfung misst die Seite so, wie der Nutzer sie sieht — ein Overlay verbessert das Ergebnis also nicht.