| Línea 60: | Línea 60: | ||
</ul> | </ul> | ||
|parse=yes}} | |parse=yes}} | ||
</html> | |||
[[Categoría:Formularios]] | [[Categoría:Formularios]] | ||
''Persona con discapacidades'''
Este criterio afecta especialmente a personas con discapacidad visual total, cognitiva o motriz.
Visual total – Barrera grave
Motriz – Barrera grave
Cognitiva – Barrera moderada{{#tag:html|
|parse=yes}}
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.
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.
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.
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.
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.
Comprobación Semiautomática
autocomplete con un valor adecuado, como name, email o tel.
autocomplete="off" sin justificación).
Los campos de entrada incluyen el atributo autocomplete con un valor que corresponde al propósito real de cada campo.
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.
Estas herramientas permiten comprobar si los campos del formulario incluyen los atributos autocomplete adecuados.
