Hafenklick · BarrierefreiBEISPIELBERICHT – fiktiver Demo-Shop
Kostenloser Barrierefreiheits-Scan
Automatisierte Prüfung auf Basis von WCAG 2.2 (Stufe AA) – als Orientierung für das Barrierefreiheitsstärkungsgesetz (BFSG)
| Geprüfter Shop | https://www.example.de (Beispiel-Shop GmbH – fiktiv) |
| Geprüfte Seiten | Startseite, Kategorieseite, Produktseite (Beispiel) |
| Prüfmethode | Automatisierter Test im Browser mit axe-core (gerenderte Seite) |
| Datum | 03.11.2026 (Beispiel) |
Ampel: Gelb
Handlungsbedarf. 6 Problemarten mit 60 Fundstellen. 2 davon blockieren Nutzer im Kaufprozess und sollten zuerst behoben werden.
2 kritisch
2 schwer
2 mittel
Wichtig: Ein automatischer Scan findet nur einen Teil der Barrieren. Was zusätzlich von Menschen geprüft werden muss, steht in Abschnitt 3.
1. Ihre 3 wichtigsten Aufgaben
- „In den Warenkorb"-Button mit zugänglichem Namen versehen (kritisch, Kaufprozess).
- Formularfelder im Newsletter und in der Suche beschriften (kritisch).
- Farbkontrast der grauen Preis-Hinweise erhöhen (schwer, 21 Fundstellen).
2. Alle automatisch gefundenen Probleme
Vollständig, ohne Ausblendungen. Fundstellen sind Beispiele.
KritischButton ohne zugänglichen Namen – 12 Fundstellen
WCAG 2.2: 4.1.2 Name, Rolle, Wert · Seite: Kategorie, ProduktProblem: Der Warenkorb-Button zeigt nur ein Icon. Screenreader lesen „Schaltfläche" ohne Zweck vor.
So beheben:
aria-label="In den Warenkorb" ergänzen oder sichtbaren Text nutzen.KritischFormularfelder ohne Beschriftung – 3 Fundstellen
WCAG 2.2: 1.3.1 Info und Beziehungen, 3.3.2 Beschriftungen · Seite: alle (Suche, Newsletter)Problem: Nur Platzhaltertext, kein
<label>.So beheben: Jedem Feld ein sichtbares
<label for="…"> zuordnen.SchwerZu geringer Farbkontrast – 21 Fundstellen
WCAG 2.2: 1.4.3 Kontrast (Minimum) · Beispiel: grauer Preis-Hinweis #9AA5B1 auf Weiß = 2,5 : 1 (nötig 4,5 : 1)So beheben: Textfarbe dunkler wählen, z. B. #51647A (ca. 6 : 1).
SchwerProduktbilder ohne Alternativtext – 18 Fundstellen
WCAG 2.2: 1.1.1 Nicht-Text-Inhalt · Seite: Kategorie, ProduktSo beheben: Alt-Text aus Produktnamen und Merkmal, z. B. „Wollschal, dunkelblau". Dekorative Bilder:
alt="".MittelZielgröße zu klein – 5 Fundstellen
WCAG 2.2: 2.5.8 Zielgröße (Minimum) – neu in WCAG 2.2 · Beispiel: Social-Icons 16 × 16 pxSo beheben: Klickfläche mindestens 24 × 24 px oder ausreichend Abstand.
MittelÜberschriften-Reihenfolge springt – 1 Fundstelle
WCAG 2.2: 1.3.1 Info und Beziehungen · Seite: Startseite (H1 → H4)So beheben: Überschriften logisch staffeln (H1, H2, H3).
3. Nicht automatisch prüfbar
Diese Punkte kann kein Scanner sicher bewerten. Sie entscheiden oft darüber, ob Menschen mit Behinderung wirklich bei Ihnen kaufen können.
| Prüfpunkt | WCAG 2.2 | Status |
|---|---|---|
| Kompletter Checkout nur mit Tastatur (Warenkorb → Adresse → Zahlung) | 2.1.1, 2.1.2 | nur im Audit |
Fokus sichtbar (z. B. outline: none ohne Ersatz) | 2.4.7 | nur im Audit |
| Logische Fokus-Reihenfolge, z. B. in Menü, Filter, Pop-ups | 2.4.3 | nur im Audit |
| Fokus wird nicht verdeckt (Cookie-Banner, Sticky Header) | 2.4.11 | nur im Audit |
| Screenreader-Prüfung über den Barrierefreiheitsbaum (Name, Rolle, Wert) | 1.3.1, 4.1.2, 4.1.3 | nur im Audit |
| Sinnvolle Alt-Texte (nicht nur vorhanden, sondern passend) | 1.1.1 | nur im Audit |
| Verständliche Fehlermeldungen und Korrekturhinweise im Formular | 3.3.1, 3.3.3 | nur im Audit |
| Barrierefreie Anmeldung ohne Rätsel/Captcha-Hürde | 3.3.8 | nur im Audit |
| Keine doppelte Dateneingabe im Bestellprozess | 3.3.7 | nur im Audit |
| Informationen zur Barrierefreiheit (BFSG, „Erklärung zur Barrierefreiheit") vorhanden und verlinkt | – | nur im Audit |
| Darstellung bei 400 % Zoom und am Smartphone | 1.4.10, 1.4.4 | nur im Audit |
| Ziehbewegungen (z. B. Slider) auch per Klick bedienbar | 2.5.7 | nur im Audit |
4. Nächster Schritt
Agentur-Check
490 €
- bis zu 3 Seiten
- manuelle Prüfung
- Kurzbericht innerhalb von 5 Werktagen
Audit (Pilotpreis)
990 € regulär 1.490 €
- typischerweise 5 Seitentypen (bis zu 8 nach Absprache)
- Tastatur- und Screenreader-Tests
- Bericht mit Maßnahmenplan
- Entwurf der Erklärung zur Barrierefreiheit
- Umsetzung der Korrekturen nicht enthalten
Gemäß § 19 UStG wird keine Umsatzsteuer berechnet. Anfrage: barrierefrei.hafenklick.de
Hinweise: Dies ist ein Beispielbericht für einen fiktiven Shop; alle Werte sind erfunden. Geprüft auf Basis von WCAG 2.2. Der Bericht ist keine Zertifizierung, keine Konformitätsbescheinigung und keine Garantie für Rechtssicherheit. Keine Rechtsberatung – bei rechtlichen Fragen wenden Sie sich bitte an eine Anwältin oder einen Anwalt.