Cómo comprobar etiquetas accesibles en un formulario.
La revisión de etiquetas debe examinar el nombre programático y el contexto visible. El texto cercano por sí solo quizá no establece una relación accesible.
Adapta el flujo de trabajo a tu tarea.
Inspecciona el nombre programático de cada control y su relación con la etiqueta visible. Comprueba etiquetas explícitas, etiquetas envolventes y referencias ARIA pertinentes; informa de nombres ausentes o engañosos con la ubicación del elemento. Incluye revisión manual cuando la inspección automatizada no permita determinar el significado.
- Qué aportas
- Campos de formulario y controles representados.
- Qué obtienes
- Etiquetas accesibles ausentes y nombres poco claros.
Mira la entrada y el resultado.
Entrada y salida ilustrativas · ejemplo didáctico, no una ejecución de WebAct en directo
Ejemplo campo
Supplied markup: <span>Email</span><input id="email" type="email">. No other naming attributes. Correct the label association.
Ejemplo completo
Finding: the visible caption has no programmatic association with the input. Proposed markup: <label for="email">Email</label> <input id="email" type="email"> Verify the id is unique and the control's accessible name is Email in the complete page.
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.
¿El texto de ejemplo sustituye una etiqueta permanente del formulario?
Puede desaparecer al escribir y no reemplaza de forma fiable una etiqueta clara y asociada. Revisa tanto el nombre visual como el programático.
¿Por qué un rótulo visible no se anuncia como etiqueta del campo?
Puede faltarle una asociación válida, como un par for/id coincidente. Inspecciona la relación, no solo la proximidad.
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 ↑