So erfasst du Bedienelemente einer Seite im Kontext.
Ein Bedienelementinventar soll Beschriftungen und Rollen im Kontext festhalten. Eine Symbolschaltfläche braucht eventuell einen zugänglichen Namen, auch wenn ihre visuelle Bedeutung klar erscheint.
Passe den Ablauf an deine Aufgabe an.
Liste bedienbare Elemente in einem abgegrenzten Seitenbereich auf und notiere, soweit verfügbar, sichtbare Beschriftung, zugänglichen Namen, Rolle und Zustand. Verbinde gleiche Beschriftungen mit ihrem Container. Aktiviere Elemente nicht nur, um sie zu identifizieren; vermerke unklares Verhalten für eine spätere Prüfung.
- Was du bereitstellst
- Gerenderte Bedienelemente der Seite.
- Was du erhältst
- Beschriftungen, Typen und sichtbarer Interaktionskontext der Schaltflächen.
Sieh dir Eingabe und Ergebnis an.
Beispielhafte Ein- und Ausgabe · ein Lehrbeispiel, kein tatsächlicher WebAct-Durchlauf
Beispiel Eingabe
Supplied DOM: <button>Save draft</button> and <button><svg aria-hidden="true"></svg></button>. Second control visually uses a trash icon; no other naming attributes.
Vollständiges Beispiel
Control 1: native button, visible and accessible name "Save draft". Control 2: native button, no accessible name in the supplied markup; decorative SVG does not provide one. Review: confirm the second action, then provide an accurate name such as Delete item if that is its actual function.
Lade diese Eingabe in den Prompt und kopiere ihn zum Ausprobieren nach WebAct. Dein Ergebnis kann vom Beispiel abweichen.
Entscheidungen und Fehlerbehebung.
Sollen wie Schaltflächen gestaltete Links ins Inventar?
Bei einer Prüfung der Oberfläche ja, aber bewahre ihre Linkrolle und ihr Ziel, damit Navigation von einer Aktion zu unterscheiden ist.
Warum lassen sich mehrere Löschen-Schaltflächen im Ergebnis schwer unterscheiden?
Der umgebende Datensatz oder Abschnitt fehlt. Ergänze den Kontext und prüfe, ob zugängliche Namen sie ebenfalls unterscheiden.
Probiere es mit deiner eigenen Quelle.
Ersetze das Beispiel im Aufgaben-Prompt durch dein Material. Behalte nötige Anforderungen bei und kopiere die Aufgabe nach WebAct.
Aufgabe anpassen und kopieren ↑