Browserinspectie en extractie

Gratis knoppeninventaris voor webpagina's.

Knoplabels, typen en zichtbare interactiecontext.

Inventariseer elementen op de pagina die je bekijkt met hun namen en context voordat je interfacewijzigingen plant.

Chrome-extensie en account vereist.
25 gratis automatiseringstaken per maand, gedeeld door alle tools. Limieten van de browseraanbieder gelden.

WAT JE KLAAR MOET HEBBEN

Besturingselementen op de weergegeven pagina.

JE STARTPUNT

Een taak die je kunt aanpassen.

Kopieer hem hier. Plak hem in WebAct wanneer je klaar bent.

Deze pagina bereidt je prompt voor. De taak draait in WebAct.

01

Maak de taak passend voor jou.

Bekijk de prompt hierboven. Voeg je doel en belangrijke eisen toe.

02

Neem hem mee naar WebAct.

Open de bronpagina, activeer WebAct en selecteer de relevante leesbare inhoud. Plak de taak en lever eventueel gevraagd aanvullend bronmateriaal aan.

03

Controleer het bruikbare deel.

Het resultaat omvat de leesbare inhoud die je aanlevert of selecteert. Klap relevante paginaonderdelen eerst open en controleer of de uitvoer de bedoelde records bevat.

PRAKTISCHE GIDS

Zo inventariseer je besturingselementen met hun context.

Een inventaris van besturingselementen moet labels en rollen in context vastleggen. Een knop met alleen een pictogram kan een toegankelijke naam nodig hebben, ook als de visuele betekenis duidelijk lijkt.

Stem de werkwijze af op je taak.

Lijst bedienbare elementen in een afgebakend paginagebied op met zichtbaar label, toegankelijke naam, rol en toestand waar beschikbaar. Koppel herhaalde labels aan hun container. Activeer elementen niet alleen om ze te identificeren; markeer onzeker gedrag voor latere beoordeling.

Wat je aanlevert
Besturingselementen op de weergegeven pagina.
Wat je krijgt
Knoplabels, typen en zichtbare interactiecontext.

Bekijk de invoer en het resultaat.

Illustratieve invoer en uitvoer · een leervoorbeeld, geen live uitvoering van WebAct

Voorbeeld invoerveld

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.

Uitgewerkt voorbeeld

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.
Dit voorbeeld downloaden

Laad deze invoer in de prompt en kopieer deze naar WebAct om de taak te proberen. Je resultaat kan afwijken van het voorbeeld.

Keuzes en probleemoplossing.

Moeten links die op knoppen lijken worden meegenomen?

Neem ze mee bij een interfacebeoordeling, maar behoud hun linkrol en bestemming zodat navigatie te onderscheiden blijft van een handeling.

Waarom zijn meerdere Verwijderen-knoppen in de uitvoer lastig te onderscheiden?

De omringende record- of sectiecontext ontbreekt. Voeg die toe en controleer of toegankelijke namen de knoppen ook onderscheiden.

Probeer het met je eigen bron.

Vervang het voorbeeld door je eigen materiaal in de taakprompt. Behoud de eisen die je nodig hebt en kopieer de taak naar WebAct.

De taak aanpassen en kopiëren ↑
VOORDAT JE BEGINT

WebAct gebruiken.

De prompt en het voorbeeld staan hier. Voer je taak uit in de WebAct-extensie voor Chrome.

Is deze tool gratis?

Je kunt de prompt hier gratis kopiëren en bewerken. Installeer voor gebruik met WebAct de Chrome-extensie, maak en verifieer je account en verbind een beschikbare ChatGPT-sessie in de browser. Het Free-abonnement bevat 25 door de gebruiker gestarte automatiseringstaken per kalendermaand, gedeeld door alle tools. Gewone browser-Chat staat hier los van; limieten van de aanbieder gelden.

Lees over gedeelde context in onze privacybeleid en over kiezen tussen Chat of Task.

VAN PROMPT NAAR JE EIGEN WERK

Neem de taak mee naar je pagina.

Installeer WebAct, voeg je bronmateriaal toe en maak het resultaat passend.

WebAct installeren