Principio 1/1.3 Adaptable/1.3.5-A

1.3.5-A. Propósito de los campos de datos

• Nivel:AA
• Versión:2.0
• Principio:1. Perceptible
• Pauta:1.3 Crear contenido adaptable
• Categoría:Formulario
• Subcategoría:Propósito de campos

Usuarios más afectados

• Personas con discapacidad visual total - Barrera grave
• Personas con discapacidad motriz – Barrera moderada
• Personas con discapacidad cognitiva – Barrera moderada

Descripción y comprensión del criterio

El criterio establece que los campos de los formularios destinados a recopilar información personal —como nombre, dirección o correo electrónico— deben contar con un propósito identificable por el software.

En la práctica, esto implica que los navegadores y las tecnologías de apoyo, como los lectores de pantalla, deben ser capaces de reconocer automáticamente el tipo de información esperada en cada campo.

Por ejemplo, un campo destinado al número de teléfono debería poder identificarse como tal a través del código.

Descripción resumida

Cada campo que recopila datos personales debe estar correctamente identificado en el código fuente.

Esta identificación se logra mediante el uso de tecnologías estándar de la web, como los atributos de autocompletado de HTML.

La aplicación de estos atributos permite que el navegador proporcione funciones automáticas —como la cumplimentación de datos o la lectura contextual del propósito del campo— mejorando así la accesibilidad y la eficiencia en la interacción.

Objetivo

El criterio tiene como finalidad optimizar la introducción de datos en los formularios y facilitar su comprensión.

Su cumplimiento permite:

• Reducir el esfuerzo de introducción de datos: los navegadores pueden autocompletar los campos con información previamente guardada, disminuyendo la carga de tecleo y los posibles errores.
• Favorecer la accesibilidad cognitiva: la identificación explícita del propósito de cada campo posibilita que las tecnologías de apoyo ofrezcan mensajes, pistas o iconos que clarifiquen el tipo de información solicitada.

Importancia de cumplir el criterio

La aplicación de este criterio mejora la accesibilidad y la eficiencia en la interacción con formularios digitales.

Resulta especialmente relevante para personas con limitaciones motrices, de memoria o atención, al permitir una cumplimentación más rápida, segura y precisa.

Asimismo, la identificación semántica de los campos contribuye a la coherencia del código, favorece la interoperabilidad entre navegadores y dispositivos, y garantiza una experiencia más homogénea para todos los usuarios.

Referencias WCAG

• Comprender el criterio1.3.5 – Identificar el proposito de entrada (en inglés)

Recursos de apoyo

Puede consultarse el tutorial del W3C sobre autocompletado en formularios:

Autocompletado en formularios (en inglés)

Evaluación del criterio

Tipo de comprobación

Comprobación semiautomática.

La verificación requiere revisar el código fuente o utilizar herramientas del navegador para comprobar la presencia y adecuación de los atributos de autocompletado en los campos del formulario.

Procedimiento de evaluación

1. Paso 1. Apertura del documento y análisis del código. Se debe abrir la página en el navegador y activar las herramientas de desarrollo (por ejemplo, la opción “Inspeccionar elemento”) para examinar el código HTML del formulario.
2. Paso 2. Identificación de campos de datos personales. Se identifican los campos que solicitan información personal, tales como nombre, dirección, teléfono, correo electrónico o número de tarjeta.
3. Paso 3. Revisión de atributos de autocompletado. Se comprueba que cada campo incluya el atributo autocomplete con un valor adecuado, como autocomplete="name", autocomplete="email" o autocomplete="tel", según corresponda.
4. Paso 4. Verificación de coherencia y cobertura. Se valida que los atributos de autocompletado se apliquen de forma coherente a todos los campos relevantes y que no existan inconsistencias o valores erróneos.

Ejemplo

Ejemplo de campo correctamente identificado:

<code>
<label for="tarjeta">Número de tarjeta de crédito</label>
<input id="tarjeta" type="text" autocomplete="cc-number">
</code>

El valor cc-number permite que el navegador identifique el tipo de información esperada y ofrezca funciones automáticas de autocompletado o validación.

Otras herramientas de evaluación

Pueden emplearse herramientas de desarrollo o extensiones del navegador, como **Web Developer Toolbar**, **axe DevTools** o **Accessibility Insights**, que permiten verificar si los campos del formulario disponen de atributos autocomplete coherentes con el tipo de dato solicitado.