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

De WCAG Wiki
← Edición anteriorEdición siguiente →
VisualWikitexto
Sin resumen de edición
Sin resumen de edición
Línea 30: Línea 30:


|wcag_texto_criterioOAW=
|wcag_texto_criterioOAW=
En los procesos que implican compromisos legales o financieros, pueden modificar o eliminar datos del usuario o envían resultados sensibles, el usuario debe poder revisar, confirmar o revertir las acciones antes de completarlas.
En los procesos que implican para el usuario compromisos legales o financieros, en los que se pueden modificar o eliminar datos del usuario o que envían el resultado de una prueba o test, se cumple que dichas acciones son reversibles o bien el usuario puede revisar o confirmar los datos antes de enviarlos.


|wcag_descripcion_resumida=
|wcag_descripcion_resumida=
Línea 43: Línea 43:
|wcag_referencias=
|wcag_referencias=
<ul>
<ul>
<li><span lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/general/G98 G98: Providing the ability for the user to review and correct answers before submitting]</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/general/G99 G99: Providing the ability to recover deleted information]</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/general/G155 G155: Providing a checkbox in addition to a submit button]</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/general/G164 G164: Providing a stated time within which an online request (or transaction) may be amended or canceled by the user after making the request]</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/general/G168 G168: Requesting confirmation to continue with selected action]</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG22/Understanding/error-prevention-legal-financial-data.html Understanding Success Criterion 3.3.4]</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG22/Understanding/error-prevention-legal-financial-data.html Understanding Success Criterion 3.3.4]</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG22/quickref/#error-prevention-legal-financial-data WCAG Quick Reference – 3.3.4]</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG22/quickref/#error-prevention-legal-financial-data WCAG Quick Reference – 3.3.4]</span></ul>
<li>[https://webaim.org/techniques/forms/ WebAIM — Forms]</li>
</ul>


|wcag_recursos=
|wcag_recursos= No se presentan
<ul>
<li>Pantalla de revisión antes de enviar datos</li>
<li>Confirmación obligatoria de acciones</li>
<li>Mecanismos de “deshacer” seguros</li>
<li>Diálogos accesibles</li>
</ul>


|wcag_tipo_evaluacion=Manual
|wcag_tipo_evaluacion=Manual
Línea 60: Línea 57:
|wcag_pasos_evaluacion=
|wcag_pasos_evaluacion=
<ol class="paso-list">
<ol class="paso-list">
<li><span class="paso-badge">Paso 1.</span> Identificar procesos legales, financieros o sensibles.</li>
<li><span class="paso-badge">Paso 1.</span>
<li><span class="paso-badge">Paso 2.</span> Confirmar que el usuario puede revisar los datos antes de enviarlos.</li>
Localizar los procesos en los que un error al introducir los datos puede tener importantes implicaciones legales, económicas o sobre la información perteneciente a los usuarios.
<li><span class="paso-badge">Paso 3.</span> Verificar que existe confirmación o “deshacer”.</li>
</li>
<li><span class="paso-badge">Paso 4.</span> Probar navegando por teclado y lector de pantalla.</li>
 
<li><span class="paso-badge">Paso 2.</span>
Verificar que se cumple alguna de las siguientes condiciones:
<ul>
<li>a. La acción es reversible.</li>
<li>b. Los datos se pueden revisar y corregir antes de finalizar el proceso.</li>
<li>c. Se solicita confirmación antes del envío o finalización definitiva.</li>
</ul>
</li>
</ol>
</ol>


|wcag_resultado_evaluacion=
|wcag_resultado_evaluacion=
Línea 70: Línea 76:


|wcag_ejemplo_evaluacion=
|wcag_ejemplo_evaluacion=
<div class="accessibility-card">
<strong>✅ Ejemplo accesible: pantalla de revisión antes de enviar</strong>
<pre class="wcag-codigo-html">
<h2>Revisar información</h2>
<p>Nombre: Laura Pérez</p>
<p>Dirección: Av. Sol, 22</p>


<button type="button">Editar datos</button>
<button type="submit">Confirmar y enviar</button>
</pre>
</div>


<div class="accessibility-card">
<div class="accessibility-card">
<strong>✅ Ejemplo accesible: diálogo de confirmación</strong>
Diálogo de confirmación.
<pre class="wcag-codigo-html">
<pre class="wcag-codigo-html">
<button type="button" id="delete">Eliminar cuenta</button>
<button type="button" id="delete">Eliminar cuenta</button>
Línea 98: Línea 94:
|wcag_otras_herramientas_evaluacion=
|wcag_otras_herramientas_evaluacion=
<ul>
<ul>
<li>Revisión del flujo de interacción</li>
<li>'''Prueba funcional''': realizar procesos que impliquen compromisos legales o financieros, envío de resultados, o modificación/eliminación de datos y comprobar que el usuario puede revisar, confirmar o deshacer antes de que la acción sea definitiva.</li>
<li>Pruebas con teclado</li>
<li>'''Revisión de interfaz''': verificar que existe una pantalla de revisión/resumen (“Confirmar pedido”, “Revisar datos”, “Ver resumen antes de enviar”) o un mecanismo claro de reversión/cancelación.</li>
<li>NVDA / JAWS / VoiceOver</li>
<li>'''Inspección de flujo''': analizar el proceso paso a paso para confirmar que no se ejecutan acciones irreversibles sin confirmación explícita.</li>
<li>Axe / Lighthouse (parcial)</li>
<li>'''Validación asistiva''': (NVDA, JAWS, VoiceOver) asegurarse de que los mensajes de confirmación y opciones para deshacer/cancelar son accesibles y se anuncian correctamente.</li>
</ul>
</ul>
}}
}}
== '''3.3.4-A. Prevención de errores (legales, financieros o datos)''' ==
<html>
<article class="wcag-card">
<section class="wcag-info">
<ul>
  <li><span class="label">Nivel:</span><span class="value">AA</span></li>
  <li><span class="label">Versión:</span><span class="value">2.2</span></li>
  <li><span class="label">Principio:</span><span class="value">3. Comprensible</span></li>
  <li><span class="label">Pauta:</span><span class="value">3.3 Asistencia en la entrada</span></li>
  <li><span class="label">Categoría:</span><span class="value">Procesos críticos</span></li>
  <li><span class="label">Subcategoría:</span><span class="value">Prevención de errores</span></li>
