Diferencia entre revisiones de «Principio 3/3.3 Assistencia en los input/3.3.7-A»

De WCAG Wiki
Sin resumen de edición
Sin resumen de edición
Línea 3: Línea 3:
|id_wcag_subcriterio=3.3.7-A
|id_wcag_subcriterio=3.3.7-A
|wcag_titulo_criterio=3.3.7-A. Entrada redundante
|wcag_titulo_criterio=3.3.7-A. Entrada redundante
|wcag_nivel=A*
|wcag_nivel=A
|wcag_version=2.2
|wcag_version=2.2
|wcag_principio=3_Comprensible
|wcag_principio=3_Comprensible
Línea 30: Línea 30:


|wcag_texto_criterioOAW=
|wcag_texto_criterioOAW=
La información ingresada previamente por el usuario, o proporcionada al usuario, y que debe ingresar nuevamente en el mismo proceso, puede autocompletarse o estar disponible para que el usuario la seleccione. Excepciones:
La información incluida previamente por el usuario, o proporcionada al usuario, y que debe incluirse nuevamente en el mismo proceso, puede autocompletarse o estar disponible para que el usuario la seleccione. Excepciones:
<ul>
<ul>
<li>Volver a ingresar la información es esencial.</li>
<li>Volver a ingresar la información es esencial.</li>
Línea 41: Línea 41:


|wcag_objetivo=
|wcag_objetivo=
Observar si en un formulario aparece información que el usuario previamente haya escrito en ese formulario, evitando introducirla de nuevo y facilitando completarlo sin esfuerzo repetitivo.
Reducir la carga y el esfuerzo del usuario evitando que tenga que volver a introducir información que ya proporcionó, salvo cuando sea necesario por razones esenciales o de seguridad.


|wcag_importancia=
|wcag_importancia=
Las personas con dificultades de memoria, cognitivas, motrices o que utilizan ayudas técnicas pueden tener serios problemas al repetir información. Reducir la entrada redundante mejora la eficiencia y elimina barreras.
Las personas con dificultades de memoria, cognitivas, motrices o que utilizan ayudas técnicas pueden tener serios problemas al repetir información.  
 
Reducir la entrada redundante mejora la eficiencia y elimina barreras.


