Fiktives Testszenario – keine Kundenarbeit. Das „KlarPatch Musterstudio K-17“ ist ausschließlich ein für diese Arbeitsprobe erfundenes Musterunternehmen. Das Formular verarbeitet und versendet keine Daten.
Dieses Repository zeigt einen eng abgegrenzten Vorher-Nachher-Fix an einem bestehenden Kontaktformular. Die Gestaltung bleibt nahezu unverändert; repariert werden sechs technisch überprüfbare Barrieren.
| Stand | Bestandene Regeln |
|---|---|
before.html |
0 von 6 |
after.html |
6 von 6 |
Geprüft werden:
- gesetzte Dokumentsprache,
- programmatisch verknüpfte Formularbeschriftungen,
- zugängliche Namen für Schaltflächen,
- eine logische Überschriftenhierarchie,
- die technische Verknüpfung von Feld und Fehlermeldung,
- ein sichtbarer Tastaturfokus.
before.html– bewusst fehlerhafter Ausgangszustandafter.html– eng abgegrenzte, reparierte Variantecheck_sample.py– reproduzierbare Prüfung der sechs 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 die Nachher-Version nicht alle sechs Regeln erfüllt.
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 eine komplette Website.
Die Dateien enthalten keine echten Kontakt-, Kunden- oder Projektdaten. Es gibt keine Serveranbindung und keinen Versand.
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.