</ul>
</section>
<section class="wcag-users">
<p>Usuarios más afectados</p>
<ul>
  <li><img src="/images/4/40/Cognitiva.png" class="icono-discapacidad" alt="Cognitiva" /> Cognitiva – <span class="gravedad">Barrera grave</span></li>
  <li><img src="/images/4/4d/Sinvision.png" class="icono-discapacidad" alt="Visual total" /> Visual total – <span class="gravedad">Barrera moderada</span></li>
</ul>
</section>
</article>
</html>

Revisión del 07:22 6 nov 2025

3.3.4-A. Prevención de errores (legales, financieros o datos)

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)

  • En los procesos que implican para el usuario compromisos legales o financieros, en los que se pueden modificar o eliminar datos del usuario o que envían el resultado de una prueba o test, se cumple que dichas acciones son reversibles o bien el usuario puede revisar o confirmar los datos antes de enviarlos.

Comprensión del criterio

Descripción resumida

En operaciones importantes (legales, financieras, cambios de datos), el usuario debe poder revisar lo que va a enviar o deshacer la acción.

Objetivo

Evitar errores con consecuencias importantes para el usuario mediante confirmación, revisión o reversión.

Importancia de cumplir el criterio

Personas con discapacidad cognitiva o visual pueden cometer errores al completar formularios críticos. Este criterio asegura confianza y evita daños.

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. Localizar los procesos en los que un error al introducir los datos puede tener importantes implicaciones legales, económicas o sobre la información perteneciente a los usuarios.
  2. Paso 2. Verificar que se cumple alguna de las siguientes condiciones:
    • a. La acción es reversible.
    • b. Los datos se pueden revisar y corregir antes de finalizar el proceso.
    • c. Se solicita confirmación antes del envío o finalización definitiva.

Resultado esperado

El usuario puede revisar, confirmar o revertir acciones críticas antes de ejecutarlas.

Ejemplo

Diálogo de confirmación. 

<button type="button" id="delete">Eliminar cuenta</button>

<div role="dialog" aria-labelledby="confirm-title" hidden>
  <h2 id="confirm-title">Confirmar acción</h2>
  <p>¿Seguro que quieres eliminar tu cuenta?</p>
  <button>Cancelar</button>
  <button>Confirmar eliminación</button>
</div>

Otras herramientas de evaluación

  • Prueba funcional: realizar procesos que impliquen compromisos legales o financieros, envío de resultados, o modificación/eliminación de datos y comprobar que el usuario puede revisar, confirmar o deshacer antes de que la acción sea definitiva.
  • Revisión de interfaz: verificar que existe una pantalla de revisión/resumen (“Confirmar pedido”, “Revisar datos”, “Ver resumen antes de enviar”) o un mecanismo claro de reversión/cancelación.
  • Inspección de flujo: analizar el proceso paso a paso para confirmar que no se ejecutan acciones irreversibles sin confirmación explícita.
  • Validación asistiva: (NVDA, JAWS, VoiceOver) asegurarse de que los mensajes de confirmación y opciones para deshacer/cancelar son accesibles y se anuncian correctamente.










Ejemplos accesibles y no accesibles creados por alumnos

Comentarios

A continuación se muestran comentarios sobre el criterio 3.3.4-A. Prevención de errores (legales, financieros o datos)

Loading comments...




Obtenido de «https://wikiwcag.udl.cat/index.php?title=Principio_3/3.3_Assistencia_en_los_input/3.3.4-A&oldid=3568»