„Der Button ist falsch“ ist schwer zu bearbeiten. „Nach dem Absenden erscheint der Hinweis auf schmaler Anzeige rechts außerhalb des Formulars“ liefert schon eine Handlung, einen Zustand und eine sichtbare Abweichung. Ein Screenshot wird dann wertvoll, wenn er diese Beschreibung ergänzt.
ChatGPT unterstützt Bilder als Kontext, darunter Screenshots und Diagramme. Die Dokumentation empfiehlt, die relevante Stelle, das gewünschte Ergebnis und die Grenzen der Frage zu benennen. Unser eigenes Beispiel besteht aus zwei künstlichen Formularansichten. Eine tatsächliche Bildanalyse oder Reparatur wurde dafür nicht ausgeführt.
Die Bilder müssen vergleichbare Zustände zeigen
Bild A zeigt ein leeres Anmeldeformular, Bild B den Zustand nach einer Eingabe und dem Absenden. Die Fensterbreite bleibt gleich. Ein bewusst eingebautes Problem betrifft den Hinweis unter der Schaltfläche. So ist klar, welche Änderung zwischen den Bildern liegt.
Beschreibe die Reihenfolge ausdrücklich. Zwei ähnlich aussehende Anhänge ohne Erklärung verleiten dazu, Unterschiede als beliebige Gestaltungsvorlieben zu behandeln. Entferne persönliche Angaben, wenn sie für die technische Frage nicht nötig sind. Für den Einstieg reichen erfundene Feldinhalte.
Sichtbare Beobachtung und technische Hypothese trennen
Im Bild kann erkennbar sein, dass eine Zeile abgeschnitten ist. Ob dafür eine feste Breite, ein Umbruch, eine andere Schrift oder ein übergeordnetes Element verantwortlich ist, folgt daraus noch nicht. Eine brauchbare Antwort sollte diese Ebenen getrennt halten.
Vergleiche die beiden selbst erstellten Formularansichten.
A: vor der Eingabe. B: nach dem Absenden, gleiche Fensterbreite.
Betrachte den Hinweis unter der Schaltfläche.
1. Beschreibe nur sichtbare Unterschiede.
2. Nenne das erwartete Verhalten aus meiner Beschreibung.
3. Kennzeichne technische Ursachen ausdrücklich als Vermutungen.
4. Schlage einen kleinen nächsten Prüfschritt vor.Dieser eigene Auftrag verlangt noch keinen vollständigen Codefix. Eine konkrete Rückfrage nach dem zugehörigen HTML oder der relevanten CSS-Regel kann hilfreicher sein als eine selbstsichere Änderung an einer vermuteten Ursache.
Ein Fehlerbericht ist ein kleiner Zustandsvertrag
Halte Ausgangszustand, Handlung, Erwartung und tatsächliche Beobachtung zusammen. Ergänze Fensterbreite und, wenn relevant, Eingabeinhalt. Dadurch kann eine zweite Person versuchen, genau denselben Zustand herzustellen. Das ist eine stärkere Grundlage als ein einzelner Satz über einen „kaputten“ Bildschirm.
Ausgang: leeres Musterformular bei fester schmaler Breite.
Handlung: Beispieldaten eingeben, dann absenden.
Erwartet: Hinweis bleibt unter dem Button vollständig lesbar.
Beobachtet: Hinweis ragt seitlich über den Formularbereich.
Offen: Welche konkrete Regel verursacht den Überlauf?Das ist ein illustrativer Befund für das geplante Muster, kein Protokoll einer beobachteten Anwendung. Gerade diese Kennzeichnung verhindert, dass eine plausible Fehlerbeschreibung später als tatsächlich reproduzierter Produktfehler weitergegeben wird.
Nur eine Bedingung auf einmal verändern
Ein nächster Schritt könnte den identischen Zustand mit der Tastatur herstellen oder die zugehörige Regel ansehen. Wenn du zugleich Browser, Breite, Daten und Inhalt wechselst, bleibt unklar, welcher Unterschied eine Wirkung hatte. Halte Bedingungen deshalb beim Vergleich möglichst erkennbar gleich.
Gib die neue Beobachtung anschließend als weiteren Beleg zurück. „Bei gleicher Breite ist die Zeile nach dieser Änderung vollständig sichtbar“ ist konkreter als „funktioniert jetzt“. Zu einer echten Reparatur gehört außerdem die Kontrolle anderer sinnvoller Zustände, etwa ein längerer Hinweistext.
Der Ausschnitt bleibt ein Ausschnitt
Ein Screenshot zeigt nicht automatisch die Dokumentstruktur, eine Serverantwort oder den vollständigen Tastaturweg. Er belegt ebenso wenig die gesamte Barrierefreiheit. Für diese Fragen brauchst du passende zusätzliche Beobachtungen am tatsächlichen Werk.
Die Stärke der visuellen Übergabe liegt in ihrer Genauigkeit: Menschen und KI sprechen über dieselbe Stelle, denselben Zustand und dieselbe Erwartung. Ein brauchbarer nächster Schritt ergibt sich aus der noch offenen Frage. Ein Produktwechsel oder ein pauschaler Reparaturknopf ist dafür keine Voraussetzung.
Quellen und Dokumentationsstand: 25. Oktober 2026.
