|
|
| Línea 56: |
Línea 56: |
| <div class="wcag-info-criterio"> El objetivo de este criterio es doble: | | <div class="wcag-info-criterio"> El objetivo de este criterio es doble: |
|
| |
|
| *'''Facilitar la introducción de datos''': | | *'''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. |
| 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''': | | *'''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. |
| 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. | |
|
| |
|
| </div> | | </div> |
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
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.