Principio 1/1.3 Adaptable/1.3.5-A

1.3.5- A. Identificar el propósito de la entrada

Identificación general del criterio

• Nivel: AA
• Versión: 2.2
• Principio: 1. Perceptible
• Pauta: 1.3 Adaptable
• Categoría: Formularios
• Subcategoría: Propósito de campos

'''Discapacidades afectadas'''

Este criterio afecta especialmente a personas con discapacidad visual total, cognitiva o motriz.

• Visual total – Barrera grave
• Motriz – Barrera grave
• Cognitiva – Barrera moderada

Descripción y comprensión del criterio

El propósito de los campos de introducción de datos debe ser identificable por software. Esto permite que los navegadores y las tecnologías de apoyo reconozcan automáticamente la finalidad del campo —por ejemplo, si se trata de un nombre, una dirección o un correo electrónico— sin necesidad de interpretación humana.

Descripción resumida

Cada campo que recopila datos personales debe estar correctamente identificado en el código mediante tecnologías estandarizadas, como los atributos de autocompletado de HTML. Estos atributos permiten que los navegadores reconozcan el tipo de información esperada y ofrezcan funciones automáticas como autocompletado o validaciones contextuales.

Objetivo

Facilitar la introducción de datos en formularios y mejorar la comprensión del propósito de cada campo. Identificar el tipo de información esperada ayuda a los navegadores y a las tecnologías de apoyo a ofrecer asistencia adaptada al usuario.

Interpretación práctica

El atributo autocomplete debe incluir un valor que describa el tipo de dato solicitado. Por ejemplo: autocomplete="name", autocomplete="email", autocomplete="tel", o autocomplete="cc-number". Esto permite que los navegadores rellenen los datos automáticamente o los lectores de pantalla anuncien el propósito del campo.

Importancia de cumplir el criterio

Cumplir este criterio mejora la accesibilidad cognitiva y motriz, ya que reduce la carga de escritura, los errores y el tiempo necesario para completar formularios. También aporta consistencia y coherencia semántica, facilitando la interoperabilidad entre dispositivos y navegadores.

Referencias WCAG

• Understanding Success Criterion 1.3.5: Identify Input Purpose (en inglés)

Recursos de apoyo

• Tutorial W3C: Autocompletado en formularios (en inglés)
• MDN: atributo autocomplete (en español)

Evaluación del criterio

Tipo de comprobación

Comprobación Semiautomática

Procedimiento de evaluación

1. Paso 1. Abrir la página y analizar el código. Se debe acceder a la página en el navegador y abrir las herramientas de desarrollo (por ejemplo, “Inspeccionar elemento”) para visualizar el código HTML.
2. Paso 2. Identificar los campos de entrada de datos personales. Localizar los campos que solicitan nombre, correo, dirección, teléfono u otra información personal.
3. Paso 3. Revisar el atributo autocomplete. Comprobar que cada campo incluya el atributo autocomplete con un valor adecuado, como name, email o tel.
4. Paso 4. Verificar la coherencia. Confirmar que el atributo se aplica a todos los campos relevantes y que no existen valores genéricos o incorrectos (por ejemplo, autocomplete="off" sin justificación).

Resultado esperado

Los campos de entrada incluyen el atributo autocomplete con un valor que corresponde al propósito real de cada campo.

Ejemplo

Ejemplo de campo correctamente identificado:

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

En este ejemplo, el valor autocomplete="email" permite que el navegador identifique el campo como un correo electrónico y ofrezca autocompletado o validación automática.

Otras herramientas de evaluación

• **Web Developer Toolbar**
• **axe DevTools**
• **Accessibility Insights**

Estas herramientas permiten comprobar si los campos del formulario incluyen los atributos autocomplete adecuados.