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

De WCAG Wiki
← Edición anterior
VisualWikitexto
Sin resumen de edición
202526UdL06 (discusión | contribs.)
alumnos
3 ediciones
Sin resumen de edición
 
(No se muestran 3 ediciones intermedias de otro usuario)
Línea 1: Línea 1:
== '''3.2.4-A. Identificación coherente''' ==
{{CriterioWCAG
<!-- 
|id_wcag_criterio=3.2.4
  Análisis interno:
|id_wcag_subcriterio=3.2.4-A
  Este criterio afecta principalmente a: Personas con discapacidad cognitiva y visual.
|wcag_titulo_criterio=3.2.4-A. Identificación coherente
  Problema moderado: Si los componentes o iconos cambian de nombre o aspecto, los usuarios no pueden identificar su función correctamente.
|wcag_nivel=AA
  Gravedad: Barrera moderada, al generar confusión y pérdida de confianza.
|wcag_version=2.0
-->
|wcag_principio=3_Comprensible
<html>
|wcag_principio_url=Principio_3
<!-- criterio 3.2.4-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=Identificacion
      <li><span class="label">Nivel:</span><span class="value">AA</span></li>
|wcag_subcriterio_url=Principio_3/3.2_Predecible/3.2.4-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">Identificació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>
 
  </section>
|wcag_lista_discapacidades=
</article>
[[Categoría:Discapacidad cognitiva]]
</html>
[[Categoría:Discapacidad baja visión]]
 
|wcag_texto_criterioOAW=
Los elementos con una misma funcionalidad y que se repiten a través de las páginas de un sitio web se deben identificar de forma consistente.
 
|wcag_descripcion_resumida=
Componentes que tienen la misma función deben usar nombres, iconos y etiquetas consistentes en todas las páginas del sitio web.
 
|wcag_objetivo=
Identificar de forma consistente funcionalidades que se repiten en un conjunto de páginas web, facilitando comprensión, reconocimiento y predictibilidad.
 
|wcag_importancia=
Si los elementos que realizan la misma acción se etiquetan o representan de manera diferente en distintas páginas, las personas con dificultades cognitivas, quienes usan lectores de pantalla o dependen de reconocimiento visual pueden confundirse y perder eficiencia.
 
|wcag_referencias=
<ul>
<ul>
<li><span lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/general/G197 G197: Using labels, names, and text alternatives consistently for content that has the same functionality]</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/failures/F31 F31: Failure due to using two different labels for the same function on different Web pages within a set of Web pages]</span></li>
</ul>
 
 
|wcag_recursos=
<ul>
<li>Design systems accesibles (nomenclatura, iconografía y patrones)</li>
</ul>
 
|wcag_tipo_evaluacion=Manual
 
|wcag_pasos_evaluacion=
<ol class="paso-list">
<li><span class="paso-badge">Paso 1.</span>
Localizar los elementos que se repiten en una misma página o en diferentes páginas de un sitio web.
</li>
 
<li><span class="paso-badge">Paso 2.</span>
Verificar que siempre se identifican de manera consistente.
</li>
</ol>
 
 
|wcag_resultado_evaluacion=
Los elementos que cumplen la misma función mantienen identificación coherente (texto, icono y nombre accesible) en todo el sitio.
 
|wcag_ejemplo_evaluacion=
<div class="accessibility-card">
Se presenta la misma etiqueta y función en todo el sitio
<pre class="wcag-codigo-html">
<!-- Todas las páginas -->
<button aria-label="Buscar">Buscar</button>
</pre>
</div>
 
 
|wcag_otras_herramientas_evaluacion=
<ul>
<li>'''Revisión visual''': comprobar que los elementos que realizan la misma función (botones, enlaces, iconos, controles) usan nombres, textos, estilos e iconografía consistentes en todo el sitio.</li>
<li>'''Inspección del texto y ARIA''': verificar que el texto visible y las etiquetas accesibles (<code>aria-label</code>, <code>aria-labelledby</code>) son coherentes para elementos con la misma función.</li>
<li>'''Comparación entre páginas''': navegar por diferentes secciones del sitio y confirmar que los componentes equivalentes mantienen su nombre y presentación (p. ej., “Buscar”, siempre “Buscar”; no “Buscar”/“Explorar”/“Encontrar”).</li>
<li>'''Prueba con lectores de pantalla''': (NVDA, JAWS, VoiceOver) comprobar que los controles equivalentes se anuncian de forma consistente en todas las páginas.</li>
</ul>
}}
 
