Diferencia entre revisiones de «Principio 1/1.3 Adaptable/1.3.5-A»

De WCAG Wiki
Línea 24: Línea 24:
       <li><img src="/images/4/4d/Sinvision.png" alt="Icono de una persona con discapacidad visual" /> Personas con discapacidad visual total - <span class="gravedad">Barrera grave</span></li>
       <li><img src="/images/4/4d/Sinvision.png" alt="Icono de una persona con discapacidad visual" /> Personas con discapacidad visual total - <span class="gravedad">Barrera grave</span></li>
       <li><img src="/images/0/06/Motriz.png" alt="Icono discapacidad motriz" class="icono-discapacidad" /> Personas con discapacidad motriz – <span class="gravedad">Barrera moderada</span></li>
       <li><img src="/images/0/06/Motriz.png" alt="Icono discapacidad motriz" class="icono-discapacidad" /> Personas con discapacidad motriz – <span class="gravedad">Barrera moderada</span></li>
<li>
          <img src="/images/4/40/Cognitiva.png" alt="Icono discapacidad cognitiva" class="icono-discapacidad" />
          Personas con discapacidad cognitiva – <span class="gravedad">Barrera leve</span>
        </li>
     </ul>
     </ul>
   </section>
   </section>
Línea 31: Línea 35:
[[Categoría: Visual total]]
[[Categoría: Visual total]]
[[Categoría: Motriz]]
[[Categoría: Motriz]]
[[Categoría: Cognitiva]]


[[Categoría: Formularios]]
[[Categoría: Formularios]]

Revisión del 14:45 24 oct 2025

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
  • Icono discapacidad cognitiva Personas con discapacidad cognitiva – Barrera leve


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 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.