AIProCraft · BFSG Technical Check
Technischer Barrierefreiheits-Bericht
fiktiver-demo-shop.aiprocraft.de
- Geprüfte Domain
- http://fiktiver-demo-shop.aiprocraft.de/
- Datum
- 25. Oktober 2026
- Geprüfte Seiten
- 9
- Ansichten
- Desktop und Mobil
- Methodik
- Automatisierte technische Prüfung mit axe-core und Tastaturtest in Chromium (Desktop und Mobil).
- Erkannte Plattform
- custom
Automatisierte Tests erkennen nur einen Teil aller Barrieren. Dieser Bericht ist eine technische Prüfung und keine Konformitätsbescheinigung.
Zusammenfassung
Dokumentierte Befunde der automatischen Prüfung: 298. Punkte unter „Manuell zu prüfen“ sind darin nicht enthalten.
- 44Kritisch
- 254Schwerwiegend
- 0Mittel
- 0Gering
Die 5 wichtigsten Prioritäten
- Kritisch image-alt – Ein Bild hat keinen Alternativtext (alt-Attribut). (28× auf 9 Seiten, betrifft den Kaufpfad)
- Kritisch label – Ein Formularfeld hat keine programmatisch verknüpfte Beschriftung. (10× auf 4 Seiten, betrifft den Kaufpfad)
- Kritisch select-name – Ein Auswahlfeld hat keine zugängliche Beschriftung. (6× auf 3 Seiten, betrifft den Kaufpfad)
- Schwerwiegend color-contrast – Text und Hintergrund haben nach der automatischen Messung zu wenig Helligkeitskontrast. (52× auf 9 Seiten, betrifft den Kaufpfad)
- Schwerwiegend keyboard-focus-not-visible – Beim Tastatur-Fokus ist kein sichtbarer Fokusindikator erkennbar. (170× auf 9 Seiten, betrifft den Kaufpfad)
Kaufprozess
Status der automatischen Prüfung: Automatisch getestet (Warenkorb und Checkout-Einstieg)
Product, cart and checkout entry page were scanned (view only; nothing submitted).
- Checkout-Einstieg · Desktop · Geprüft – http://fiktiver-demo-shop.aiprocraft.de/kasse
- Checkout-Einstieg · Mobil · Geprüft – http://fiktiver-demo-shop.aiprocraft.de/kasse
- Produktseite · Desktop · Geprüft – http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte
- Produktseite · Mobil · Geprüft – http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte
- Produktseite · Desktop · Geprüft – http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung
- Produktseite · Mobil · Geprüft – http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung
- Warenkorb · Desktop · Geprüft – http://fiktiver-demo-shop.aiprocraft.de/warenkorb
- Warenkorb · Mobil · Geprüft – http://fiktiver-demo-shop.aiprocraft.de/warenkorb
Bestätigte Befunde im Kaufpfad: 150, davon 150 kritisch oder schwerwiegend (potenzielle Hürden beim Kauf).
Befunde nach Priorität
Die Erklärungen sind Standardtexte zur jeweiligen Prüfregel. Schwere und Reihenfolge stammen aus der Regelprüfung und dem festen Priorisierungsverfahren.
Ein Bild hat keinen Alternativtext (alt-Attribut).
- Seite
- http://fiktiver-demo-shop.aiprocraft.de/kasse (Checkout-Einstieg)
- WCAG
- WCAG 1.1.1 – Nicht-Text-Inhalte
- Betroffene Nutzende
- Screenreader-Nutzende erfahren nicht, was das Bild zeigt oder bewirkt.
- Korrekturhinweis
- Informative Bilder mit einem kurzen, sinnvollen alt-Text versehen; rein dekorative Bilder mit alt="" kennzeichnen.
img<img src="/img/cart.svg" width="24" height="24">
Ein Bild hat keinen Alternativtext (alt-Attribut).
- Seite
- http://fiktiver-demo-shop.aiprocraft.de/kasse (Checkout-Einstieg)
- WCAG
- WCAG 1.1.1 – Nicht-Text-Inhalte
- Betroffene Nutzende
- Screenreader-Nutzende erfahren nicht, was das Bild zeigt oder bewirkt.
- Korrekturhinweis
- Informative Bilder mit einem kurzen, sinnvollen alt-Text versehen; rein dekorative Bilder mit alt="" kennzeichnen.
img<img src="/img/cart.svg" width="24" height="24">
Ein Bild hat keinen Alternativtext (alt-Attribut).
- Seite
- http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte (Produktseite)
- WCAG
- WCAG 1.1.1 – Nicht-Text-Inhalte
- Betroffene Nutzende
- Screenreader-Nutzende erfahren nicht, was das Bild zeigt oder bewirkt.
- Korrekturhinweis
- Informative Bilder mit einem kurzen, sinnvollen alt-Text versehen; rein dekorative Bilder mit alt="" kennzeichnen.
img[src$="cart.svg"]<img src="/img/cart.svg" width="24" height="24">
Ein Bild hat keinen Alternativtext (alt-Attribut).
- Seite
- http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte (Produktseite)
- WCAG
- WCAG 1.1.1 – Nicht-Text-Inhalte
- Betroffene Nutzende
- Screenreader-Nutzende erfahren nicht, was das Bild zeigt oder bewirkt.
- Korrekturhinweis
- Informative Bilder mit einem kurzen, sinnvollen alt-Text versehen; rein dekorative Bilder mit alt="" kennzeichnen.
img[src$="espresso.svg"]<img src="/img/espresso.svg" width="300" height="300">
Ein Bild hat keinen Alternativtext (alt-Attribut).
- Seite
- http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte (Produktseite)
- WCAG
- WCAG 1.1.1 – Nicht-Text-Inhalte
- Betroffene Nutzende
- Screenreader-Nutzende erfahren nicht, was das Bild zeigt oder bewirkt.
- Korrekturhinweis
- Informative Bilder mit einem kurzen, sinnvollen alt-Text versehen; rein dekorative Bilder mit alt="" kennzeichnen.
img[src$="cart.svg"]<img src="/img/cart.svg" width="24" height="24">
Ein Bild hat keinen Alternativtext (alt-Attribut).
- Seite
- http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte (Produktseite)
- WCAG
- WCAG 1.1.1 – Nicht-Text-Inhalte
- Betroffene Nutzende
- Screenreader-Nutzende erfahren nicht, was das Bild zeigt oder bewirkt.
- Korrekturhinweis
- Informative Bilder mit einem kurzen, sinnvollen alt-Text versehen; rein dekorative Bilder mit alt="" kennzeichnen.
img[src$="espresso.svg"]<img src="/img/espresso.svg" width="300" height="300">
Ein Bild hat keinen Alternativtext (alt-Attribut).
- Seite
- http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung (Produktseite)
- WCAG
- WCAG 1.1.1 – Nicht-Text-Inhalte
- Betroffene Nutzende
- Screenreader-Nutzende erfahren nicht, was das Bild zeigt oder bewirkt.
- Korrekturhinweis
- Informative Bilder mit einem kurzen, sinnvollen alt-Text versehen; rein dekorative Bilder mit alt="" kennzeichnen.
img[src$="cart.svg"]<img src="/img/cart.svg" width="24" height="24">
Ein Bild hat keinen Alternativtext (alt-Attribut).
- Seite
- http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung (Produktseite)
- WCAG
- WCAG 1.1.1 – Nicht-Text-Inhalte
- Betroffene Nutzende
- Screenreader-Nutzende erfahren nicht, was das Bild zeigt oder bewirkt.
- Korrekturhinweis
- Informative Bilder mit einem kurzen, sinnvollen alt-Text versehen; rein dekorative Bilder mit alt="" kennzeichnen.
img[src$="hausmischung.svg"]<img src="/img/hausmischung.svg" width="300" height="300">
Ein Bild hat keinen Alternativtext (alt-Attribut).
- Seite
- http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung (Produktseite)
- WCAG
- WCAG 1.1.1 – Nicht-Text-Inhalte
- Betroffene Nutzende
- Screenreader-Nutzende erfahren nicht, was das Bild zeigt oder bewirkt.
- Korrekturhinweis
- Informative Bilder mit einem kurzen, sinnvollen alt-Text versehen; rein dekorative Bilder mit alt="" kennzeichnen.
img[src$="cart.svg"]<img src="/img/cart.svg" width="24" height="24">
Ein Bild hat keinen Alternativtext (alt-Attribut).
- Seite
- http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung (Produktseite)
- WCAG
- WCAG 1.1.1 – Nicht-Text-Inhalte
- Betroffene Nutzende
- Screenreader-Nutzende erfahren nicht, was das Bild zeigt oder bewirkt.
- Korrekturhinweis
- Informative Bilder mit einem kurzen, sinnvollen alt-Text versehen; rein dekorative Bilder mit alt="" kennzeichnen.
img[src$="hausmischung.svg"]<img src="/img/hausmischung.svg" width="300" height="300">
Ein Bild hat keinen Alternativtext (alt-Attribut).
- Seite
- http://fiktiver-demo-shop.aiprocraft.de/warenkorb (Warenkorb)
- WCAG
- WCAG 1.1.1 – Nicht-Text-Inhalte
- Betroffene Nutzende
- Screenreader-Nutzende erfahren nicht, was das Bild zeigt oder bewirkt.
- Korrekturhinweis
- Informative Bilder mit einem kurzen, sinnvollen alt-Text versehen; rein dekorative Bilder mit alt="" kennzeichnen.
img<img src="/img/cart.svg" width="24" height="24">Ein Bild hat keinen Alternativtext (alt-Attribut).
- Seite
- http://fiktiver-demo-shop.aiprocraft.de/warenkorb (Warenkorb)
- WCAG
- WCAG 1.1.1 – Nicht-Text-Inhalte
- Betroffene Nutzende
- Screenreader-Nutzende erfahren nicht, was das Bild zeigt oder bewirkt.
- Korrekturhinweis
- Informative Bilder mit einem kurzen, sinnvollen alt-Text versehen; rein dekorative Bilder mit alt="" kennzeichnen.
img<img src="/img/cart.svg" width="24" height="24">Ein Formularfeld hat keine programmatisch verknüpfte Beschriftung.
- Seite
- http://fiktiver-demo-shop.aiprocraft.de/kasse (Checkout-Einstieg)
- WCAG
- WCAG 4.1.2 – Name, Rolle, Wert
- Betroffene Nutzende
- Screenreader lesen das Feld ohne Namen vor; Spracheingabe und Klick auf die Beschriftung funktionieren nicht.
- Korrekturhinweis
- Ein <label for="…"> mit passender id am Feld ergänzen oder ein aussagekräftiges aria-label verwenden.
input[type="checkbox"]<input type="checkbox">
Ein Formularfeld hat keine programmatisch verknüpfte Beschriftung.
- Seite
- http://fiktiver-demo-shop.aiprocraft.de/kasse (Checkout-Einstieg)
- WCAG
- WCAG 4.1.2 – Name, Rolle, Wert
- Betroffene Nutzende
- Screenreader lesen das Feld ohne Namen vor; Spracheingabe und Klick auf die Beschriftung funktionieren nicht.
- Korrekturhinweis
- Ein <label for="…"> mit passender id am Feld ergänzen oder ein aussagekräftiges aria-label verwenden.
input[type="checkbox"]<input type="checkbox">
Ein Formularfeld hat keine programmatisch verknüpfte Beschriftung.
- Seite
- http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte (Produktseite)
- WCAG
- WCAG 4.1.2 – Name, Rolle, Wert
- Betroffene Nutzende
- Screenreader lesen das Feld ohne Namen vor; Spracheingabe und Klick auf die Beschriftung funktionieren nicht.
- Korrekturhinweis
- Ein <label for="…"> mit passender id am Feld ergänzen oder ein aussagekräftiges aria-label verwenden.
input[type="number"]<input type="number" name="quantity" value="1" min="1">
Ein Formularfeld hat keine programmatisch verknüpfte Beschriftung.
- Seite
- http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte (Produktseite)
- WCAG
- WCAG 4.1.2 – Name, Rolle, Wert
- Betroffene Nutzende
- Screenreader lesen das Feld ohne Namen vor; Spracheingabe und Klick auf die Beschriftung funktionieren nicht.
- Korrekturhinweis
- Ein <label for="…"> mit passender id am Feld ergänzen oder ein aussagekräftiges aria-label verwenden.
input[type="number"]<input type="number" name="quantity" value="1" min="1">
Ein Formularfeld hat keine programmatisch verknüpfte Beschriftung.
- Seite
- http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung (Produktseite)
- WCAG
- WCAG 4.1.2 – Name, Rolle, Wert
- Betroffene Nutzende
- Screenreader lesen das Feld ohne Namen vor; Spracheingabe und Klick auf die Beschriftung funktionieren nicht.
- Korrekturhinweis
- Ein <label for="…"> mit passender id am Feld ergänzen oder ein aussagekräftiges aria-label verwenden.
input[type="number"]<input type="number" name="quantity" value="1" min="1">
Ein Formularfeld hat keine programmatisch verknüpfte Beschriftung.
- Seite
- http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung (Produktseite)
- WCAG
- WCAG 4.1.2 – Name, Rolle, Wert
- Betroffene Nutzende
- Screenreader lesen das Feld ohne Namen vor; Spracheingabe und Klick auf die Beschriftung funktionieren nicht.
- Korrekturhinweis
- Ein <label for="…"> mit passender id am Feld ergänzen oder ein aussagekräftiges aria-label verwenden.
input[type="number"]<input type="number" name="quantity" value="1" min="1">
Ein Auswahlfeld hat keine zugängliche Beschriftung.
- Seite
- http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte (Produktseite)
- WCAG
- WCAG 4.1.2 – Name, Rolle, Wert
- Betroffene Nutzende
- Screenreader-Nutzende wissen nicht, was im Feld auszuwählen ist.
- Korrekturhinweis
- Ein <label> verknüpfen oder aria-label setzen.
select<select name="mahlgrad"><option>Ganze Bohne</option><option>Filter</option><option>Espresso</option></select>
Ein Auswahlfeld hat keine zugängliche Beschriftung.
- Seite
- http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte (Produktseite)
- WCAG
- WCAG 4.1.2 – Name, Rolle, Wert
- Betroffene Nutzende
- Screenreader-Nutzende wissen nicht, was im Feld auszuwählen ist.
- Korrekturhinweis
- Ein <label> verknüpfen oder aria-label setzen.
select<select name="mahlgrad"><option>Ganze Bohne</option><option>Filter</option><option>Espresso</option></select>
Ein Auswahlfeld hat keine zugängliche Beschriftung.
- Seite
- http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung (Produktseite)
- WCAG
- WCAG 4.1.2 – Name, Rolle, Wert
- Betroffene Nutzende
- Screenreader-Nutzende wissen nicht, was im Feld auszuwählen ist.
- Korrekturhinweis
- Ein <label> verknüpfen oder aria-label setzen.
select<select name="mahlgrad"><option>Ganze Bohne</option><option>Filter</option><option>Espresso</option></select>
Ein Auswahlfeld hat keine zugängliche Beschriftung.
- Seite
- http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung (Produktseite)
- WCAG
- WCAG 4.1.2 – Name, Rolle, Wert
- Betroffene Nutzende
- Screenreader-Nutzende wissen nicht, was im Feld auszuwählen ist.
- Korrekturhinweis
- Ein <label> verknüpfen oder aria-label setzen.
select<select name="mahlgrad"><option>Ganze Bohne</option><option>Filter</option><option>Espresso</option></select>
Ein Bild hat keinen Alternativtext (alt-Attribut).
- Seite
- http://fiktiver-demo-shop.aiprocraft.de/ (Startseite)
- WCAG
- WCAG 1.1.1 – Nicht-Text-Inhalte
- Betroffene Nutzende
- Screenreader-Nutzende erfahren nicht, was das Bild zeigt oder bewirkt.
- Korrekturhinweis
- Informative Bilder mit einem kurzen, sinnvollen alt-Text versehen; rein dekorative Bilder mit alt="" kennzeichnen.
img[src$="cart.svg"]<img src="/img/cart.svg" width="24" height="24">
Ein Bild hat keinen Alternativtext (alt-Attribut).
- Seite
- http://fiktiver-demo-shop.aiprocraft.de/ (Startseite)
- WCAG
- WCAG 1.1.1 – Nicht-Text-Inhalte
- Betroffene Nutzende
- Screenreader-Nutzende erfahren nicht, was das Bild zeigt oder bewirkt.
- Korrekturhinweis
- Informative Bilder mit einem kurzen, sinnvollen alt-Text versehen; rein dekorative Bilder mit alt="" kennzeichnen.
img[src$="espresso.svg"]<img src="/img/espresso.svg" width="300" height="300">Ein Bild hat keinen Alternativtext (alt-Attribut).
- Seite
- http://fiktiver-demo-shop.aiprocraft.de/ (Startseite)
- WCAG
- WCAG 1.1.1 – Nicht-Text-Inhalte
- Betroffene Nutzende
- Screenreader-Nutzende erfahren nicht, was das Bild zeigt oder bewirkt.
- Korrekturhinweis
- Informative Bilder mit einem kurzen, sinnvollen alt-Text versehen; rein dekorative Bilder mit alt="" kennzeichnen.
img[src$="hausmischung.svg"]<img src="/img/hausmischung.svg" width="300" height="300">Ein Bild hat keinen Alternativtext (alt-Attribut).
- Seite
- http://fiktiver-demo-shop.aiprocraft.de/ (Startseite)
- WCAG
- WCAG 1.1.1 – Nicht-Text-Inhalte
- Betroffene Nutzende
- Screenreader-Nutzende erfahren nicht, was das Bild zeigt oder bewirkt.
- Korrekturhinweis
- Informative Bilder mit einem kurzen, sinnvollen alt-Text versehen; rein dekorative Bilder mit alt="" kennzeichnen.
img[src$="hero.svg"]<img src="/img/hero.svg" width="800" height="240">
Ein Bild hat keinen Alternativtext (alt-Attribut).
- Seite
- http://fiktiver-demo-shop.aiprocraft.de/ (Startseite)
- WCAG
- WCAG 1.1.1 – Nicht-Text-Inhalte
- Betroffene Nutzende
- Screenreader-Nutzende erfahren nicht, was das Bild zeigt oder bewirkt.
- Korrekturhinweis
- Informative Bilder mit einem kurzen, sinnvollen alt-Text versehen; rein dekorative Bilder mit alt="" kennzeichnen.
img[src$="cart.svg"]<img src="/img/cart.svg" width="24" height="24">
Ein Bild hat keinen Alternativtext (alt-Attribut).
- Seite
- http://fiktiver-demo-shop.aiprocraft.de/ (Startseite)
- WCAG
- WCAG 1.1.1 – Nicht-Text-Inhalte
- Betroffene Nutzende
- Screenreader-Nutzende erfahren nicht, was das Bild zeigt oder bewirkt.
- Korrekturhinweis
- Informative Bilder mit einem kurzen, sinnvollen alt-Text versehen; rein dekorative Bilder mit alt="" kennzeichnen.
img[src$="espresso.svg"]<img src="/img/espresso.svg" width="300" height="300">Ein Bild hat keinen Alternativtext (alt-Attribut).
- Seite
- http://fiktiver-demo-shop.aiprocraft.de/ (Startseite)
- WCAG
- WCAG 1.1.1 – Nicht-Text-Inhalte
- Betroffene Nutzende
- Screenreader-Nutzende erfahren nicht, was das Bild zeigt oder bewirkt.
- Korrekturhinweis
- Informative Bilder mit einem kurzen, sinnvollen alt-Text versehen; rein dekorative Bilder mit alt="" kennzeichnen.
img[src$="hausmischung.svg"]<img src="/img/hausmischung.svg" width="300" height="300">Ein Bild hat keinen Alternativtext (alt-Attribut).
- Seite
- http://fiktiver-demo-shop.aiprocraft.de/ (Startseite)
- WCAG
- WCAG 1.1.1 – Nicht-Text-Inhalte
- Betroffene Nutzende
- Screenreader-Nutzende erfahren nicht, was das Bild zeigt oder bewirkt.
- Korrekturhinweis
- Informative Bilder mit einem kurzen, sinnvollen alt-Text versehen; rein dekorative Bilder mit alt="" kennzeichnen.
img[src$="hero.svg"]<img src="/img/hero.svg" width="800" height="240">
Ein Bild hat keinen Alternativtext (alt-Attribut).
- Seite
- http://fiktiver-demo-shop.aiprocraft.de/datenschutz (Rechtliche Seite)
- WCAG
- WCAG 1.1.1 – Nicht-Text-Inhalte
- Betroffene Nutzende
- Screenreader-Nutzende erfahren nicht, was das Bild zeigt oder bewirkt.
- Korrekturhinweis
- Informative Bilder mit einem kurzen, sinnvollen alt-Text versehen; rein dekorative Bilder mit alt="" kennzeichnen.
img<img src="/img/cart.svg" width="24" height="24">Ein Bild hat keinen Alternativtext (alt-Attribut).
- Seite
- http://fiktiver-demo-shop.aiprocraft.de/datenschutz (Rechtliche Seite)
- WCAG
- WCAG 1.1.1 – Nicht-Text-Inhalte
- Betroffene Nutzende
- Screenreader-Nutzende erfahren nicht, was das Bild zeigt oder bewirkt.
- Korrekturhinweis
- Informative Bilder mit einem kurzen, sinnvollen alt-Text versehen; rein dekorative Bilder mit alt="" kennzeichnen.
img<img src="/img/cart.svg" width="24" height="24">Ein Bild hat keinen Alternativtext (alt-Attribut).
- Seite
- http://fiktiver-demo-shop.aiprocraft.de/impressum (Rechtliche Seite)
- WCAG
- WCAG 1.1.1 – Nicht-Text-Inhalte
- Betroffene Nutzende
- Screenreader-Nutzende erfahren nicht, was das Bild zeigt oder bewirkt.
- Korrekturhinweis
- Informative Bilder mit einem kurzen, sinnvollen alt-Text versehen; rein dekorative Bilder mit alt="" kennzeichnen.
img<img src="/img/cart.svg" width="24" height="24">Ein Bild hat keinen Alternativtext (alt-Attribut).
- Seite
- http://fiktiver-demo-shop.aiprocraft.de/impressum (Rechtliche Seite)
- WCAG
- WCAG 1.1.1 – Nicht-Text-Inhalte
- Betroffene Nutzende
- Screenreader-Nutzende erfahren nicht, was das Bild zeigt oder bewirkt.
- Korrekturhinweis
- Informative Bilder mit einem kurzen, sinnvollen alt-Text versehen; rein dekorative Bilder mit alt="" kennzeichnen.
img<img src="/img/cart.svg" width="24" height="24">Ein Bild hat keinen Alternativtext (alt-Attribut).
- Seite
- http://fiktiver-demo-shop.aiprocraft.de/kategorie/kaffee (Kategorie)
- WCAG
- WCAG 1.1.1 – Nicht-Text-Inhalte
- Betroffene Nutzende
- Screenreader-Nutzende erfahren nicht, was das Bild zeigt oder bewirkt.
- Korrekturhinweis
- Informative Bilder mit einem kurzen, sinnvollen alt-Text versehen; rein dekorative Bilder mit alt="" kennzeichnen.
img[src$="cart.svg"]<img src="/img/cart.svg" width="24" height="24">
Ein Bild hat keinen Alternativtext (alt-Attribut).
- Seite
- http://fiktiver-demo-shop.aiprocraft.de/kategorie/kaffee (Kategorie)
- WCAG
- WCAG 1.1.1 – Nicht-Text-Inhalte
- Betroffene Nutzende
- Screenreader-Nutzende erfahren nicht, was das Bild zeigt oder bewirkt.
- Korrekturhinweis
- Informative Bilder mit einem kurzen, sinnvollen alt-Text versehen; rein dekorative Bilder mit alt="" kennzeichnen.
img[src$="cart.svg"]<img src="/img/cart.svg" width="24" height="24">
Ein Bild hat keinen Alternativtext (alt-Attribut).
- Seite
- http://fiktiver-demo-shop.aiprocraft.de/kontakt (Kontakt)
- WCAG
- WCAG 1.1.1 – Nicht-Text-Inhalte
- Betroffene Nutzende
- Screenreader-Nutzende erfahren nicht, was das Bild zeigt oder bewirkt.
- Korrekturhinweis
- Informative Bilder mit einem kurzen, sinnvollen alt-Text versehen; rein dekorative Bilder mit alt="" kennzeichnen.
img<img src="/img/cart.svg" width="24" height="24">
Ein Bild hat keinen Alternativtext (alt-Attribut).
- Seite
- http://fiktiver-demo-shop.aiprocraft.de/kontakt (Kontakt)
- WCAG
- WCAG 1.1.1 – Nicht-Text-Inhalte
- Betroffene Nutzende
- Screenreader-Nutzende erfahren nicht, was das Bild zeigt oder bewirkt.
- Korrekturhinweis
- Informative Bilder mit einem kurzen, sinnvollen alt-Text versehen; rein dekorative Bilder mit alt="" kennzeichnen.
img<img src="/img/cart.svg" width="24" height="24">
Ein Formularfeld hat keine programmatisch verknüpfte Beschriftung.
- Seite
- http://fiktiver-demo-shop.aiprocraft.de/kontakt (Kontakt)
- WCAG
- WCAG 4.1.2 – Name, Rolle, Wert
- Betroffene Nutzende
- Screenreader lesen das Feld ohne Namen vor; Spracheingabe und Klick auf die Beschriftung funktionieren nicht.
- Korrekturhinweis
- Ein <label for="…"> mit passender id am Feld ergänzen oder ein aussagekräftiges aria-label verwenden.
input<input type="text">
Ein Formularfeld hat keine programmatisch verknüpfte Beschriftung.
- Seite
- http://fiktiver-demo-shop.aiprocraft.de/kontakt (Kontakt)
- WCAG
- WCAG 4.1.2 – Name, Rolle, Wert
- Betroffene Nutzende
- Screenreader lesen das Feld ohne Namen vor; Spracheingabe und Klick auf die Beschriftung funktionieren nicht.
- Korrekturhinweis
- Ein <label for="…"> mit passender id am Feld ergänzen oder ein aussagekräftiges aria-label verwenden.
textarea<textarea rows="4"></textarea>
Weitere Befunde (Kurzform)
| # | Schwere | Regel | Seite |
|---|---|---|---|
| 41 | Kritisch | label | http://fiktiver-demo-shop.aiprocraft.de/kontakt (Mobil) |
| 42 | Kritisch | label | http://fiktiver-demo-shop.aiprocraft.de/kontakt (Mobil) |
| 43 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/kasse (Desktop) |
| 44 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/kasse (Desktop) |
| 45 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/kasse (Desktop) |
| 46 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/kasse (Mobil) |
| 47 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/kasse (Mobil) |
| 48 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/kasse (Mobil) |
| 49 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte (Desktop) |
| 50 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte (Desktop) |
| 51 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte (Desktop) |
| 52 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte (Desktop) |
| 53 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte (Mobil) |
| 54 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte (Mobil) |
| 55 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte (Mobil) |
| 56 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte (Mobil) |
| 57 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung (Desktop) |
| 58 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung (Desktop) |
| 59 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung (Desktop) |
| 60 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung (Desktop) |
| 61 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung (Mobil) |
| 62 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung (Mobil) |
| 63 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung (Mobil) |
| 64 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung (Mobil) |
| 65 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/warenkorb (Desktop) |
| 66 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/warenkorb (Desktop) |
| 67 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/warenkorb (Desktop) |
| 68 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/warenkorb (Mobil) |
| 69 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/warenkorb (Mobil) |
| 70 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/warenkorb (Mobil) |
| 71 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kasse (Desktop) |
| 72 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kasse (Desktop) |
| 73 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kasse (Desktop) |
| 74 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kasse (Desktop) |
| 75 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kasse (Desktop) |
| 76 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kasse (Desktop) |
| 77 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kasse (Desktop) |
| 78 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kasse (Desktop) |
| 79 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kasse (Desktop) |
| 80 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kasse (Desktop) |
| 81 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kasse (Desktop) |
| 82 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kasse (Desktop) |
| 83 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kasse (Desktop) |
| 84 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kasse (Desktop) |
| 85 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kasse (Mobil) |
| 86 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kasse (Mobil) |
| 87 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kasse (Mobil) |
| 88 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kasse (Mobil) |
| 89 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kasse (Mobil) |
| 90 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kasse (Mobil) |
| 91 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kasse (Mobil) |
| 92 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kasse (Mobil) |
| 93 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kasse (Mobil) |
| 94 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kasse (Mobil) |
| 95 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kasse (Mobil) |
| 96 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kasse (Mobil) |
| 97 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kasse (Mobil) |
| 98 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kasse (Mobil) |
| 99 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte (Desktop) |
| 100 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte (Desktop) |
| 101 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte (Desktop) |
| 102 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte (Desktop) |
| 103 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte (Desktop) |
| 104 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte (Desktop) |
| 105 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte (Desktop) |
| 106 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte (Desktop) |
| 107 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte (Desktop) |
| 108 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte (Mobil) |
| 109 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte (Mobil) |
| 110 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte (Mobil) |
| 111 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte (Mobil) |
| 112 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte (Mobil) |
| 113 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte (Mobil) |
| 114 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte (Mobil) |
| 115 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte (Mobil) |
| 116 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte (Mobil) |
| 117 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung (Desktop) |
| 118 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung (Desktop) |
| 119 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung (Desktop) |
| 120 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung (Desktop) |
| 121 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung (Desktop) |
| 122 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung (Desktop) |
| 123 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung (Desktop) |
| 124 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung (Desktop) |
| 125 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung (Desktop) |
| 126 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung (Mobil) |
| 127 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung (Mobil) |
| 128 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung (Mobil) |
| 129 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung (Mobil) |
| 130 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung (Mobil) |
| 131 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung (Mobil) |
| 132 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung (Mobil) |
| 133 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung (Mobil) |
| 134 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung (Mobil) |
| 135 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/warenkorb (Desktop) |
| 136 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/warenkorb (Desktop) |
| 137 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/warenkorb (Desktop) |
| 138 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/warenkorb (Desktop) |
| 139 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/warenkorb (Desktop) |
| 140 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/warenkorb (Desktop) |
| 141 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/warenkorb (Desktop) |
| 142 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/warenkorb (Desktop) |
| 143 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/warenkorb (Desktop) |
| 144 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/warenkorb (Mobil) |
| 145 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/warenkorb (Mobil) |
| 146 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/warenkorb (Mobil) |
| 147 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/warenkorb (Mobil) |
| 148 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/warenkorb (Mobil) |
| 149 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/warenkorb (Mobil) |
| 150 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/warenkorb (Mobil) |
| 151 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/warenkorb (Mobil) |
| 152 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/warenkorb (Mobil) |
| 153 | Schwerwiegend | link-name | http://fiktiver-demo-shop.aiprocraft.de/kasse (Desktop) |
| 154 | Schwerwiegend | link-name | http://fiktiver-demo-shop.aiprocraft.de/kasse (Mobil) |
| 155 | Schwerwiegend | link-name | http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte (Desktop) |
| 156 | Schwerwiegend | link-name | http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte (Mobil) |
| 157 | Schwerwiegend | link-name | http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung (Desktop) |
| 158 | Schwerwiegend | link-name | http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung (Mobil) |
| 159 | Schwerwiegend | link-name | http://fiktiver-demo-shop.aiprocraft.de/warenkorb (Desktop) |
| 160 | Schwerwiegend | link-name | http://fiktiver-demo-shop.aiprocraft.de/warenkorb (Mobil) |
| 161 | Schwerwiegend | target-size | http://fiktiver-demo-shop.aiprocraft.de/kasse (Mobil) |
| 162 | Schwerwiegend | target-size | http://fiktiver-demo-shop.aiprocraft.de/kasse (Mobil) |
| 163 | Schwerwiegend | target-size | http://fiktiver-demo-shop.aiprocraft.de/kasse (Mobil) |
| 164 | Schwerwiegend | target-size | http://fiktiver-demo-shop.aiprocraft.de/kasse (Mobil) |
| 165 | Schwerwiegend | target-size | http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte (Desktop) |
| 166 | Schwerwiegend | target-size | http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte (Desktop) |
| 167 | Schwerwiegend | target-size | http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte (Mobil) |
| 168 | Schwerwiegend | target-size | http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung (Desktop) |
| 169 | Schwerwiegend | target-size | http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung (Desktop) |
| 170 | Schwerwiegend | target-size | http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung (Mobil) |
| 171 | Kritisch | select-name | http://fiktiver-demo-shop.aiprocraft.de/kategorie/kaffee (Desktop) |
| 172 | Kritisch | select-name | http://fiktiver-demo-shop.aiprocraft.de/kategorie/kaffee (Mobil) |
| 173 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/ (Desktop) |
| 174 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/ (Desktop) |
| 175 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/ (Desktop) |
| 176 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/ (Desktop) |
| 177 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/ (Desktop) |
| 178 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/ (Mobil) |
| 179 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/ (Mobil) |
| 180 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/ (Mobil) |
| 181 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/ (Mobil) |
| 182 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/ (Mobil) |
| 183 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/datenschutz (Desktop) |
| 184 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/datenschutz (Mobil) |
| 185 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/impressum (Desktop) |
| 186 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/impressum (Mobil) |
| 187 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/kategorie/kaffee (Desktop) |
| 188 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/kategorie/kaffee (Desktop) |
| 189 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/kategorie/kaffee (Desktop) |
| 190 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/kategorie/kaffee (Mobil) |
| 191 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/kategorie/kaffee (Mobil) |
| 192 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/kategorie/kaffee (Mobil) |
| 193 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/kontakt (Desktop) |
| 194 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/kontakt (Desktop) |
| 195 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/kontakt (Mobil) |
| 196 | Schwerwiegend | color-contrast | http://fiktiver-demo-shop.aiprocraft.de/kontakt (Mobil) |
| 197 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/ (Desktop) |
| 198 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/ (Desktop) |
| 199 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/ (Desktop) |
| 200 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/ (Desktop) |
| 201 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/ (Desktop) |
| 202 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/ (Desktop) |
| 203 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/ (Desktop) |
| 204 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/ (Desktop) |
| 205 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/ (Desktop) |
| 206 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/ (Desktop) |
| 207 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/ (Desktop) |
| 208 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/ (Desktop) |
| 209 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/ (Mobil) |
| 210 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/ (Mobil) |
| 211 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/ (Mobil) |
| 212 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/ (Mobil) |
| 213 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/ (Mobil) |
| 214 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/ (Mobil) |
| 215 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/ (Mobil) |
| 216 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/ (Mobil) |
| 217 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/ (Mobil) |
| 218 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/ (Mobil) |
| 219 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/ (Mobil) |
| 220 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/ (Mobil) |
| 221 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/datenschutz (Desktop) |
| 222 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/datenschutz (Desktop) |
| 223 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/datenschutz (Desktop) |
| 224 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/datenschutz (Desktop) |
| 225 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/datenschutz (Desktop) |
| 226 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/datenschutz (Desktop) |
| 227 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/datenschutz (Desktop) |
| 228 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/datenschutz (Mobil) |
| 229 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/datenschutz (Mobil) |
| 230 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/datenschutz (Mobil) |
| 231 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/datenschutz (Mobil) |
| 232 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/datenschutz (Mobil) |
| 233 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/datenschutz (Mobil) |
| 234 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/datenschutz (Mobil) |
| 235 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/impressum (Desktop) |
| 236 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/impressum (Desktop) |
| 237 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/impressum (Desktop) |
| 238 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/impressum (Desktop) |
| 239 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/impressum (Desktop) |
| 240 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/impressum (Desktop) |
| 241 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/impressum (Desktop) |
| 242 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/impressum (Mobil) |
| 243 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/impressum (Mobil) |
| 244 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/impressum (Mobil) |
| 245 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/impressum (Mobil) |
| 246 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/impressum (Mobil) |
| 247 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/impressum (Mobil) |
| 248 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/impressum (Mobil) |
| 249 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kategorie/kaffee (Desktop) |
| 250 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kategorie/kaffee (Desktop) |
| 251 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kategorie/kaffee (Desktop) |
| 252 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kategorie/kaffee (Desktop) |
| 253 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kategorie/kaffee (Desktop) |
| 254 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kategorie/kaffee (Desktop) |
| 255 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kategorie/kaffee (Desktop) |
| 256 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kategorie/kaffee (Desktop) |
| 257 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kategorie/kaffee (Desktop) |
| 258 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kategorie/kaffee (Desktop) |
| 259 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kategorie/kaffee (Mobil) |
| 260 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kategorie/kaffee (Mobil) |
| 261 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kategorie/kaffee (Mobil) |
| 262 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kategorie/kaffee (Mobil) |
| 263 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kategorie/kaffee (Mobil) |
| 264 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kategorie/kaffee (Mobil) |
| 265 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kategorie/kaffee (Mobil) |
| 266 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kategorie/kaffee (Mobil) |
| 267 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kategorie/kaffee (Mobil) |
| 268 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kategorie/kaffee (Mobil) |
| 269 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kontakt (Desktop) |
| 270 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kontakt (Desktop) |
| 271 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kontakt (Desktop) |
| 272 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kontakt (Desktop) |
| 273 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kontakt (Desktop) |
| 274 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kontakt (Desktop) |
| 275 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kontakt (Desktop) |
| 276 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kontakt (Desktop) |
| 277 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kontakt (Mobil) |
| 278 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kontakt (Mobil) |
| 279 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kontakt (Mobil) |
| 280 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kontakt (Mobil) |
| 281 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kontakt (Mobil) |
| 282 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kontakt (Mobil) |
| 283 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kontakt (Mobil) |
| 284 | Schwerwiegend | keyboard-focus-not-visible | http://fiktiver-demo-shop.aiprocraft.de/kontakt (Mobil) |
| 285 | Schwerwiegend | link-name | http://fiktiver-demo-shop.aiprocraft.de/ (Desktop) |
| 286 | Schwerwiegend | link-name | http://fiktiver-demo-shop.aiprocraft.de/ (Desktop) |
| 287 | Schwerwiegend | link-name | http://fiktiver-demo-shop.aiprocraft.de/ (Desktop) |
| 288 | Schwerwiegend | link-name | http://fiktiver-demo-shop.aiprocraft.de/ (Mobil) |
| 289 | Schwerwiegend | link-name | http://fiktiver-demo-shop.aiprocraft.de/ (Mobil) |
| 290 | Schwerwiegend | link-name | http://fiktiver-demo-shop.aiprocraft.de/ (Mobil) |
| 291 | Schwerwiegend | link-name | http://fiktiver-demo-shop.aiprocraft.de/datenschutz (Desktop) |
| 292 | Schwerwiegend | link-name | http://fiktiver-demo-shop.aiprocraft.de/datenschutz (Mobil) |
| 293 | Schwerwiegend | link-name | http://fiktiver-demo-shop.aiprocraft.de/impressum (Desktop) |
| 294 | Schwerwiegend | link-name | http://fiktiver-demo-shop.aiprocraft.de/impressum (Mobil) |
| 295 | Schwerwiegend | link-name | http://fiktiver-demo-shop.aiprocraft.de/kategorie/kaffee (Desktop) |
| 296 | Schwerwiegend | link-name | http://fiktiver-demo-shop.aiprocraft.de/kategorie/kaffee (Mobil) |
| 297 | Schwerwiegend | link-name | http://fiktiver-demo-shop.aiprocraft.de/kontakt (Desktop) |
| 298 | Schwerwiegend | link-name | http://fiktiver-demo-shop.aiprocraft.de/kontakt (Mobil) |
Manuell zu prüfen
Diese Punkte sind keine bestätigten Verstöße. Die automatische Prüfung konnte hier keine eindeutige Aussage treffen oder der Aspekt lässt sich nur durch Menschen beurteilen. Sie fließen nicht in die Zahlen der Zusammenfassung ein.
Automatische Prüfung ohne eindeutiges Ergebnis
color-contrastKaufpfad
http://fiktiver-demo-shop.aiprocraft.de/warenkorb · Mobil · WCAG 1.4.3 – Kontrast (Minimum)
Element content contains only non-text characters
buttoncolor-contrastKaufpfad
http://fiktiver-demo-shop.aiprocraft.de/warenkorb · Desktop · WCAG 1.4.3 – Kontrast (Minimum)
Element content contains only non-text characters
buttoncolor-contrast
http://fiktiver-demo-shop.aiprocraft.de/ · Desktop · WCAG 1.4.3 – Kontrast (Minimum)
Element content contains only non-text characters
button
color-contrast
http://fiktiver-demo-shop.aiprocraft.de/ · Mobil · WCAG 1.4.3 – Kontrast (Minimum)
Element content contains only non-text characters
button
Unsichere Tastatur-Beobachtungen
keyboard-skip-link-not-foundKaufpfad
http://fiktiver-demo-shop.aiprocraft.de/kasse · Desktop · WCAG 2.4.1 – Blöcke umgehen
A main landmark exists, which can satisfy the criterion. Confirm bypass works with a screen reader.
keyboard-skip-link-not-foundKaufpfad
http://fiktiver-demo-shop.aiprocraft.de/kasse · Mobil · WCAG 2.4.1 – Blöcke umgehen
A main landmark exists, which can satisfy the criterion. Confirm bypass works with a screen reader.
keyboard-skip-link-not-foundKaufpfad
http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte · Mobil · WCAG 2.4.1 – Blöcke umgehen
A main landmark exists, which can satisfy the criterion. Confirm bypass works with a screen reader.
keyboard-skip-link-not-foundKaufpfad
http://fiktiver-demo-shop.aiprocraft.de/produkte/espresso-forte · Desktop · WCAG 2.4.1 – Blöcke umgehen
A main landmark exists, which can satisfy the criterion. Confirm bypass works with a screen reader.
keyboard-skip-link-not-foundKaufpfad
http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung · Mobil · WCAG 2.4.1 – Blöcke umgehen
A main landmark exists, which can satisfy the criterion. Confirm bypass works with a screen reader.
keyboard-skip-link-not-foundKaufpfad
http://fiktiver-demo-shop.aiprocraft.de/produkte/hausmischung · Desktop · WCAG 2.4.1 – Blöcke umgehen
A main landmark exists, which can satisfy the criterion. Confirm bypass works with a screen reader.
keyboard-skip-link-not-foundKaufpfad
http://fiktiver-demo-shop.aiprocraft.de/warenkorb · Desktop · WCAG 2.4.1 – Blöcke umgehen
A main landmark exists, which can satisfy the criterion. Confirm bypass works with a screen reader.
keyboard-skip-link-not-foundKaufpfad
http://fiktiver-demo-shop.aiprocraft.de/warenkorb · Mobil · WCAG 2.4.1 – Blöcke umgehen
A main landmark exists, which can satisfy the criterion. Confirm bypass works with a screen reader.
keyboard-skip-link-not-found
http://fiktiver-demo-shop.aiprocraft.de/ · Desktop · WCAG 2.4.1 – Blöcke umgehen
A main landmark exists, which can satisfy the criterion. Confirm bypass works with a screen reader.
keyboard-skip-link-not-found
http://fiktiver-demo-shop.aiprocraft.de/ · Mobil · WCAG 2.4.1 – Blöcke umgehen
A main landmark exists, which can satisfy the criterion. Confirm bypass works with a screen reader.
keyboard-skip-link-not-found
http://fiktiver-demo-shop.aiprocraft.de/datenschutz · Desktop · WCAG 2.4.1 – Blöcke umgehen
A main landmark exists, which can satisfy the criterion. Confirm bypass works with a screen reader.
keyboard-skip-link-not-found
http://fiktiver-demo-shop.aiprocraft.de/datenschutz · Mobil · WCAG 2.4.1 – Blöcke umgehen
A main landmark exists, which can satisfy the criterion. Confirm bypass works with a screen reader.
keyboard-skip-link-not-found
http://fiktiver-demo-shop.aiprocraft.de/impressum · Mobil · WCAG 2.4.1 – Blöcke umgehen
A main landmark exists, which can satisfy the criterion. Confirm bypass works with a screen reader.
keyboard-skip-link-not-found
http://fiktiver-demo-shop.aiprocraft.de/impressum · Desktop · WCAG 2.4.1 – Blöcke umgehen
A main landmark exists, which can satisfy the criterion. Confirm bypass works with a screen reader.
keyboard-skip-link-not-found
http://fiktiver-demo-shop.aiprocraft.de/kategorie/kaffee · Desktop · WCAG 2.4.1 – Blöcke umgehen
A main landmark exists, which can satisfy the criterion. Confirm bypass works with a screen reader.
keyboard-skip-link-not-found
http://fiktiver-demo-shop.aiprocraft.de/kategorie/kaffee · Mobil · WCAG 2.4.1 – Blöcke umgehen
A main landmark exists, which can satisfy the criterion. Confirm bypass works with a screen reader.
keyboard-skip-link-not-found
http://fiktiver-demo-shop.aiprocraft.de/kontakt · Desktop · WCAG 2.4.1 – Blöcke umgehen
A main landmark exists, which can satisfy the criterion. Confirm bypass works with a screen reader.
keyboard-skip-link-not-found
http://fiktiver-demo-shop.aiprocraft.de/kontakt · Mobil · WCAG 2.4.1 – Blöcke umgehen
A main landmark exists, which can satisfy the criterion. Confirm bypass works with a screen reader.
Grundsätzlich manuell zu beurteilen
- Qualität der Alternativtexte. Automatisch lässt sich nur prüfen, ob ein Alternativtext vorhanden ist – nicht, ob er den Bildinhalt sinnvoll beschreibt.
- Logische Navigation und Fokus-Reihenfolge. Ob die Tab-Reihenfolge der inhaltlichen Logik folgt und der Fokus nachvollziehbar geführt wird, muss von Menschen beurteilt werden.
- Screenreader-Erlebnis. Wie sich die Seite mit einem Screenreader (z. B. NVDA, VoiceOver) tatsächlich anhört und bedienen lässt, wird nicht automatisch getestet.
- Tatsächlicher Kaufabschluss. Der Bericht bildet Warenkorb und Checkout-Einstieg ab. Ein echter Kaufabschluss inklusive Zahlung wird nicht automatisiert durchgeführt.
Methode und Grenzen
Automatisierte Tests erkennen nur einen Teil aller Barrieren. Dieser Bericht ist eine technische Prüfung und keine Konformitätsbescheinigung.
- Geprüft werden bis zu zehn repräsentative Seiten desselben Shops, jeweils in einer Desktop- und einer Mobil-Ansicht.
- Befunde stammen aus der Regelprüfung axe-core (Stufen WCAG 2.0 A/AA, 2.1 AA und 2.2 AA) und aus einer automatischen Tastaturprüfung.
- „Manuell zu prüfen“ enthält Punkte, bei denen die automatische Prüfung keine eindeutige Aussage treffen konnte. Sie sind keine bestätigten Verstöße.
- Die Priorisierung ist regelbasiert: Schwere × Häufigkeit × Gewichtung für Warenkorb, Checkout-Einstieg und Kaufpfad. Eine KI beeinflusst weder Schwere noch Reihenfolge.
- Erklärungen und Korrekturhinweise dienen der Orientierung und sind kein Nachweis dafür, dass eine Anpassung alle Anforderungen erfüllt.
- Der Bericht enthält keine Rechtsberatung.
