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

De WCAG Wiki
← Edición anterior
VisualWikitexto
Sin resumen de edición
Sin resumen de edición
 
Línea 3: Línea 3:
|id_wcag_subcriterio=3.2.6-A
|id_wcag_subcriterio=3.2.6-A
|wcag_titulo_criterio=3.2.6-A. Ayuda consistente
|wcag_titulo_criterio=3.2.6-A. Ayuda consistente
|wcag_nivel=AA*
|wcag_nivel=AA
|wcag_version=2.2
|wcag_version=2.2
|wcag_principio=3_Comprensible
|wcag_principio=3_Comprensible
Línea 43: Línea 43:
|wcag_referencias=
|wcag_referencias=
<ul>
<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/Techniques/general/G220 G220: Provide a contact-us link in a consistent location]</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://www.w3.org/WAI/WCAG22/Understanding/consistent-help.html Understanding Success Criterion 3.2.6: Consistent Help]</span></li>
<li>[https://webaim.org/articles/usability/#consistency WebAIM — Consistency and usability]</li>
</ul>
</ul>


|wcag_recursos=
|wcag_recursos=
<ul>
<ul>
<li>Guías de UX para soporte accesible (FAQ, centros de ayuda, chat)</li>
<li>[https://www.w3.org/WAI/ARIA/apg/patterns/landmarks/examples/general-principles.html ARIA Landmarks Example]</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_tipo_evaluacion=Manual
Línea 59: Línea 55:
|wcag_pasos_evaluacion=
|wcag_pasos_evaluacion=
<ol class="paso-list">
<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 1.</span>
<li><span class="paso-badge">Paso 2.</span> Verificar que mantienen el mismo orden relativo entre sí en todas las páginas equivalentes.</li>
Identificar si la página incluye alguno de los siguientes mecanismos de ayuda:
<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>
<ul>
<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>
<li>a. Detalles de contacto humano.</li>
<li>b. Mecanismo de contacto humano (p. ej., formulario de contacto, chat con operador, teléfono).</li>
<li>c. Opción de autoayuda (p. ej., preguntas frecuentes, centro de ayuda, guía interactiva).</li>
<li>d. Mecanismo de contacto totalmente automatizado (p. ej., chatbot sin intervención humana).</li>
</ul>
</li>
 
<li><span class="paso-badge">Paso 2.</span>
Navegar por varias páginas del mismo sitio web donde también aparezcan estos mecanismos de ayuda.
</li>
 
<li><span class="paso-badge">Paso 3.</span>
Comprobar que estos mecanismos de ayuda aparecen siempre en el mismo orden relativo entre sí en todas las páginas.
</li>
 
<li><span class="paso-badge">Paso 4.</span>
Verificar que cualquier cambio en el orden solamente ocurre si:
<ul>
<li>a. El usuario lo ha iniciado explícitamente (p. ej., ha reordenado elementos o configurado preferencias), o</li>
<li>b. El usuario ha activado un contexto diferente que justifique el cambio (por ejemplo, modo de ayuda específico dentro de un asistente).</li>
</ul>
</li>
</ol>
</ol>


|wcag_resultado_evaluacion=
|wcag_resultado_evaluacion=
Línea 70: Línea 88:
|wcag_ejemplo_evaluacion=
|wcag_ejemplo_evaluacion=
<div class="accessibility-card">
<div class="accessibility-card">
<strong>✅ Accesible: ayuda en orden consistente</strong>
Ayuda en orden consistente
<pre class="wcag-codigo-html">
<pre class="wcag-codigo-html">
<!-- Sección de ayuda repetida con el mismo orden -->
<!-- Sección de ayuda repetida con el mismo orden -->
Línea 83: Línea 101:
</div>
</div>


|wcag_otras_herramientas_evaluacion=
|wcag_otras_herramientas_evaluacion=
|wcag_otras_herramientas_evaluacion=
<ul>
<ul>
<li>Revisión manual de múltiples páginas</li>
<li>'''Revisión de la interfaz''': identificar mecanismos de ayuda presentes en la página (teléfono de contacto, chat humano, chatbot, FAQs, centro de ayuda, formulario de asistencia).</li>
<li>Navegación por teclado (orden y foco)</li>
<li>'''Comparación entre páginas''': navegar por varias páginas del mismo sitio y comprobar que los mecanismos de ayuda aparecen en el mismo orden relativo, salvo que el usuario haya modificado intencionadamente la disposición.</li>
<li>Lectores de pantalla (secuencia de headings y landmarks)</li>
<li>'''Inspección del DOM''': verificar que dichos elementos mantienen su orden en el código, no solo visualmente, para garantizar consistencia con teclado y lectores de pantalla.</li>
<li>Comparación con prototipos y Design System del proyecto</li>
<li>'''Prueba con teclado y lectores de pantalla''': (NVDA, JAWS, VoiceOver) confirmar que la ubicación de los mecanismos de ayuda es predecible y consistente en la navegación secuencial.</li>
</ul>
</ul>
}}
}}

Revisión actual - 06:30 6 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

Evaluación del criterio

Tipo de evaluación

Evaluación Manual

Procedimiento de evaluación

  1. Paso 1. Identificar si la página incluye alguno de los siguientes mecanismos de ayuda:
    • a. Detalles de contacto humano.
    • b. Mecanismo de contacto humano (p. ej., formulario de contacto, chat con operador, teléfono).
    • c. Opción de autoayuda (p. ej., preguntas frecuentes, centro de ayuda, guía interactiva).
    • d. Mecanismo de contacto totalmente automatizado (p. ej., chatbot sin intervención humana).
  2. Paso 2. Navegar por varias páginas del mismo sitio web donde también aparezcan estos mecanismos de ayuda.
  3. Paso 3. Comprobar que estos mecanismos de ayuda aparecen siempre en el mismo orden relativo entre sí en todas las páginas.
  4. Paso 4. Verificar que cualquier cambio en el orden solamente ocurre si:
    • a. El usuario lo ha iniciado explícitamente (p. ej., ha reordenado elementos o configurado preferencias), o
    • b. El usuario ha activado un contexto diferente que justifique el cambio (por ejemplo, modo de ayuda específico dentro de un asistente).

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

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 de la interfaz: identificar mecanismos de ayuda presentes en la página (teléfono de contacto, chat humano, chatbot, FAQs, centro de ayuda, formulario de asistencia).
  • Comparación entre páginas: navegar por varias páginas del mismo sitio y comprobar que los mecanismos de ayuda aparecen en el mismo orden relativo, salvo que el usuario haya modificado intencionadamente la disposición.
  • Inspección del DOM: verificar que dichos elementos mantienen su orden en el código, no solo visualmente, para garantizar consistencia con teclado y lectores de pantalla.
  • Prueba con teclado y lectores de pantalla: (NVDA, JAWS, VoiceOver) confirmar que la ubicación de los mecanismos de ayuda es predecible y consistente en la navegación secuencial.










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




Obtenido de «https://wikiwcag.udl.cat/index.php?title=Principio_3/3.2_Predecible/3.2.6-A&oldid=3556»