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)

• Se deben proporcionar etiquetas visibles y descriptivas para los campos de formulario y grupos de campos de formulario

Comprensión del criterio

Descripción resumida

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

Objetivo

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

Importancia de cumplir el criterio

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.

Referencias WCAG

• 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

Recursos de apoyo

• Form Instructions

Evaluación del criterio

Tipo de evaluación

Evaluación Manual

Procedimiento de evaluación

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.

Resultado esperado

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

Ejemplo ilustrativo

Etiqueta clara y visible.

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

Otras herramientas de evaluación

• 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.

Ejemplos accesibles y no accesibles creados por alumnos

	Última modificación
2526UdL3.2.2-A-001	19 febrero 2026 20:15:31
2526UFV3.3.2-A-001	11 enero 2026 17:57:20
2526MicroUdL3.3.2-A-001	10 enero 2026 22:10:08
2526UPSA3.3.2-A-000	23 diciembre 2025 20:40:43

Comentarios

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

Loading comments...