Diferencia entre revisiones de «Principio 3/3.3 Assistencia en los input/3.3.3-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.3-A. Sugerencias ante errores''' ==
{{CriterioWCAG
<!-- Análisis interno:
|id_wcag_criterio=3.3.3
Impacto principal:
|id_wcag_subcriterio=3.3.3-A
- Personas con discapacidad cognitiva: se benefician de recibir ayuda textual y ejemplos para corregir errores.
|wcag_titulo_criterio=3.3.3-A. Sugerencias ante errores
- Personas con discapacidad visual: si el mensaje no se comunica de forma accesible (por ejemplo, mediante lector de pantalla), no podrán corregir el error.
|wcag_nivel=AA
Gravedad: Barrera moderada a grave según el contexto.
|wcag_version=2.0
-->
|wcag_principio=3_Comprensible
<html>
|wcag_principio_url=Principio_3
<!-- criterio 3.3.3-A -->
|wcag_pauta=3.3_Asistencia_en_la_entrada
<article class="wcag-card">
|wcag_pauta_url=Principio_3/3.3_Asistencia_en_la_entrada
  <section class="wcag-info">
|wcag_grupo=Formularios
    <ul>
|wcag_subgrupo=Errores
      <li><span class="label">Nivel:</span><span class="value">AA</span></li>
|wcag_subcriterio_url=Principio_3/3.3_Asistencia_en_la_entrada/3.3.3-A
      <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 a la entrada de datos</span></li>
      <li><span class="label">Categoría:</span><span class="value">Formularios</span></li>
      <li><span class="label">Subcategoría:</span><span class="value">Sugerencias ante errores</span></li>
    </ul>
  </section>


  <section class="wcag-users">
|wcag_discapacidades=
    <p>Usuarios más afectados</p>
<li class="discapacidad-item">
    <ul>
  [[Archivo:Cognitiva.png|20px|class=icon-discapacidad|alt=Discapacidad cognitiva]]
      <li>
  <span class="discapacidad-texto">[[:Categoría:Discapacidad cognitiva|Cognitiva]]</span> –
        <img src="/images/4/40/Cognitiva.png" alt="Icono discapacidad cognitiva" class="icono-discapacidad" />
  <span class="gravedad gravedad-moderada">Barrera moderada</span>
        Personas con discapacidad cognitiva – <span class="gravedad">Barrera moderada</span>
</li>
      </li>
<li class="discapacidad-item">
      <li>
  [[Archivo:Sinvision.png|20px|class=icon-discapacidad|alt=Discapacidad visual total]]
        <img src="/images/4/4d/Sinvision.png" alt="Icono discapacidad visual total" class="icono-discapacidad" />
  <span class="discapacidad-texto">[[:Categoría:Discapacidad visual total|Visual total]]</span> –
        Personas con discapacidad visual total – <span class="gravedad">Barrera moderada</span>
  <span class="gravedad gravedad-moderada">Barrera moderada</span>
      </li>
</li>
    </ul>
 
   </section>
|wcag_lista_discapacidades=
</article>
[[Categoría:Discapacidad cognitiva]]
</html>
[[Categoría:Discapacidad visual total]]
 
|wcag_texto_criterioOAW=
Al detectar automáticamente un error cuando los usuarios introducen datos se proporcionan sugerencias para hacer la corrección, siempre que sea posible proporcionar dicha sugerencia y esto no comprometa la seguridad o la finalidad del contenido.
 
|wcag_descripcion_resumida=
Cuando un formulario detecta un error, debe ofrecer instrucciones claras para corregirlo, siempre que ello sea seguro y no revele información sensible.
 
|wcag_objetivo=
Asegurar, siempre que sea posible, que los usuarios reciben sugerencias adecuadas para corregir errores al introducir datos, facilitando el éxito en tareas de formularios.
 
|wcag_importancia=
Las personas con dificultades cognitivas, usuarios con baja visión, lectores de pantalla o usuarios con menor alfabetización digital pueden tener dificultades para corregir errores sin orientación clara. Sugerencias específicas reducen barreras y frustración.
 
|wcag_referencias=
<ul>
<li><span lang="en">[https://www.w3.org/WAI/WCAG22/Understanding/error-suggestion.html Understanding Success Criterion 3.3.3: Error Suggestion]</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG22/quickref/#error-suggestion WCAG Quick Reference – 3.3.3]</span></li>
<li>[https://webaim.org/techniques/forms/ WebAIM — Accessible Form Validation]</li>
</ul>
 
|wcag_recursos=
<ul>
<li>Mensajes de error con instrucciones específicas</li>
<li>Ejemplos claros del formato requerido</li>
<li>Validación accesible en cliente o servidor</li>
</ul>
 
|wcag_tipo_evaluacion=Manual
 
|wcag_pasos_evaluacion=
<ol class="paso-list">
<li><span class="paso-badge">Paso 1.</span> Introducir valores incorrectos en campos con formato o validación.</li>
<li><span class="paso-badge">Paso 2.</span> Verificar que se ofrece una sugerencia clara para corregir el error.</li>
<li><span class="paso-badge">Paso 3.</span> Confirmar que la sugerencia no revela información sensible.</li>
<li><span class="paso-badge">Paso 4.</span> Validar visibilidad y asociación semántica.</li>
<li><span class="paso-badge">Paso 5.</span> Probar con lector de pantalla.</li>
</ol>
 
|wcag_resultado_evaluacion=
Se proporcionan sugerencias útiles para corregir errores sin comprometer seguridad o privacidad, cuando es posible.
 
|wcag_ejemplo_evaluacion=
<div class="accessibility-card">
<strong>✅ Ejemplo accesible: sugerencia clara ligada al campo</strong>
<pre class="wcag-codigo-html">
<label for="email">Correo electrónico</label>
<input id="email" type="email" aria-describedby="email-error" aria-invalid="true">
<p id="email-error" class="error" role="alert">
   El formato no es válido. Prueba algo como nombre@ejemplo.com
</p>
</pre>
</div>
 
<div class="accessibility-card">
<strong>✅ Ejemplo accesible: contraseña</strong>
<pre class="wcag-codigo-html">
<label for="password">Contraseña</label>
<input id="password" type="password" aria-describedby="pass-error" aria-invalid="true">
<p id="pass-error" class="error" role="alert">
  La contraseña debe tener al menos 8 caracteres y una letra.
</p>
</pre>
</div>
 
|wcag_otras_herramientas_evaluacion=
<ul>
<li>Validación accesible en servidor y cliente</li>
<li>Lectores de pantalla (NVDA, JAWS, VoiceOver)</li>
<li>DevTools → asociaciones ARIA</li>
<li>Axe / Lighthouse *</li>
</ul>
}}

Revisión del 13:04 5 nov 2025

3.3.3-A. Sugerencias ante errores

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)

  • Al detectar automáticamente un error cuando los usuarios introducen datos se proporcionan sugerencias para hacer la corrección, siempre que sea posible proporcionar dicha sugerencia y esto no comprometa la seguridad o la finalidad del contenido.

Comprensión del criterio

Descripción resumida

Cuando un formulario detecta un error, debe ofrecer instrucciones claras para corregirlo, siempre que ello sea seguro y no revele información sensible.

Objetivo

Asegurar, siempre que sea posible, que los usuarios reciben sugerencias adecuadas para corregir errores al introducir datos, facilitando el éxito en tareas de formularios.

Importancia de cumplir el criterio

Las personas con dificultades cognitivas, usuarios con baja visión, lectores de pantalla o usuarios con menor alfabetización digital pueden tener dificultades para corregir errores sin orientación clara. Sugerencias específicas reducen barreras y frustración.

Referencias WCAG

Recursos de apoyo

  • Mensajes de error con instrucciones específicas
  • Ejemplos claros del formato requerido
  • Validación accesible en cliente o servidor

Evaluación del criterio

Tipo de evaluación

Evaluación Manual

Procedimiento de evaluación

  1. Paso 1. Introducir valores incorrectos en campos con formato o validación.
  2. Paso 2. Verificar que se ofrece una sugerencia clara para corregir el error.
  3. Paso 3. Confirmar que la sugerencia no revela información sensible.
  4. Paso 4. Validar visibilidad y asociación semántica.
  5. Paso 5. Probar con lector de pantalla.

Resultado esperado

Se proporcionan sugerencias útiles para corregir errores sin comprometer seguridad o privacidad, cuando es posible.

Ejemplo ilustrativo

✅ Ejemplo accesible: sugerencia clara ligada al campo 

<label for="email">Correo electrónico</label>
<input id="email" type="email" aria-describedby="email-error" aria-invalid="true">
<p id="email-error" class="error" role="alert">
  El formato no es válido. Prueba algo como nombre@ejemplo.com
</p>

✅ Ejemplo accesible: contraseña 

<label for="password">Contraseña</label>
<input id="password" type="password" aria-describedby="pass-error" aria-invalid="true">
<p id="pass-error" class="error" role="alert">
  La contraseña debe tener al menos 8 caracteres y una letra.
</p>


Otras herramientas de evaluación

  • Validación accesible en servidor y cliente
  • Lectores de pantalla (NVDA, JAWS, VoiceOver)
  • DevTools → asociaciones ARIA
  • Axe / Lighthouse *










Ejemplos accesibles y no accesibles creados por alumnos

 Última modificación
2526UPSA3.3.3-A-0004 diciembre 2025 19:45:46
2526UFV3.3.3-A-0012 diciembre 2025 16:43:14


Comentarios

A continuación se muestran comentarios sobre el criterio 3.3.3-A. Sugerencias ante errores

Loading comments...




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