= 3. SUBCRITERIO 3.2.4-A: Identificación coherente =
'''ID del Criterio:''' 3.2.4 Identificación coherente (Nivel AA
 
== 3.1. Ejemplo NO Accesible (NOA) ==
'''URL de origen:''' <nowiki>https://www.craigslist.org</nowiki>
 
'''Explicación:'''
 
En Craigslist, algunas funciones similares pueden aparecer con denominaciones o estructuras distintas según la sección. Esto puede generar confusión en usuarios que esperan coherencia en la navegación.
 
'''Impacto:'''
 
Personas con discapacidad cognitiva o dificultades de memoria pueden desorientarse al no reconocer fácilmente que se trata de la misma acción.
 
== 3.2. Ejemplo Accesible (ACC) ==
'''Explicación:'''
 
GOV.UK mantiene una estructura coherente en todo el sitio. Los botones, enlaces y acciones se identifican siempre con la misma denominación y estilo visual, facilitando la previsibilidad y la navegación.
 
'''Impacto:'''
 
Reduce la carga cognitiva, mejora la orientación y garantiza una experiencia más accesible para todos los usuarios.

Revisión actual - 19:07 16 feb 2026

3.2.4-A. Identificació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 elementos con una misma funcionalidad y que se repiten a través de las páginas de un sitio web se deben identificar de forma consistente.

Comprensión del criterio

Descripción resumida

Componentes que tienen la misma función deben usar nombres, iconos y etiquetas consistentes en todas las páginas del sitio web.

Objetivo

Identificar de forma consistente funcionalidades que se repiten en un conjunto de páginas web, facilitando comprensión, reconocimiento y predictibilidad.

Importancia de cumplir el criterio

Si los elementos que realizan la misma acción se etiquetan o representan de manera diferente en distintas páginas, las personas con dificultades cognitivas, quienes usan lectores de pantalla o dependen de reconocimiento visual pueden confundirse y perder eficiencia.

Referencias WCAG

Recursos de apoyo

  • Design systems accesibles (nomenclatura, iconografía y patrones)

Evaluación del criterio

Tipo de evaluación

Evaluación Manual

Procedimiento de evaluación

  1. Paso 1. Localizar los elementos que se repiten en una misma página o en diferentes páginas de un sitio web.
  2. Paso 2. Verificar que siempre se identifican de manera consistente.

Resultado esperado

Los elementos que cumplen la misma función mantienen identificación coherente (texto, icono y nombre accesible) en todo el sitio.

Ejemplo ilustrativo

Se presenta la misma etiqueta y función en todo el sitio 

<!-- Todas las páginas -->
<button aria-label="Buscar">Buscar</button>


Otras herramientas de evaluación

  • Revisión visual: comprobar que los elementos que realizan la misma función (botones, enlaces, iconos, controles) usan nombres, textos, estilos e iconografía consistentes en todo el sitio.
  • Inspección del texto y ARIA: verificar que el texto visible y las etiquetas accesibles (aria-label, aria-labelledby) son coherentes para elementos con la misma función.
  • Comparación entre páginas: navegar por diferentes secciones del sitio y confirmar que los componentes equivalentes mantienen su nombre y presentación (p. ej., “Buscar”, siempre “Buscar”; no “Buscar”/“Explorar”/“Encontrar”).
  • Prueba con lectores de pantalla: (NVDA, JAWS, VoiceOver) comprobar que los controles equivalentes se anuncian de forma consistente en todas las páginas.










Ejemplos accesibles y no accesibles creados por alumnos

 Última modificación
2526UPSA3.2.4-A-00014 enero 2026 15:01:39
2526UFV3.2.4-A-0018 enero 2026 18:31:08
2526UPSA3.2.4-A-00118 diciembre 2025 23:50:44


Comentarios

A continuación se muestran comentarios sobre el criterio 3.2.4-A. Identificación coherente

Loading comments...




3. SUBCRITERIO 3.2.4-A: Identificación coherente

ID del Criterio: 3.2.4 Identificación coherente (Nivel AA

3.1. Ejemplo NO Accesible (NOA)

URL de origen: https://www.craigslist.org

Explicación:

En Craigslist, algunas funciones similares pueden aparecer con denominaciones o estructuras distintas según la sección. Esto puede generar confusión en usuarios que esperan coherencia en la navegación.

Impacto:

Personas con discapacidad cognitiva o dificultades de memoria pueden desorientarse al no reconocer fácilmente que se trata de la misma acción.

3.2. Ejemplo Accesible (ACC)

Explicación:

GOV.UK mantiene una estructura coherente en todo el sitio. Los botones, enlaces y acciones se identifican siempre con la misma denominación y estilo visual, facilitando la previsibilidad y la navegación.

Impacto:

Reduce la carga cognitiva, mejora la orientación y garantiza una experiencia más accesible para todos los usuarios.

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