Cómo inventariar los controles de una página en contexto.
Un inventario de controles debe registrar etiquetas y funciones en contexto. Un botón solo con icono puede necesitar un nombre accesible aunque su significado visual parezca obvio.
Adapta el flujo de trabajo a tu tarea.
Enumera los controles accionables de una región definida, con etiqueta visible, nombre accesible, función y estado cuando estén disponibles. Relaciona las etiquetas repetidas con su contenedor. No actives controles solo para identificarlos; señala el comportamiento incierto para una revisión posterior.
- Qué aportas
- Controles de la página representada.
- Qué obtienes
- Etiquetas, tipos y contexto visible de interacción de los botones.
Mira la entrada y el resultado.
Entrada y salida ilustrativas · ejemplo didáctico, no una ejecución de WebAct en directo
Ejemplo campo
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.
Ejemplo completo
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.
Carga esta entrada en el prompt y cópialo en WebAct para probar la tarea. Tu resultado puede diferir del ejemplo.
Decisiones y solución de problemas.
¿Deben incluirse enlaces que parecen botones?
Inclúyelos al revisar la interfaz, pero conserva su función de enlace y destino para distinguir la navegación de una acción.
¿Por qué cuesta distinguir varios controles Eliminar en el resultado?
Falta el registro o la sección que los rodea. Añade ese contexto y comprueba si los nombres accesibles también los diferencian.
Pruébalo con tu propia fuente.
Sustituye el ejemplo por tu material en el prompt. Conserva los requisitos que necesites y copia la tarea en WebAct.
Personalizar y copiar la tarea ↑