|wcag_referencias=
|wcag_referencias=
<ul>
<ul>
<li><span lang="en">[https://www.w3.org/WAI/WCAG22/Techniques/general/G221 G221: Provide data from a previous step in a process]</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG22/Understanding/redundant-entry.html Understanding Success Criterion 3.3.7: Redundant Entry]</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG22/Understanding/redundant-entry.html Understanding Success Criterion 3.3.7: Redundant Entry]</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG22/quickref/#redundant-entry WCAG Quick Reference – 3.3.7]</span></li>
<li>[https://webaim.org/techniques/forms/ WebAIM — Forms]</li>
</ul>
</ul>


|wcag_recursos=
|wcag_recursos= No se presentan
<ul>
<li>Persistencia de datos durante procesos</li>
<li>Autocompletar y <code>autocomplete</code></li>
<li>Diseño de formularios multistep accesibles</li>
</ul>


|wcag_tipo_evaluacion=Manual
|wcag_tipo_evaluacion=Manual


|wcag_pasos_evaluacion=
|wcag_pasos_evaluacion=
<ol class="paso-list">
<ol class="paso-list">
<li><span class="paso-badge">Paso 1.</span> Identificar formularios de múltiples pasos o tareas donde el usuario introduce datos.</li>
<li><span class="paso-badge">Paso 1.</span>
<li><span class="paso-badge">Paso 2.</span> Verificar si la información ya introducida debe volver a escribirse manualmente.</li>
Identificar procesos en los que la misma información del usuario se solicita más de una vez dentro del mismo flujo (p. ej., formularios multi-paso, reintentos, confirmaciones).
<li><span class="paso-badge">Paso 3.</span> Comprobar si está disponible para autocompletar o seleccionar.</li>
</li>
<li><span class="paso-badge">Paso 4.</span> Confirmar excepciones válidas (seguridad, esencialidad, caducidad).</li>
 
<li><span class="paso-badge">Paso 2.</span>
Introducir la información en el primer punto donde se solicita y avanzar hasta el punto posterior en el que vuelve a requerirse.
</li>
 
<li><span class="paso-badge">Paso 3.</span>
Verificar que la información previamente incluida:
<ul>
<li>a. Se autocompleta automáticamente, o</li>
<li>b. Está disponible para seleccionarla sin volver a escribirla (p. ej., sugerencias del propio sistema, valores recordados en el proceso).</li>
</ul>
</li>
 
<li><span class="paso-badge">Paso 4.</span>
Si la información no se autocompleta ni está disponible para seleccionar, comprobar si aplica alguna excepción:
<ul>
<li>a. Volver a ingresarla es <em>esencial</em> para la tarea.</li>
<li>b. Es necesaria para garantizar la seguridad del contenido (p. ej., repetir una nueva contraseña).</li>
<li>c. La información ingresada anteriormente ya no es válida.</li>
</ul>
</li>
 
<li><span class="paso-badge">Paso 5.</span>
Registrar como fallo si no se ofrece autocompletado o selección y no aplica ninguna de las excepciones anteriores.
<br><small>Nota: no se exige persistir datos más allá del proceso ni pre-rellenar campos sensibles fuera de las excepciones.</small>
</li>
</ol>
</ol>


|wcag_resultado_evaluacion=
|wcag_resultado_evaluacion=
Línea 75: Línea 98:
|wcag_ejemplo_evaluacion=
|wcag_ejemplo_evaluacion=
<div class="accessibility-card">
<div class="accessibility-card">
<strong>✅ Ejemplo accesible: reutilización de datos en múltiples pasos</strong>
Reutilización de datos en múltiples pasos</strong>
<pre class="wcag-codigo-html">
<pre class="wcag-codigo-html">
<form>
<form>
Línea 81: Línea 104:
   <input id="nombre" name="nombre" autocomplete="name" value="Laura García">
   <input id="nombre" name="nombre" autocomplete="name" value="Laura García">
</form>
</form>
</pre>
</div>
<div class="accessibility-card">
<strong>✅ Ejemplo accesible: selección de datos previamente introducidos</strong>
<pre class="wcag-codigo-html">
<p>Selecciona la dirección que proporcionaste previamente:</p>
<select>
  <option>Av. del Sol, 24, Madrid</option>
</select>
</pre>
</pre>
</div>
</div>
Línea 96: Línea 109:
|wcag_otras_herramientas_evaluacion=
|wcag_otras_herramientas_evaluacion=
<ul>
<ul>
<li>Revisión de formularios multistep</li>
<li>'''Prueba funcional''': completar un proceso que requiera ingresar información (p. ej., datos personales, dirección, datos de envío) y avanzar pasos; verificar que, si es necesario reintroducir datos previamente facilitados, estos aparecen rellenados o disponibles para selección.</li>
<li>Pruebas de autocompletado y memoria de formulario</li>
<li>'''Inspección de formularios y almacenamiento temporal''': comprobar si se usa autocompletado del navegador (<code>autocomplete</code>), almacenamiento temporal o sugerencias para evitar que el usuario repita datos que ya dio, salvo en los casos permitidos (seguridad, caducidad, necesidad esencial).</li>
<li>Validación en navegadores con zoom o lector de pantalla</li>
<li>'''Revisión de la interfaz''': validar que se ofrecen mecanismos de recuperación/selección (listas, historial reciente, valores ya introducidos) cuando sea apropiado, en lugar de obligar al usuario a escribir todo otra vez.</li>
<li>Herramientas UX para flujos de formularios</li>
<li>'''Prueba asistiva''': (NVDA, JAWS, VoiceOver) confirmar que los campos autocompletados y sugerencias son anunciados correctamente y que el usuario puede interactuar con ellos sin barreras.</li>
</ul>
</ul>
}}
}}

Revisión del 07:17 6 nov 2025

