Diferencia entre revisiones de «Principio 3/3.2 Predecible/3.2.6-A»

De WCAG Wiki
Sin resumen de edición
Línea 1: Línea 1:
== '''3.2.6-A. Ayuda consistente''' ==
{{CriterioWCAG
<!-- 
|id_wcag_criterio=3.2.6
  Análisis interno:
|id_wcag_subcriterio=3.2.6-A
  Este criterio impacta principalmente a: Personas con discapacidad cognitiva.
|wcag_titulo_criterio=3.2.6-A. Ayuda consistente
  Problema moderado: Si los mecanismos de ayuda no son consistentes o cambian de posición, los usuarios pueden no encontrarlos o perder tiempo valioso.
|wcag_nivel=AA*
  Gravedad: Barrera moderada, porque dificulta la localización y el uso autónomo de la ayuda.
|wcag_version=2.2
-->
|wcag_principio=3_Comprensible
<html>
|wcag_principio_url=Principio_3
<!-- criterio 3.2.6-A -->
|wcag_pauta=3.2_Predecible
<article class="wcag-card">
|wcag_pauta_url=Principio_3/3.2_Predecible
   <section class="wcag-info">
|wcag_grupo=Consistencia
    <ul>
|wcag_subgrupo=Mecanismos_de_ayuda
      <li><span class="label">Nivel:</span><span class="value">A</span></li>
|wcag_subcriterio_url=Principio_3/3.2_Predecible/3.2.6-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>
|wcag_discapacidades=
      <li><span class="label">Pauta:</span><span class="value">3.2 El sistema debe ser operable y previsible en diferentes formas</span></li>
<li class="discapacidad-item">
      <li><span class="label">Categoría:</span><span class="value">Ayuda</span></li>
   [[Archivo:Cognitiva.png|20px|class=icon-discapacidad|alt=Discapacidad cognitiva]]
      <li><span class="label">Subcategoría:</span><span class="value">Ayuda consistente</span></li>
  <span class="discapacidad-texto">[[:Categoría:Discapacidad cognitiva|Cognitiva]]</span>
    </ul>
  <span class="gravedad gravedad-moderada">Barrera moderada</span>
  </section>
</li>
  <section class="wcag-users">
 
    <p>Usuarios más afectados</p>
|wcag_lista_discapacidades=
    <ul>
[[Categoría:Discapacidad cognitiva]]
      <li><img src="/images/4/40/Cognitiva.png" alt="Icono discapacidad cognitiva" class="icono-discapacidad" /> Personas con discapacidad cognitiva – <span class="gravedad">Barrera moderada</span></li>
 
    </ul>
|wcag_texto_criterioOAW=
  </section>
Si una página web contiene cualquiera de los siguientes mecanismos de ayuda, y esos mecanismos se repiten en varias páginas web dentro de un conjunto de páginas web, ocurren en el mismo orden relativo a menos que el usuario inicie un cambio:
</article>
<ul>
</html>
<li>Detalles de contacto humano</li>
<li>Mecanismo de contacto humano</li>
<li>Opción de autoayuda</li>
<li>Un mecanismo de contacto totalmente automatizado</li>
</ul>
 
|wcag_descripcion_resumida=
Los elementos de ayuda (chat, contacto, FAQ, soporte automatizado) deben mostrarse siempre en un orden relativo consistente a lo largo del sitio, salvo que el usuario haya decidido cambiarlo.
 
|wcag_objetivo=
Facilitar que las personas localicen rápidamente los mecanismos de ayuda en posiciones y secuencias previsibles, reduciendo la carga cognitiva y la desorientación.
 
|wcag_importancia=
La consistencia en la ubicación y orden de los mecanismos de ayuda mejora la autonomía y eficiencia, especialmente para personas con dificultades cognitivas o usuarios novatos que dependen de patrones estables.
 
|wcag_referencias=
<ul>
<li><span lang="en">[https://www.w3.org/WAI/WCAG22/Understanding/consistent-help.html Understanding Success Criterion 3.2.6: Consistent Help]</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG22/quickref/#consistent-help WCAG Quick Reference – 3.2.6]</span></li>
<li>[https://webaim.org/articles/usability/#consistency WebAIM — Consistency and usability]</li>
</ul>
 
|wcag_recursos=
<ul>
<li>Guías de UX para soporte accesible (FAQ, centros de ayuda, chat)</li>
<li>Design systems accesibles (IBM, Material, GOV.UK) para componentes de ayuda</li>
<li>Patrones consistentes de encabezados y landmarks para secciones de soporte</li>
</ul>
 
|wcag_tipo_evaluacion=Manual
 
|wcag_pasos_evaluacion=
<ol class="paso-list">
<li><span class="paso-badge">Paso 1.</span> Localizar mecanismos de ayuda presentes en varias páginas (FAQ, contacto, chat, teléfono, soporte automatizado).</li>
<li><span class="paso-badge">Paso 2.</span> Verificar que mantienen el mismo orden relativo entre sí en todas las páginas equivalentes.</li>
<li><span class="paso-badge">Paso 3.</span> Confirmar que las variaciones solo ocurren si el usuario las inicia (p. ej., mover un widget de chat).</li>
<li><span class="paso-badge">Paso 4.</span> Revisar consistencia semántica (encabezados, landmarks) y accesibilidad del foco al navegar por teclado y lector de pantalla.</li>
</ol>
 
|wcag_resultado_evaluacion=
Los mecanismos de ayuda se presentan en un orden relativo consistente a lo largo del sitio, excepto cuando el usuario solicita explícitamente un cambio.
 
|wcag_ejemplo_evaluacion=
<div class="accessibility-card">
<strong>✅ Accesible: ayuda en orden consistente</strong>
<pre class="wcag-codigo-html">
<!-- Sección de ayuda repetida con el mismo orden -->
<nav aria-label="Ayuda">
  <ul>
    <li><a href="/ayuda/faq">FAQ</a></li>
    <li><a href="/ayuda/contacto">Contacto</a></li>
    <li><button id="chat">Chat</button></li>
  </ul>
</nav>
</pre>
</div>
 
|wcag_otras_herramientas_evaluacion=
<ul>
<li>Revisión manual de múltiples páginas</li>
<li>Navegación por teclado (orden y foco)</li>
<li>Lectores de pantalla (secuencia de headings y landmarks)</li>
<li>Comparación con prototipos y Design System del proyecto</li>
</ul>
}}

Revisión del 12:52 5 nov 2025

3.2.6-A. Ayuda consistente

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)

  • Si una página web contiene cualquiera de los siguientes mecanismos de ayuda, y esos mecanismos se repiten en varias páginas web dentro de un conjunto de páginas web, ocurren en el mismo orden relativo a menos que el usuario inicie un cambio:
    • Detalles de contacto humano
    • Mecanismo de contacto humano
    • Opción de autoayuda
    • Un mecanismo de contacto totalmente automatizado

Comprensión del criterio

Descripción resumida

Los elementos de ayuda (chat, contacto, FAQ, soporte automatizado) deben mostrarse siempre en un orden relativo consistente a lo largo del sitio, salvo que el usuario haya decidido cambiarlo.

Objetivo

Facilitar que las personas localicen rápidamente los mecanismos de ayuda en posiciones y secuencias previsibles, reduciendo la carga cognitiva y la desorientación.

Importancia de cumplir el criterio

La consistencia en la ubicación y orden de los mecanismos de ayuda mejora la autonomía y eficiencia, especialmente para personas con dificultades cognitivas o usuarios novatos que dependen de patrones estables.

Referencias WCAG

Recursos de apoyo

  • Guías de UX para soporte accesible (FAQ, centros de ayuda, chat)
  • Design systems accesibles (IBM, Material, GOV.UK) para componentes de ayuda
  • Patrones consistentes de encabezados y landmarks para secciones de soporte

Evaluación del criterio

Tipo de evaluación

Evaluación Manual

Procedimiento de evaluación

  1. Paso 1. Localizar mecanismos de ayuda presentes en varias páginas (FAQ, contacto, chat, teléfono, soporte automatizado).
  2. Paso 2. Verificar que mantienen el mismo orden relativo entre sí en todas las páginas equivalentes.
  3. Paso 3. Confirmar que las variaciones solo ocurren si el usuario las inicia (p. ej., mover un widget de chat).
  4. Paso 4. Revisar consistencia semántica (encabezados, landmarks) y accesibilidad del foco al navegar por teclado y lector de pantalla.

Resultado esperado

Los mecanismos de ayuda se presentan en un orden relativo consistente a lo largo del sitio, excepto cuando el usuario solicita explícitamente un cambio.

Ejemplo

✅ Accesible: ayuda en orden consistente

<!-- Sección de ayuda repetida con el mismo orden -->
<nav aria-label="Ayuda">
  <ul>
    <li><a href="/ayuda/faq">FAQ</a></li>
    <li><a href="/ayuda/contacto">Contacto</a></li>
    <li><button id="chat">Chat</button></li>
  </ul>
</nav>

Otras herramientas de evaluación

  • Revisión manual de múltiples páginas
  • Navegación por teclado (orden y foco)
  • Lectores de pantalla (secuencia de headings y landmarks)
  • Comparación con prototipos y Design System del proyecto










Ejemplos accesibles y no accesibles creados por alumnos

Comentarios

A continuación se muestran comentarios sobre el criterio 3.2.6-A. Ayuda consistente

Loading comments...