Principio 3/3.3 Assistencia en los input/3.3.2-D
De WCAG Wiki
3.3.2-D. Instrucciones de cumplimentación
- Nivel: A
- Versión: 2.0
- Principio: 3_Comprensible
- Pauta: 3.3_Asistencia_en_la_entrada
- Grupo: Formularios
- Subgrupo: Instrucciones
Discapacidades afectadas
Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.
-
Cognitiva –
Barrera grave
Enunciado del criterio (Observatorio de Accesibilidad Web)
- En los formularios se deben proporcionar las instrucciones textuales necesarias para cumplimentar los datos de forma satisfactoria describiendo los requisitos a cumplir en cuanto a formato o valor, bien en cada campo (por ejemplo, en su etiqueta) o bien al inicio del formulario o del grupo de campos de formulario, y proporcionando un ejemplo cuando sea apropiado.
Comprensión del criterio
Descripción resumida
Los formularios deben ofrecer instrucciones claras sobre cómo introducir los datos (formato, valor, ejemplo) antes de que el usuario escriba.
Objetivo
Ayudar a los usuarios a completar correctamente los formularios, reduciendo errores derivados de la falta de información sobre formatos o requisitos.
Importancia de cumplir el criterio
Las personas con dificultades cognitivas, usuarios que emplean tecnologías de apoyo o quienes no están familiarizados con ciertos formatos pueden cometer errores si no se proporcionan instrucciones claras y visibles.
Referencias WCAG
Recursos de apoyo
Evaluación del criterio
Tipo de evaluación
Evaluación Manual
Procedimiento de evaluación
- Paso 1. Localizar los formularios existentes.
- Paso 2. En los campos que requieran un formato o valor determinados, verificar que existen instrucciones textuales claras que indiquen cómo rellenar los campos con el formato requerido.
Resultado esperado
El usuario encuentra instrucciones claras y ejemplos útiles que explican cómo cumplimentar correctamente cada campo antes de introducir los datos.
Ejemplo
Instrucciones claras vinculadas al campo
<label for="fecha">Fecha de nacimiento</label> <input id="fecha" name="fecha" aria-describedby="fecha-ayuda"> <p id="fecha-ayuda" class="hint">Formato: dd/mm/aaaa. Ejemplo: 27/05/1998</p>
Otras herramientas de evaluación
- Inspección visual: comprobar que el formulario incluye instrucciones claras sobre cómo introducir los datos (formato, unidades, longitud, valores permitidos, ejemplos si procede), ya sea en la etiqueta del campo, junto a él o al inicio del formulario/grupo.
- Inspección del código: verificar que las instrucciones están presentes en texto y no dependen solo de atributos técnicos como
patterno mensajes emergentes del navegador. - Lectores de pantalla: (NVDA, JAWS, VoiceOver) confirmar que las instrucciones se leen en orden lógico y están asociadas al campo cuando corresponde (p. ej. mediante
aria-describedby). - Prueba funcional: intentar cumplimentar el formulario sin conocer los requisitos previamente y comprobar que las instrucciones visibles y accesibles ayudan a introducir los datos correctamente.
Ejemplos accesibles y no accesibles creados por alumnos
Comentarios
A continuación se muestran comentarios sobre el criterio 3.3.2-D. Instrucciones de cumplimentación
Loading comments...
