Diferencia entre revisiones de «Principio 2/2.4 Navegable/2.4.4-A»

De WCAG Wiki
← Edición anteriorEdición siguiente →
VisualWikitexto
Sin resumen de edición
Sin resumen de edición
Línea 1: Línea 1:
== '''2.4.4-A. Propósito de enlaces''' ==
{{CriterioWCAG
<!-- 
|id_wcag_criterio=2.4.4
  Análisis interno:
|id_wcag_subcriterio=2.4.4-A
  Este criterio impacta principalmente a: Personas con discapacidad cognitiva y visual 
|wcag_titulo_criterio=2.4.4-A. Propósito de los enlaces en contexto
  Problema grave: Si los enlaces no describen su propósito, los usuarios pueden perderse o tomar decisiones incorrectas al navegar, dificultando la comprensión y causando barreras graves.
|wcag_nivel=A
-->
|wcag_version=2.0
<html>
|wcag_principio=2_Operable
<!-- criterio 2.4.4-A -->
|wcag_principio_url=Principio_2
<article class="wcag-card">
|wcag_pauta=2.4_Navegacion_clara
   <section class="wcag-info">
|wcag_pauta_url=Principio_2/2.4_Navegacion_clara
    <ul>
|wcag_grupo=Navegación
      <li><span class="label">Nivel:</span><span class="value">A</span></li>
|wcag_subgrupo=Significado_de_enlaces
      <li><span class="label">Versión:</span><span class="value">2.2</span></li>
|wcag_subcriterio_url=Principio_2/2.4_Navegacion_clara/2.4.4-A
      <li><span class="label">Principio:</span><span class="value">2. Operable</span></li>
 
      <li><span class="label">Pauta:</span><span class="value">2.4 Proporcionar ayuda para navegar y buscar contenido</span></li>
|wcag_discapacidades=
      <li><span class="label">Categoría:</span><span class="value">Navegación</span></li>
<li class="discapacidad-item">
      <li><span class="label">Subcategoría:</span><span class="value">Propósito de enlaces en contexto</span></li>
   [[Archivo:Sinvision.png|20px|class=icon-discapacidad|alt=Discapacidad visual total]]
    </ul>
  <span class="discapacidad-texto">[[:Categoría:Discapacidad visual total|Visual total]]</span> –
  </section>
  <span class="gravedad gravedad-grave">Barrera grave</span>
  <section class="wcag-users">
</li>
    <p>Usuarios más afectados</p>
 
    <ul>
<li class="discapacidad-item">
      <li><img src="/images/4/40/Cognitiva.png" alt="Icono discapacidad cognitiva" class="icono-discapacidad" /> Personas con discapacidad cognitiva – <span class="gravedad">Barrera grave</span></li>
  [[Archivo:Bajavision.png|20px|class=icon-discapacidad|alt=Baja visión]]
      <li><img src="/images/4/4d/Sinvision.png" alt="Icono discapacidad visual total" class="icono-discapacidad" /> Personas con discapacidad visual total – <span class="gravedad">Barrera grave</span></li>
  <span class="discapacidad-texto">[[:Categoría:Discapacidad baja visión|Baja visión]]</span> –
    </ul>
  <span class="gravedad gravedad-moderada">Barrera moderada</span>
  </section>
</li>
</article>
 
</html>
<li class="discapacidad-item">
  [[Archivo:Cognitiva.png|20px|class=icon-discapacidad|alt=Discapacidad cognitiva]]
  <span class="discapacidad-texto">[[:Categoría:Discapacidad cognitiva|Cognitiva]]</span> –
  <span class="gravedad gravedad-grave">Barrera grave</span>
</li>
 
<li class="discapacidad-item">
  [[Archivo:Motriz.png|20px|class=icon-discapacidad|alt=Discapacidad motriz]]
  <span class="discapacidad-texto">[[:Categoría:Discapacidad motriz|Motriz]]</span> –
  <span class="gravedad gravedad-leve">Barrera leve</span>
</li>
 
|wcag_lista_discapacidades=
[[Categoría:Discapacidad visual total]]
[[Categoría:Discapacidad baja visión]]
[[Categoría:Discapacidad cognitiva]]
[[Categoría:Discapacidad motriz]]
 
 
|wcag_texto_criterioOAW =
El propósito de cada enlace debe poder determinarse a partir del propio texto del enlace o del texto del enlace junto con su contexto inmediato.
 
|wcag_descripcion_resumida=
Los enlaces deben indicar de forma clara su función o destino. 
El propósito puede deducirse mediante:
* El propio texto del enlace (recomendado)
* El texto cercano que complementa el enlace
* Encabezados o contexto inmediato
 
No debe depender únicamente de información visual, ni usar textos genéricos como *“haz clic aquí”*, *“más información”* o *“leer más”* sin contexto claro.
 
|wcag_objetivo=
Facilitar decisiones rápidas y seguras de navegación para todas las personas, especialmente quienes usan lector de pantalla o quienes se orientan por escaneo visual rápido.
 
|wcag_importancia=
Proporcionar contexto claro en los enlaces evita confusión, reduce esfuerzo cognitivo y mejora la eficiencia en la navegación. En enlaces repetidos o ambiguos, las personas usuarias pueden perderse o activar enlaces erróneos.
 
|wcag_referencias=
<ul>
<li><span lang="en">https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-in-context.html</span></li>
</ul>
 
|wcag_recursos=
<ul>
<li>https://webaim.org/techniques/hypertext/</li>
<li>https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a</li>
</ul>
 
|wcag_tipo_evaluacion=Semiautomática
 
|wcag_pasos_evaluacion=
<ol class="paso-list">
<li>Identificar todos los enlaces de la página.</li>
<li>Analizar si el texto del enlace indica su propósito claramente.</li>
<li>Si no es claro por sí solo, revisar contexto inmediato (párrafo, encabezado, texto adyacente).</li>
<li>Confirmar que no se usan enlaces ambiguos como “clic aquí”, “más” o “leer más” sin contexto.</li>
<li>Probar experiencia con lector de pantalla verificando lista de enlaces.</li>
</ol>
 
|wcag_resultado_evaluacion=
Todos los enlaces permiten comprender su propósito sin necesidad de seguir el enlace.
 
|wcag_ejemplo_evaluacion=
<div class="accessibility-card">
<strong>✅ Correcto</strong>
<pre class="wcag-codigo-html">
<a href="/programa">Programa del curso</a>
</pre>
</div>
 
<div class="accessibility-card">
<strong>✅ Correcto con contexto inmediato</strong>
<pre class="wcag-codigo-html">
Descargar el temario del curso:
<a href="/temario.pdf">Temario (PDF)</a>
</pre>
</div>
 
<div class="accessibility-card-error">
<strong>❌ Incorrecto</strong>
<pre class="wcag-codigo-html">
Para más información, <a href="/info">haz clic aquí</a>.
</pre>
</div>
 
|wcag_otras_herramientas_evaluacion=
<ul>
<li>Listas de enlaces en lectores de pantalla (NVDA: Insert+F7)</li>
<li>AXE DevTools</li>
<li>Accessibility Insights</li>
</ul>
 
}}

