Principio 3/3.3 Assistencia en los input/3.3.2-A

3.3.2-A. Etiquetas visibles

3_Comprensible 3.3_Assistencia_en_los_input

• Nivel: A
• Versión: 2.0
• Principio: 3_Comprensible
• Pauta: 3.3_Assistencia_en_los_input
• Grupo: Formularios
• Subgrupo: Etiquetas

Discapacidades afectadas

Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.

• Baja visión – Barrera grave
• Cognitiva – Barrera moderada

Enunciado del criterio (Observatorio de Accesibilidad Web)

• {{{wcag_texto_criterioOAW}}}

Comprensión del criterio

Descripción resumida

{{{wcag_descripcion_resumida}}}

Objetivo

{{{wcag_objetivo}}}

Importancia de cumplir el criterio

{{{wcag_importancia}}}

Referencias WCAG

{{{wcag_referencias}}}

Recursos de apoyo

{{{wcag_recursos}}}

Evaluación del criterio

Tipo de evaluación

Evaluación [[:Categoría:{{{wcag_tipo_evaluacion}}}|{{{wcag_tipo_evaluacion}}}]]

Procedimiento de evaluación

{{{wcag_pasos_evaluacion}}}

Resultado esperado

{{{wcag_resultado_evaluacion}}}

Ejemplo

{{{wcag_ejemplo_evaluacion}}}

Otras herramientas de evaluación

{{{wcag_otras_herramientas_evaluacion}}}

La propiedad «Wcag tipo evaluacion» (como tipo de página) con el valor de entrada «{{{wcag_tipo_evaluacion}}}» contiene caracteres inválidos o está incompleto, por lo que puede causar resultados inesperados durante una consulta o proceso de anotación.

Comentarios

A continuación se muestran comentarios sobre el criterio 3.3.2-A. Etiquetas visibles

Loading comments...

|wcag_texto_criterioOAW= Se deben proporcionar etiquetas visibles y descriptivas para los campos de formulario y grupos de campos de formulario

|wcag_descripcion_resumida= Todo campo de formulario debe tener una etiqueta textual visible que indique claramente qué se espera introducir.

|wcag_objetivo= Evitar que los usuarios cometan errores al introducir datos, proporcionando instrucciones y etiquetas claras que describan el propósito de cada campo.

|wcag_importancia= Las personas con discapacidad visual parcial, dificultades cognitivas, lectores de pantalla o usuarios sin experiencia pueden confundirse si no hay etiquetas claras. Las etiquetas visibles mejoran la usabilidad y la precisión al completar formularios.

|wcag_referencias=

• G131: Providing descriptive labels
• H44: Using label elements to associate text labels with form controls
• H71: Providing a description for groups of form controls using fieldset and legend elements
• Understanding Success Criterion 3.3.2: Labels or Instructions
• WCAG Quick Reference – 3.3.2
• WebAIM — Accessible Forms
|wcag_recursos=
• Form Instructions

|wcag_tipo_evaluacion=Manual |wcag_pasos_evaluacion=

1. Paso 1. Localizar los formularios existentes.
2. Paso 2. Verificar que existen etiquetas visibles y descriptivas para los campos de formulario.
3. Paso 3. Si existen campos de formulario relacionados entre sí, verificar que se encuentran agrupados y adecuadamente descritos.


|wcag_resultado_evaluacion= Todos los campos y grupos de campos disponen de etiquetas visibles y descriptivas que permiten entender qué información debe introducirse.

|wcag_ejemplo_evaluacion=

Etiqueta clara y visible.

<form>
  <label for="nombre">Nombre completo</label>
  <input id="nombre" name="nombre" type="text">
</form>


|wcag_otras_herramientas_evaluacion=

• Inspección visual: comprobar que cada campo y grupo de campos del formulario tiene una etiqueta visible que describe claramente su propósito; evitar depender solo de placeholders.
• Inspección del código: verificar que las etiquetas están correctamente asociadas a los controles mediante <label for=""> y id, o con aria-labelledby en casos necesarios; para grupos, comprobar uso de <fieldset> y <legend>.
• Lectores de pantalla: (NVDA, JAWS, VoiceOver) navegar por los campos y confirmar que las etiquetas se anuncian claramente y corresponden al texto visible.
• Prueba funcional: asegurarse de que las etiquetas permanecen visibles en todo momento, incluso después de interactuar con los campos, y no desaparecen al escribir.

}}