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

De WCAG Wiki
← Edición anterior
VisualWikitexto
Sin resumen de edición
Sin resumen de edición
 
(No se muestran 2 ediciones intermedias del mismo usuario)
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_Assistencia_en_los_input
<article class="wcag-card">
|wcag_pauta_url=Principio_3/3.3_Assistencia_en_los_input
  <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 se debe proporcionar dicha sugerencia y esto no debe comprometer 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/WCAG21/Techniques/general/G177 G177: Providing suggested correction text]</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG22/Understanding/error-suggestion.html Understanding Success Criterion 3.3.3: Error Suggestion]</span></li>
</ul>
 
|wcag_recursos=
<strong> Consejos </strong>
<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>
Localizar los formularios existentes.
</li>
 
<li><span class="paso-badge">Paso 2.</span>
Intentar enviar el formulario introduciendo valores erróneos en los campos.
</li>
 
<li><span class="paso-badge">Paso 3.</span>
Cuando la información proporcionada por el usuario sea incorrecta pero sea posible conocer un valor correcto sugerido, comprobar si la página ofrece un texto con la corrección.
</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">
Sugerencia clara unida al campo (aria-describedby="email-error" y id="email-error")
<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>
 
|wcag_otras_herramientas_evaluacion=
<ul>
<li>'''Prueba funcional''': introducir datos incorrectos (p. ej., email sin “@”, número fuera de rango, formato de fecha erróneo) y comprobar que se ofrece una sugerencia clara y accesible para corregirlo cuando sea posible.</li>
<li>'''Inspección del código''': verificar que las sugerencias están presentes en texto junto al campo correspondiente y correctamente asociadas mediante <code>aria-describedby</code> cuando proceda.</li>
<li>'''Lectores de pantalla''': (NVDA, JAWS, VoiceOver) confirmar que las sugerencias se leen automáticamente al aparecer el error y que el usuario entiende cómo solucionarlo.</li>
<li>'''Revisión de seguridad''': asegurar que la sugerencia no revela información sensible ni compromete la seguridad (p. ej., no mostrar datos reales previamente introducidos).</li>
</ul>
}}

Revisión actual - 12:51 6 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 se debe proporcionar dicha sugerencia y esto no debe comprometer 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

Consejos
  • 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. Localizar los formularios existentes.
  2. Paso 2. Intentar enviar el formulario introduciendo valores erróneos en los campos.
  3. Paso 3. Cuando la información proporcionada por el usuario sea incorrecta pero sea posible conocer un valor correcto sugerido, comprobar si la página ofrece un texto con la corrección.

Resultado esperado

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

Ejemplo ilustrativo

Sugerencia clara unida al campo (aria-describedby="email-error" y id="email-error") 

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


Otras herramientas de evaluación

  • Prueba funcional: introducir datos incorrectos (p. ej., email sin “@”, número fuera de rango, formato de fecha erróneo) y comprobar que se ofrece una sugerencia clara y accesible para corregirlo cuando sea posible.
  • Inspección del código: verificar que las sugerencias están presentes en texto junto al campo correspondiente y correctamente asociadas mediante aria-describedby cuando proceda.
  • Lectores de pantalla: (NVDA, JAWS, VoiceOver) confirmar que las sugerencias se leen automáticamente al aparecer el error y que el usuario entiende cómo solucionarlo.
  • Revisión de seguridad: asegurar que la sugerencia no revela información sensible ni compromete la seguridad (p. ej., no mostrar datos reales previamente introducidos).










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=3742»