Fiktives Testszenario – keine Kundenarbeit. Küstenkorb, Produkt und Bestelldaten sind frei erfunden. Der Checkout löst weder eine Bestellung noch eine Zahlung aus.
Dieses Repository zeigt einen eng abgegrenzten Vorher-Nachher-Fix an einem bestehenden Checkout. Die Nachher-Version repariert dokumentierte Barrieren in Warenkorb, Mengensteuerung und Lieferformular, ohne daraus eine vollständige Shop-Prüfung abzuleiten.
| Stand | Bestandene Regeln |
|---|---|
before.html |
2 von 11 |
after.html |
11 von 11 |
Zusätzlich dokumentiert die Testcheckliste einen Browser-Nachtest der Mengenänderung von 1 / 24,00 € auf 2 / 48,00 € und die Tastaturprüfung von neun Bedienelementen.
- sinnvoller Alternativtext für das Produktbild,
- echte, benannte Schaltflächen für die Mengensteuerung,
- Live-Status für Menge und Preis,
- verknüpfte Labels und Eingabezwecke für Checkout-Felder,
- beschriftete Pflicht-Checkbox,
- verknüpfte Fehlermeldung und Fehlerzusammenfassung,
- logische Überschriftenfolge,
- Sprunglink und sichtbarer Tastaturfokus.
before.html– bewusst fehlerhafter Ausgangszustandafter.html– eng abgegrenzte, reparierte Variantecheck_sample.py– reproduzierbare Prüfung der elf RegelnTESTCHECKLIST.md– automatische und manuelle Nachtests
Es ist keine Installation nötig. Benötigt wird nur Python 3.
python check_sample.pyDas Skript gibt die Ergebnisse für beide HTML-Dateien als JSON aus und beendet sich mit einem Fehlercode, falls der erwartete Vorher-Nachher-Stand nicht erreicht wird.
Für die Browseransicht können before.html und after.html direkt geöffnet werden. Alternativ:
python -m http.server 8000Danach sind die Dateien unter http://localhost:8000/before.html und http://localhost:8000/after.html erreichbar.
Diese Arbeitsprobe belegt ausschließlich die hier dokumentierten Reparaturen. Sie ist kein vollständiger BITV- oder WCAG-Test, keine BFSG-Rechtsprüfung, keine Rechtsberatung und keine Konformitätszertifizierung. Aus dem Beispiel folgt keine Aussage über einen kompletten Shop oder Bestellprozess.
Die Dateien enthalten keine echten Kontakt-, Kunden-, Produkt-, Zahlungs- oder Bestelldaten. Es gibt keine Server-, Shop- oder Zahlungsanbindung.
Die Veröffentlichung dient ausschließlich der technischen Begutachtung als Arbeitsprobe. Eine Weiterverwendung ist ohne vorherige schriftliche Erlaubnis nicht gestattet. Einzelheiten stehen in LICENSE.md.