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 1: Línea 1:
== '''3.3.4-A. Prevención de errores (legales, financieros, datos)''' ==
{{CriterioWCAG
<!-- Análisis interno:
|id_wcag_criterio=3.3.4
Impacto principal:
|id_wcag_subcriterio=3.3.4-A
- Personas con discapacidad cognitiva o visual que pueden confirmar o revisar información antes de enviarla.
|wcag_titulo_criterio=3.3.4-A. Prevención de errores (legales, financieros o datos)
Problema grave: si no se permite revisar datos legales o financieros, el usuario puede sufrir consecuencias importantes.
|wcag_nivel=AA
Gravedad: Barrera grave.
|wcag_version=2.0
-->
|wcag_principio=3_Comprensible
|wcag_principio_url=Principio_3
|wcag_pauta=3.3_Asistencia_en_la_entrada
|wcag_pauta_url=Principio_3/3.3_Asistencia_en_la_entrada
|wcag_grupo=Formularios
|wcag_subgrupo=Prevencion_de_errores
|wcag_subcriterio_url=Principio_3/3.3_Asistencia_en_la_entrada/3.3.4-A
 
|wcag_discapacidades=
<li class="discapacidad-item">
  [[Archivo:Cognitiva.png|20px|class=icon-discapacidad|alt=Discapacidad cognitiva]]
  <span class="discapacidad-texto">[[:Categoría:Discapacidad cognitiva|Cognitiva]]</span> –
  <span class="gravedad gravedad-grave">Barrera grave</span>
</li>
<li class="discapacidad-item">
  [[Archivo:Sinvision.png|20px|class=icon-discapacidad|alt=Discapacidad visual total]]
  <span class="discapacidad-texto">[[:Categoría:Discapacidad visual total|Visual total]]</span> –
  <span class="gravedad gravedad-moderada">Barrera moderada</span>
</li>
 
|wcag_lista_discapacidades=
[[Categoría:Discapacidad cognitiva]]
[[Categoría:Discapacidad visual total]]
 
|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.
 
|wcag_descripcion_resumida=
En operaciones importantes (legales, financieras, cambios de datos), el usuario debe poder revisar lo que va a enviar o deshacer la acción.
 
|wcag_objetivo=
Evitar errores con consecuencias importantes para el usuario mediante confirmación, revisión o reversión.
 
|wcag_importancia=
Personas con discapacidad cognitiva o visual pueden cometer errores al completar formularios críticos. Este criterio asegura confianza y evita daños.
 
|wcag_referencias=
<ul>
<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>[https://webaim.org/techniques/forms/ WebAIM — Forms]</li>
</ul>
 
|wcag_recursos=
<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_pasos_evaluacion=
<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 2.</span> Confirmar que el usuario puede revisar los datos antes de enviarlos.</li>
<li><span class="paso-badge">Paso 3.</span> Verificar que existe confirmación o “deshacer”.</li>
<li><span class="paso-badge">Paso 4.</span> Probar navegando por teclado y lector de pantalla.</li>
</ol>
 
|wcag_resultado_evaluacion=
El usuario puede revisar, confirmar o revertir acciones críticas antes de ejecutarlas.
 
|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">
<strong>✅ Ejemplo accesible: diálogo de confirmación</strong>
<pre class="wcag-codigo-html">
<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>
</pre>
</div>
 
|wcag_otras_herramientas_evaluacion=
<ul>
<li>Revisión del flujo de interacción</li>
<li>Pruebas con teclado</li>
<li>NVDA / JAWS / VoiceOver</li>
<li>Axe / Lighthouse (parcial)</li>
</ul>
}}
 
== '''3.3.4-A. Prevención de errores (legales, financieros o datos)''' ==
<html>
<html>
<!-- criterio 3.3.4-A -->
<article class="wcag-card">
<article class="wcag-card">
  <section class="wcag-info">
<section class="wcag-info">
    <ul>
<ul>
      <li><span class="label">Nivel:</span><span class="value">AA</span></li>
  <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">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">Principio:</span><span class="value">3. Comprensible</span></li>
      <li><span class="label">Pauta:</span><span class="value">3.3 Asistencia a la entrada de datos</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">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>
  <li><span class="label">Subcategoría:</span><span class="value">Prevención de errores</span></li>
    </ul>
</ul>
  </section>
</section>


  <section class="wcag-users">
<section class="wcag-users">
    <p>Usuarios más afectados</p>
<p>Usuarios más afectados</p>
    <ul>
<ul>
      <li>
  <li><img src="/images/4/40/Cognitiva.png" class="icono-discapacidad" alt="Cognitiva" /> Cognitiva – <span class="gravedad">Barrera grave</span></li>
        <img src="/images/4/40/Cognitiva.png" alt="Icono discapacidad cognitiva" class="icono-discapacidad" />
  <li><img src="/images/4/4d/Sinvision.png" class="icono-discapacidad" alt="Visual total" /> Visual total – <span class="gravedad">Barrera moderada</span></li>
        Personas con discapacidad cognitiva – <span class="gravedad">Barrera grave</span>
</ul>
      </li>
</section>
      <li>
        <img src="/images/4/4d/Sinvision.png" alt="Icono discapacidad visual total" class="icono-discapacidad" />
        Personas con discapacidad visual total – <span class="gravedad">Barrera moderada</span>
      </li>
    </ul>
  </section>
</article>
</article>
</html>
</html>

Revisión del 07:19 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 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.

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

  • Pantalla de revisión antes de enviar datos
  • Confirmación obligatoria de acciones
  • Mecanismos de “deshacer” seguros
  • Diálogos accesibles

Evaluación del criterio

Tipo de evaluación

Evaluación Manual

Procedimiento de evaluación

  1. Paso 1. Identificar procesos legales, financieros o sensibles.
  2. Paso 2. Confirmar que el usuario puede revisar los datos antes de enviarlos.
  3. Paso 3. Verificar que existe confirmación o “deshacer”.
  4. Paso 4. Probar navegando por teclado y lector de pantalla.

Resultado esperado

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

Ejemplo

✅ Ejemplo accesible: pantalla de revisión antes de enviar 

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

✅ Ejemplo accesible: 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

  • Revisión del flujo de interacción
  • Pruebas con teclado
  • NVDA / JAWS / VoiceOver
  • Axe / Lighthouse (parcial)










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




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

  • Nivel:AA
  • Versión:2.2
  • Principio:3. Comprensible
  • Pauta:3.3 Asistencia en la entrada
  • Categoría:Procesos críticos
  • Subcategoría:Prevención de errores

Usuarios más afectados

  • Cognitiva Cognitiva – Barrera grave
  • Visual total Visual total – Barrera moderada

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