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

De WCAG Wiki
← Edición anterior
VisualWikitexto
Sin resumen de edición
Sin resumen de edición
 
(No se muestran 3 ediciones intermedias del mismo usuario)
Línea 1: Línea 1:
== '''3.2.3-A. Navegación coherente''' ==
{{CriterioWCAG
<!-- 
|id_wcag_criterio=3.2.3
  Análisis interno:
|id_wcag_subcriterio=3.2.3-A
  Impacta principalmente a: Personas con discapacidad cognitiva y visual (lectores de pantalla).
|wcag_titulo_criterio=3.2.3-A. Navegación coherente
  Problema moderado: Si los elementos de navegación cambian de orden o posición, los usuarios pueden confundirse o perder orientación.
|wcag_nivel=AA
  Gravedad: Barrera moderada, porque dificulta la previsibilidad, aunque no impide completamente el acceso.
|wcag_version=2.0
-->
|wcag_principio=3_Comprensible
<html>
|wcag_principio_url=Principio_3
<!-- criterio 3.2.3-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=Navegacion
      <li><span class="label">Nivel:</span><span class="value">AA</span></li>
|wcag_subcriterio_url=Principio_3/3.2_Predecible/3.2.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>
|wcag_discapacidades=
      <li><span class="label">Pauta:</span><span class="value">3.2 El sistema debe ser operable y previsible en diferentes caminos</span></li>
<li class="discapacidad-item">
      <li><span class="label">Categoría:</span><span class="value">Diseño estructural</span></li>
   [[Archivo:Cognitiva.png|20px|class=icon-discapacidad|alt=Discapacidad cognitiva]]
      <li><span class="label">Subcategoría:</span><span class="value">Navegación coherente</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">
<li class="discapacidad-item">
    <p>Usuarios más afectados</p>
  [[Archivo:Bajavision.png|20px|class=icon-discapacidad|alt=Baja visión]]
    <ul>
  <span class="discapacidad-texto">[[:Categoría:Discapacidad baja visión|Baja visión]]</span> –
      <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>
  <span class="gravedad gravedad-leve">Barrera leve</span>
      <li><img src="/images/b/b7/Bajavision.png" alt="Icono baja visión" class="icono-discapacidad" /> Personas con baja visión – <span class="gravedad">Barrera leve</span></li>
</li>
    </ul>
<li class="discapacidad-item">
  </section>
  [[Archivo:Sinvision.png|20px|class=icon-discapacidad|alt=Discapacidad visual total]]
</article>
  <span class="discapacidad-texto">[[:Categoría:Discapacidad visual total|Visual total]]</span> –
</html>
  <span class="gravedad gravedad-grave">Barrera grave</span>
</li>
 
|wcag_lista_discapacidades=
[[Categoría:Discapacidad cognitiva]]
[[Categoría:Discapacidad baja visión]]
[[Categoría:Discapacidad visual total]]
 
 
|wcag_texto_criterioOAW=
Los enlaces y mecanismos de navegación que se repiten en un sitio web deben aparecer siempre en el mismo orden relativo.
 
|wcag_descripcion_resumida=
Los menús, cabeceras, pies y otros elementos de navegación repetidos mantienen la misma posición y orden en todas las páginas del sitio.
 
|wcag_objetivo=
Facilitar que las personas aprendan el patrón de navegación y localicen opciones de forma predecible y eficiente en todo el sitio.
 
|wcag_importancia=
La consistencia reduce la carga cognitiva, mejora la orientación y beneficia a usuarios con dificultades cognitivas, baja visión y a quienes usan lectores de pantalla.
 
|wcag_referencias=
 
<ul>
<li><span lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/general/G61 G61: Presenting repeated components in the same relative order each time they appear]</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/failures/F66 F66: Failure due to presenting navigation links in a different relative order on different pages]</span></li>
</ul>
 
|wcag_recursos=
<strong> Consejos </strong>
<ul>
<li>Landmarks semánticos: <code>&lt;nav&gt;</code>, <code>&lt;header&gt;</code>, <code>&lt;aside&gt;</code>, <code>&lt;footer&gt;</code></li>
</ul>
 
|wcag_tipo_evaluacion=Manual
 
|wcag_pasos_evaluacion=
<ol class="paso-list">
<li><span class="paso-badge">Paso 1.</span>
Localizar los enlaces y mecanismos de navegación que se repiten en diferentes páginas del sitio web.
</li>
 