Revisión del 11:51 5 nov 2025

2.4.4-A. Propósito de los enlaces en contexto

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)

  • El propósito de cada enlace debe poder determinarse a partir del propio texto del enlace o del texto del enlace junto con su contexto inmediato.

Comprensión del criterio

Descripción resumida

Los enlaces deben indicar de forma clara su función o destino.

El propósito puede deducirse mediante:

  • El propio texto del enlace (recomendado)
  • El texto cercano que complementa el enlace
  • Encabezados o contexto inmediato
No debe depender únicamente de información visual, ni usar textos genéricos como *“haz clic aquí”*, *“más información”* o *“leer más”* sin contexto claro.

Objetivo

Facilitar decisiones rápidas y seguras de navegación para todas las personas, especialmente quienes usan lector de pantalla o quienes se orientan por escaneo visual rápido.

Importancia de cumplir el criterio

Proporcionar contexto claro en los enlaces evita confusión, reduce esfuerzo cognitivo y mejora la eficiencia en la navegación. En enlaces repetidos o ambiguos, las personas usuarias pueden perderse o activar enlaces erróneos.

Referencias WCAG

Recursos de apoyo

Evaluación del criterio

Tipo de evaluación

Evaluación Semiautomática

Procedimiento de evaluación

  1. Identificar todos los enlaces de la página.
  2. Analizar si el texto del enlace indica su propósito claramente.
  3. Si no es claro por sí solo, revisar contexto inmediato (párrafo, encabezado, texto adyacente).
  4. Confirmar que no se usan enlaces ambiguos como “clic aquí”, “más” o “leer más” sin contexto.
  5. Probar experiencia con lector de pantalla verificando lista de enlaces.

Resultado esperado

Todos los enlaces permiten comprender su propósito sin necesidad de seguir el enlace.

Ejemplo

✅ Correcto 

<a href="/programa">Programa del curso</a>

✅ Correcto con contexto inmediato 

Descargar el temario del curso:
<a href="/temario.pdf">Temario (PDF)</a>

❌ Incorrecto 

Para más información, <a href="/info">haz clic aquí</a>.

Otras herramientas de evaluación

  • Listas de enlaces en lectores de pantalla (NVDA: Insert+F7)
  • AXE DevTools
  • Accessibility Insights










Ejemplos accesibles y no accesibles creados por alumnos

Comentarios

A continuación se muestran comentarios sobre el criterio 2.4.4-A. Propósito de los enlaces en contexto

Loading comments...




Obtenido de «https://wikiwcag.udl.cat/index.php?title=Principio_2/2.4_Navegable/2.4.4-A&oldid=3469»