Greenlight Check
WCAG-2.2-Prüfbericht · Stufe A/AA

Barrierefreiheits-Prüfbericht (Standard)

Muster-Boutique  ·  erstellt am 20. Juli 2026  ·  Prüfgrundlage: WCAG 2.2 A/AA (Basis EN 301 549)
Geprüfte Website: muster-boutique.ch
60/100Automatik-Score
Gesamteinschätzung

Ihre Website weist deutliche Mängel auf. Ein Teil davon ist automatisiert nachweisbar. Wir empfehlen, diese zeitnah zu beheben.

2hohe Priorität
1mittlere Priorität
0geringe Priorität
7betroffene Elemente

So entsteht dieser Wert: Start bei 100 Punkten. Je Mangel wird nach Schwere abgezogen (hohe Priorität −12, mittlere −5, geringe −2); der Abzug steigt mit der Anzahl betroffener Stellen – rund doppelt bei 10, dreifach ab etwa 100 Stellen (dort gedeckelt). Ergebnis: 60 von 100.

Der Score berücksichtigt Schwere UND Anzahl der betroffenen Stellen. Es ist ein eigenes, transparentes Bewertungsmodell von Greenlight Check – keine amtliche Norm. Manuell zu prüfende Punkte sind nicht eingerechnet.

Vorläufiger Wert: 1 Punkt(e) sind noch manuell zu prüfen und hier nicht eingerechnet.

Gesamtübersicht

Geprüfte Seiten3
Automatisch geprüfte WCAG-Kriterien41 – davon 38 ohne Beanstandung
Automatisch nachweisbare Mängel3 (2 hoch · 1 mittel · 0 niedrig)
Betroffene Stellen (automatisch)7
Zusätzlich manuell zu prüfen1 Punkt(e) · 9 Stellen
Automatik-Score60 / 100

Ihre Website weist deutliche Mängel auf. Ein Teil davon ist automatisiert nachweisbar. Wir empfehlen, diese zeitnah zu beheben. Der Score bewertet ausschließlich die automatisch bestätigten Mängel. 1 weitere Punkt(e) mit zusammen 9 Stellen sind noch manuell zu prüfen und hier nicht eingerechnet – sie können das Ergebnis verändern.

Geprüft wurde eine Auswahl der wichtigsten Seiten Ihrer Website. Alle Aussagen und der Score beziehen sich auf diesen geprüften Umfang.

Warum das zählt: Barrierefreiheit im Web beruht auf den international anerkannten WCAG und ist in immer mehr Ländern gesetzlich gefordert – in der Europäischen Union (darunter Deutschland) ebenso wie in der Schweiz. Grundlage ist jeweils dieselbe technische Norm, die dieser Bericht prüft. Je früher Barrieren beseitigt sind, desto geringer sind Aufwand und rechtliches Risiko – und desto mehr Menschen können Ihr Angebot nutzen.

Technische Ersteinschätzung nach WCAG 2.2 A/AA – keine Rechtsberatung, kein Konformitätsnachweis. Ausführlicher Hinweis am Ende.

Gefundene Mängel – nach Priorität geordnet

Hinweis zur Umsetzung: Jeder Punkt nennt das Problem, die Anzahl betroffener Stellen und die betroffenen Seiten, die einheitliche Behebung und ein Vorher/Nachher-Codebeispiel. Die technische Regel-ID (axe-core) ist je Punkt mit der ausführlichen Regel-Dokumentation verlinkt; der Behebungsaufwand gilt je Stelle. Jede einzelne Fundstelle – mit Selektor, Seite, gemessenem Befund und Status zum Abhaken – finden Sie im beigelegten Arbeitsdokument GLC-Fundstellen.csv.

01

Bilder ohne Alternativtext

Hohe Priorität

Das Problem: Produktbilder haben keinen beschreibenden Text hinterlegt. Blinde und sehbehinderte Kundinnen und Kunden, die einen Screenreader nutzen, erfahren dadurch nicht, was auf dem Bild zu sehen ist.

Betroffene Stellen: 3  ·  WCAG: 1.1.1  ·  Behebungsaufwand: mittel

Gefunden auf: 2 Seiten — /produkte /

So beheben Sie das: Für jedes Bild im Shop-System einen kurzen Alternativtext eintragen, der den Bildinhalt beschreibt (z.B. 'Blaue Trinkflasche 750 ml'). Rein dekorative Bilder sollten als dekorativ markiert werden.
Vorher<img src="produkt.jpg">
Nachher<img src="produkt.jpg" alt="Blaue Trinkflasche, 750 ml">