<li><span class="paso-badge">Paso 2.</span>
Verificar que siempre aparecen en el mismo orden relativo.
</li>
</ol>
 
|wcag_resultado_evaluacion=
Los mecanismos de navegación repetidos conservan el mismo orden relativo y posición en todas las páginas del sitio.
 
|wcag_ejemplo_evaluacion=
<div class="accessibility-card">
Navegación consistente, por ejemplo, siempre se encuentra en la parte superior de la págima.
<pre class="wcag-codigo-html">
<nav aria-label="Navegación principal">
  <ul>
    <li><a href="/">Inicio</a></li>
    <li><a href="/productos">Productos</a></li>
    <li><a href="/soporte">Soporte</a></li>
    <li><a href="/contacto">Contacto</a></li>
  </ul>
</nav>
</pre>
</div>
 
 
|wcag_otras_herramientas_evaluacion=
<ul>
<li>'''Revisión estructural''': comprobar que los menús, enlaces de navegación, cabeceras, pies de página y otros bloques repetidos mantienen el mismo orden relativo en todas las páginas del sitio.</li>
<li>'''Comparación entre páginas''': navegar por varias páginas y verificar que los elementos repetidos aparecen en la misma posición relativa (p. ej., menú principal siempre antes del buscador o del contenido).</li>
<li>'''Inspección del DOM''': revisar que los elementos de navegación están situados en el mismo orden dentro del código fuente para evitar cambios inesperados al navegar con teclado o lector de pantalla.</li>
<li>'''Pruebas con teclado y lectores de pantalla''': (NVDA, JAWS, VoiceOver) confirmar que la navegación secuencial y los atajos de encabezados/regiones ofrecen una experiencia consistente entre páginas.</li>
</ul>
 
 
}}

Revisión actual - 06:22 6 nov 2025

3.2.3-A. Navegación coherente

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)

  • Los enlaces y mecanismos de navegación que se repiten en un sitio web deben aparecer siempre en el mismo orden relativo.

Comprensión del criterio

Descripción resumida

Los menús, cabeceras, pies y otros elementos de navegación repetidos mantienen la misma posición y orden en todas las páginas del sitio.

Objetivo

Facilitar que las personas aprendan el patrón de navegación y localicen opciones de forma predecible y eficiente en todo el sitio.

Importancia de cumplir el criterio

La consistencia reduce la carga cognitiva, mejora la orientación y beneficia a usuarios con dificultades cognitivas, baja visión y a quienes usan lectores de pantalla.

Referencias WCAG

Recursos de apoyo

Consejos
  • Landmarks semánticos: <nav>, <header>, <aside>, <footer>

Evaluación del criterio

Tipo de evaluación

Evaluación Manual

Procedimiento de evaluación

  1. Paso 1. Localizar los enlaces y mecanismos de navegación que se repiten en diferentes páginas del sitio web.
  2. Paso 2. Verificar que siempre aparecen en el mismo orden relativo.

Resultado esperado

Los mecanismos de navegación repetidos conservan el mismo orden relativo y posición en todas las páginas del sitio.

Ejemplo

Navegación consistente, por ejemplo, siempre se encuentra en la parte superior de la págima. 

<nav aria-label="Navegación principal">
  <ul>
    <li><a href="/">Inicio</a></li>
    <li><a href="/productos">Productos</a></li>
    <li><a href="/soporte">Soporte</a></li>
    <li><a href="/contacto">Contacto</a></li>
  </ul>
</nav>

Otras herramientas de evaluación

  • Revisión estructural: comprobar que los menús, enlaces de navegación, cabeceras, pies de página y otros bloques repetidos mantienen el mismo orden relativo en todas las páginas del sitio.
  • Comparación entre páginas: navegar por varias páginas y verificar que los elementos repetidos aparecen en la misma posición relativa (p. ej., menú principal siempre antes del buscador o del contenido).
  • Inspección del DOM: revisar que los elementos de navegación están situados en el mismo orden dentro del código fuente para evitar cambios inesperados al navegar con teclado o lector de pantalla.
  • Pruebas con teclado y lectores de pantalla: (NVDA, JAWS, VoiceOver) confirmar que la navegación secuencial y los atajos de encabezados/regiones ofrecen una experiencia consistente entre páginas.










Ejemplos accesibles y no accesibles creados por alumnos

Comentarios

A continuación se muestran comentarios sobre el criterio 3.2.3-A. Navegación coherente

Loading comments...




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