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

De WCAG Wiki

3.3.2-B. Ubicación de etiquetas

Discapacidades afectadas

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

Enunciado del criterio (Observatorio de Accesibilidad Web)

  • Las etiquetas de los campos del formulario deben colocarse de forma que su relación con el campo sea evidente.

Comprensión del criterio

Descripción resumida

Las etiquetas se deben ubicar cerca del campo correspondiente y de forma consistente para facilitar su asociación.

Objetivo

Asegurar claridad visual y semántica entre etiqueta y campo, reduciendo errores y carga cognitiva.

Importancia de cumplir el criterio

Una etiqueta ubicada lejos o mal alineada confunde a usuarios con discapacidad cognitiva o baja visión y genera errores al completar formularios.

Referencias WCAG

Recursos de apoyo

  • Etiquetas encima del campo (recomendado en móvil)
  • Uso correcto de label for y fieldset/legend

Evaluación del criterio

Tipo de evaluación

Evaluación Manual

Procedimiento de evaluación

  1. Verificar ubicación consistente de etiquetas junto a sus campos.
  2. Comprobar que la asociación visual y semántica es evidente.
  3. Probar zoom y lector de pantalla.

Resultado esperado

Las etiquetas están próximas a los campos y su relación es clara.

Ejemplo

✅ Etiqueta encima del campo 

<label for="email">Correo electrónico</label>
<input id="email" type="email">

Otras herramientas de evaluación

  • Zoom 200–400%
  • NVDA/JAWS/VoiceOver
  • DevTools — accesibilidad










Ejemplos accesibles y no accesibles creados por alumnos

Comentarios

A continuación se muestran comentarios sobre el criterio 3.3.2-B. Ubicación de etiquetas

Loading comments...




Obtenido de «https://wikiwcag.udl.cat/index.php?title=Principio_3/3.3_Assistencia_en_los_input/3.3.2-B&oldid=3492»