3.3.7-A. Entrada redundante

Discapacidades afectadas

Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.

Enunciado del criterio (Observatorio de Accesibilidad Web)

  • La información incluida previamente por el usuario, o proporcionada al usuario, y que debe incluirse nuevamente en el mismo proceso, puede autocompletarse o estar disponible para que el usuario la seleccione. Excepciones:
    • Volver a ingresar la información es esencial.
    • La información es necesaria para garantizar la seguridad del contenido (por ejemplo, incluir dos veces una nueva contraseña).
    • La información ingresada anteriormente ya no es válida.

Comprensión del criterio

Descripción resumida

Si un usuario ya ha introducido o recibido información durante un proceso, no debe escribirse de nuevo manualmente, salvo casos justificados.

Objetivo

Reducir la carga y el esfuerzo del usuario evitando que tenga que volver a introducir información que ya proporcionó, salvo cuando sea necesario por razones esenciales o de seguridad.

Importancia de cumplir el criterio

Las personas con dificultades de memoria, cognitivas, motrices o que utilizan ayudas técnicas pueden tener serios problemas al repetir información. Reducir la entrada redundante mejora la eficiencia y elimina barreras.

Referencias WCAG

Recursos de apoyo

No se presentan

Evaluación del criterio

Tipo de evaluación

Evaluación Manual

Procedimiento de evaluación

  1. Paso 1. Identificar procesos en los que la misma información del usuario se solicita más de una vez dentro del mismo flujo (p. ej., formularios multi-paso, reintentos, confirmaciones).
  2. Paso 2. Introducir la información en el primer punto donde se solicita y avanzar hasta el punto posterior en el que vuelve a requerirse.
  3. Paso 3. Verificar que la información previamente incluida:
    • a. Se autocompleta automáticamente, o
    • b. Está disponible para seleccionarla sin volver a escribirla (p. ej., sugerencias del propio sistema, valores recordados en el proceso).
  4. Paso 4. Si la información no se autocompleta ni está disponible para seleccionar, comprobar si aplica alguna excepción:
    • a. Volver a ingresarla es esencial para la tarea.
    • b. Es necesaria para garantizar la seguridad del contenido (p. ej., repetir una nueva contraseña).
    • c. La información ingresada anteriormente ya no es válida.
  5. Paso 5. Registrar como fallo si no se ofrece autocompletado o selección y no aplica ninguna de las excepciones anteriores.
    Nota: no se exige persistir datos más allá del proceso ni pre-rellenar campos sensibles fuera de las excepciones.

Resultado esperado

La información previamente introducida o recibida puede reutilizarse sin volver a escribirla, salvo casos justificados.

Ejemplo

Reutilización de datos en múltiples pasos

<form>
  <label for="nombre">Nombre completo</label>
  <input id="nombre" name="nombre" autocomplete="name" value="Laura García">
</form>

Otras herramientas de evaluación

  • Prueba funcional: completar un proceso que requiera ingresar información (p. ej., datos personales, dirección, datos de envío) y avanzar pasos; verificar que, si es necesario reintroducir datos previamente facilitados, estos aparecen rellenados o disponibles para selección.
  • Inspección de formularios y almacenamiento temporal: comprobar si se usa autocompletado del navegador (autocomplete), almacenamiento temporal o sugerencias para evitar que el usuario repita datos que ya dio, salvo en los casos permitidos (seguridad, caducidad, necesidad esencial).
  • Revisión de la interfaz: validar que se ofrecen mecanismos de recuperación/selección (listas, historial reciente, valores ya introducidos) cuando sea apropiado, en lugar de obligar al usuario a escribir todo otra vez.
  • Prueba asistiva: (NVDA, JAWS, VoiceOver) confirmar que los campos autocompletados y sugerencias son anunciados correctamente y que el usuario puede interactuar con ellos sin barreras.










Ejemplos accesibles y no accesibles creados por alumnos

Comentarios

A continuación se muestran comentarios sobre el criterio 3.3.7-A. Entrada redundante

Loading comments...