Regel-Referenz (axe-core): image-alt

02

Links ohne aussagekräftigen Text

Hohe Priorität

Das Problem: Manche Links haben keinen aussagekräftigen Namen – entweder nur generische Texte wie 'Hier', 'Klick mich' oder 'Mehr', oder es ist ein Bild-Link, dessen Bild keinen Alternativtext (alt) hat. Screenreader- und Sprachsteuerungs-Nutzer erfahren dann nicht, wohin der Link führt.

Betroffene Stellen: 2  ·  WCAG: 2.4.4, 4.1.2  ·  Behebungsaufwand: gering

Gefunden auf: 1 Seite — /

So beheben Sie das: Links mit sprechendem Text beschriften (z.B. statt 'Mehr' lieber 'Datenschutzerklärung lesen'). Bei Bild-Links dem Bild einen alt-Text geben oder dem Link ein aria-label. Der Name muss auch isoliert verständlich sein.
Vorher<a href="/de"><img src="flagge.png"></a>
Nachher<a href="/de" aria-label="Deutsche Version"> <img src="flagge.png" alt="Deutsch"> </a>

Regel-Referenz (axe-core): link-name

03

Überschriften in falscher Reihenfolge

Mittlere Priorität

Das Problem: Überschriften springen Ebenen (z.B. H1 direkt zu H3). Screenreader-Nutzer verstehen die Struktur nicht und können nicht effizient navigieren. Die Seite wirkt desorganisiert.

Betroffene Stellen: 2  ·  WCAG: Best Practice  ·  Behebungsaufwand: mittel

Gefunden auf: 2 Seiten — / /kontakt

So beheben Sie das: Überschriften-Hierarchie korrigieren: H1 (Seitentitel), dann H2, H3 usw. ohne Sprünge. Im Editor oder HTML die Tags konsistent setzen.
Vorher<h1>…</h1> <h4>…</h4>
Nachher<h1>…</h1> <h2>…</h2>

Regel-Referenz (axe-core): heading-order

Manuell zu prüfen – für eine vollständige Bewertung

Diese Punkte kann die automatische Prüfung nicht eindeutig entscheiden (z. B. Kontrast über Bildern, Sinn von Linktexten). Sie gehören zu einer vollständigen WCAG-Bewertung und sollten von einer Person geprüft werden.

M01

Zu geringer Farbkontrast

manuell prüfen

Das Problem: Text und Hintergrund haben nicht genug Kontrastabstand. Menschen mit Sehbehinderung oder Farbenblindheit können den Text schwer oder gar nicht lesen, besonders auf mobilen Geräten in heller Umgebung.

Betroffene Stellen: 9 (vorläufig) ·  WCAG: 1.4.3  ·  Behebungsaufwand: gering

Gefunden auf: 3 Seiten — / /produkte /kontakt

So beheben Sie das: Kontrastwerte überprüfen und anpassen (mind. 4,5:1 für normalen Text, 3:1 für große Text). Dies geschieht über CSS-Farbwerte; Ihr Webdesigner kann diese schnell mit Online-Tools prüfen und korrigieren.
Vorher<p style="color:#999;background:#fff">Text</p>
Nachher<p style="color:#595959;background:#fff">Text</p>

Regel-Referenz (axe-core): color-contrast

Empfohlenes Vorgehen

Dieser Standard-Prüfbericht umfasst die automatisiert prüfbaren WCAG-Kriterien. Der Komplett-Prüfbericht ergänzt eine manuelle Prüfung (u. a. die oben als „manuell zu prüfen“ markierten Punkte) und führt bei bestandener Prüfung zum Greenlight-Siegel.
Wichtiger Hinweis: Dieser Bericht ist eine automatisierte technische Ersteinschätzung auf Basis von Greenlight Check Voll-Scan (axe-core 4.12.1) (WCAG 2.2 A/AA). Automatisierte Prüfungen decken einen wesentlichen, aber nicht den vollständigen Kriterienkatalog der EN 301 549 ab; einzelne Anforderungen erfordern eine manuelle Prüfung. Dieser Bericht ist keine Rechtsberatung und kein Konformitätsnachweis. Geprüft werden die Webseiten Ihrer Website – nicht eingebettete Dateien wie PDF- oder Office-Dokumente oder Inhalte anderer Anbieter.
Greenlight Check · kontakt@greenlight-check.de · Technische Barrierefreiheits-Prüfung, keine Rechtsberatung.