Direkt zum Inhalt
KlarPatchFrontend · Barrierefreiheit · LandingpagesProjekt beschreiben
Menü

Technischer Nachweis · offen gekennzeichnet

Nicht nur behauptet.
Vorher und nachher geprüft.

Zwei selbst erstellte Testszenarien zeigen nachvollziehbar, wie KlarPatch konkrete Frontend-Barrieren reproduziert, korrigiert und nachtestet.

Wichtig: Das sind fiktive technische Arbeitsproben und keine bezahlten Kundenprojekte. Die gezeigten Korrekturen und Nachtests wurden real umgesetzt.

Nachweise ansehen Ersten Prüfbericht öffnen (neuer Tab)Kurzprofil öffnen (neuer Tab)

Kontaktformular · technischer Vergleich

Sechs Prüfkriterien.
Drei davon im direkten Vergleich.

VORHER 0/6NACHHER 6/6

Die sichtbare Gestaltung wurde bewusst kaum verändert. Repariert wurden die technischen Beziehungen und Zustände, die Tastatur- und Screenreader-Nutzer benötigen.

  1. Beschriftungen statt Platzhalter

    Vorher

    Die Formularfelder waren nur über Placeholder beschrieben.

    Nachher

    Jedes Feld erhielt ein sichtbares, technisch verknüpftes Label.

  2. Ein Name für die Icon-Schaltfläche

    Vorher

    Die Schaltfläche hatte für assistive Technologien keinen Namen.

    Nachher

    Ein zugänglicher Name beschreibt ihre Funktion eindeutig.

  3. Fokus, der sichtbar bleibt

    Vorher

    Der Tastaturfokus war im CSS vollständig entfernt.

    Nachher

    Ein klarer Fokusindikator macht die Bedienposition erkennbar.

LIVE VERGLEICHEN

Die bewusst fehlerhafte und die reparierte Version öffnen separat – ohne eingebettete Vorschau oder versteckte Simulation.

Vorher öffnen Nachher öffnen PDF-Protokoll Quellcode auf GitHub

Onlineshop-Checkout · technischer Vergleich

Interaktion repariert.
Im Browser nachgetestet.

VORHER 2/11NACHHER 11/11

Hier wurde nicht nur statisches HTML geprüft. Die Mengensteuerung aktualisiert Anzahl und Preis; beide Zustände wurden zusätzlich für assistive Technologien ausgegeben.

  1. Benannte Mengensteuerung

    Vorher

    Plus und Minus waren ohne verständlichen zugänglichen Namen.

    Nachher

    Beide Schaltflächen benennen Aktion und betroffenes Produkt.

  2. Änderungen werden ausgegeben

    Vorher

    Menge und Gesamtpreis änderten sich nur visuell.

    Nachher

    Die aktualisierten Werte werden zusätzlich als Live-Status ausgegeben.

  3. Formularfehler mit Bezug

    Vorher

    Pflichtangaben und Fehler waren nicht zuverlässig mit den Feldern verbunden.

    Nachher

    Beschriftungen, Pflichtstatus und Fehlermeldungen bilden eindeutige Beziehungen.

Tastaturtest
9/9 Fokusziele sichtbar
Mengentest
1 → 2 korrekt aktualisiert
Preistest
24 € → 48 € korrekt aktualisiert
LIVE VERGLEICHEN

Beide Versionen sind direkt bedienbar. Der Bericht hält automatisierte Regeln und den manuellen Interaktionstest getrennt fest.

Vorher öffnen Nachher öffnen PDF-Protokoll Quellcode auf GitHub

KlarPatch-Prüfweg

Ein begrenzter Befund.
Vier nachvollziehbare Schritte.

  1. Reproduzieren

    Der Ausgangszustand wird eindeutig beschrieben.

  2. Gezielt korrigieren

    Nur die vorab vereinbarten Befunde werden bearbeitet.

  3. Nachtesten

    Regeln und relevante Interaktionen werden erneut geprüft.

  4. Dokumentieren

    Vorher, Änderung und Ergebnis bleiben nachvollziehbar.

Fix Sprint · 249 € netto

Ein reproduzierbares Frontend-Problem?

Bis zu fünf vorab vereinbarte Befunde, Nachtest und dokumentierte Übergabe. Typische Fertigstellung innerhalb von 2–4 Werktagen nach Freigabe und Bereitstellung des Zugangs.

Unverbindlich prüfen lassen