Principio 1/1.3 Adaptable/1.3.5-A

De WCAG Wiki

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

  • Icono de una persona con discapacidad visual Personas con discapacidad visual total - Barrera grave
  • Icono discapacidad motriz Personas con discapacidad motriz – Barrera moderada


Descripción y comprensión del criterio

Los campos de entrada de datos que recopilan información sobre las personas deben tener un propósito claramente identificable por el software.

Esto significa que los navegadores y las tecnologías de apoyo (como los lectores de pantalla) deben poder reconocer automáticamente qué tipo de información se espera en cada campo —por ejemplo, nombre, correo electrónico o número de teléfono— sin necesidad de interpretación humana.

Descripción resumida

El propósito de cada campo que recopila datos personales (como nombre, dirección, teléfono o tarjeta de crédito) debe poder determinarse mediante programación.

Esto se consigue utilizando tecnologías web estandarizadas, como los atributos de autocompletado de HTML, que permiten al navegador identificar automáticamente el tipo de información esperada y ofrecer ayuda al usuario, como el autocompletado o la lectura más contextual por parte de los lectores de pantalla.

Objetivo

El objetivo de este criterio es doble:

Facilitar la introducción de datos: Permite a los navegadores autocompletar los campos con información que el usuario ya ha introducido previamente, lo que reduce la carga de tecleo, los errores y el tiempo necesario para rellenar formularios.

Mejorar la comprensión y personalización: Al identificar claramente el propósito de los campos, las tecnologías de apoyo pueden ofrecer información contextual o iconos que ayuden a reconocer más fácilmente el tipo de dato solicitado.

Importancia de cumplir el criterio

Cumplir este criterio de **Nivel AA** mejora notablemente la **eficiencia y la accesibilidad cognitiva** de los formularios. Las personas con dificultades de atención, memoria o movilidad se benefician de una introducción de datos más rápida y con menos errores. Además, la identificación semántica de los campos aporta coherencia y facilita la interoperabilidad con navegadores y dispositivos de asistencia, mejorando la experiencia global para todos los usuarios.

Evaluación del criterio

Tipo de comprobación

Comprobación **semiautomática**. Es necesario revisar el código fuente o usar herramientas del navegador para verificar si los campos de formulario incluyen los atributos de autocompletado adecuados.

Procedimiento de evaluación

Paso 1. Abrir la página en el navegador y activar las herramientas de desarrollo (por ejemplo, la opción Inspeccionar elemento).

Paso 2. Localizar los campos del formulario que solicitan información personal (nombre, dirección, teléfono, correo, etc.).

Paso 3. Comprobar que cada campo incluye el atributo autocomplete con un valor que identifique correctamente su propósito (por ejemplo, autocomplete="name" o autocomplete="email").

Paso 4. Verificar que el atributo se aplica correctamente a todos los campos relevantes y que no hay confusiones entre tipos de datos.

Ejemplo

Ejemplo de formulario con propósito identificado para el campo de número de tarjeta de crédito:

 <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 reconozca el tipo de dato y ofrezca autocompletado o validación adecuados.

Otras herramientas de evaluación

Se pueden utilizar extensiones de navegador o herramientas de desarrollo como **Web Developer Toolbar**, **axe DevTools** o **Accessibility Insights**. Estas herramientas permiten comprobar fácilmente si los campos de formulario incluyen los atributos autocomplete correctos y coherentes con el tipo de información solicitada.