Addaw, ir a inicio Donar

Fallo común Fallos comunes WCAG 2.2

F84Fallo del criterio de conformidad 2.4.9 debido a usar un enlace no específico como «haga clic aquí» o «más» sin un mecanismo para cambiar el texto del enlace por un texto específico

En resumen

Este fallo se produce cuando una página usa enlaces genéricos como «haga clic aquí», «más» o «leer más», cuyo destino solo se entiende por el texto que los rodea, y no ofrece ningún mecanismo para convertirlos en enlaces descriptivos. Las personas ciegas que navegan por la lista de enlaces de su lector de pantalla o tabulan de enlace en enlace no saben a dónde lleva cada uno. Redacte textos de enlace que indiquen por sí solos su destino.

Ejemplo práctico

Es el fallo típico de los bloques de noticias, avisos y tarjetas de servicios de las webs municipales y corporativas: cada resumen termina con un enlace «Más» o «Haga clic aquí» cuyo destino solo se entiende leyendo el párrafo.

Así no: Enlaces «Más» y «Haga clic aquí»

El propósito de cada enlace solo se deduce del titular y del párrafo que lo rodean. Si se abre la lista de enlaces del lector de pantalla o se recorre la página con Tab, se oye «Más» y «Haga clic aquí» sin saber a qué noticia corresponden, lo que incumple el criterio 2.4.9 (nivel AAA).

<style>
  .noticias article { border-bottom: 1px solid #ccc; padding: 8px 0; }
  .noticias h3 { margin: 0 0 4px; font-size: 1.05rem; color: #0B2239; }
  .noticias p { margin: 0; }
  .noticias a { color: #412c56; }
</style>
<section class="noticias" aria-labelledby="tit-noticias">
  <h2 id="tit-noticias">Noticias del Ayuntamiento</h2>
  <article>
    <h3>Ayudas al alquiler para jóvenes</h3>
    <p>Abierto el plazo de solicitud hasta el 15 de noviembre. <a href="#">Más</a></p>
  </article>
  <article>
    <h3>Nuevo horario de la biblioteca municipal</h3>
    <p>Abre también los sábados por la tarde. <a href="#">Haga clic aquí</a></p>
  </article>
</section>
Captura de pantalla del ejemplo incorrecto: Enlaces «Más» y «Haga clic aquí»
Así se ve el ejemplo incorrecto.

La demostración contiene, a propósito, el error de accesibilidad que se explica.

Así sí: Texto de enlace que se entiende por sí solo

Se ha reescrito el texto de cada enlace para que nombre su destino. Ahora la lista de enlaces y la navegación con Tab muestran «Más sobre las ayudas al alquiler para jóvenes» y «Consultar el nuevo horario de la biblioteca», comprensibles sin leer el párrafo.

<style>
  .noticias article { border-bottom: 1px solid #ccc; padding: 8px 0; }
  .noticias h3 { margin: 0 0 4px; font-size: 1.05rem; color: #0B2239; }
  .noticias p { margin: 0; }
  .noticias a { color: #412c56; }
</style>
<section class="noticias" aria-labelledby="tit-noticias">
  <h2 id="tit-noticias">Noticias del Ayuntamiento</h2>
  <article>
    <h3>Ayudas al alquiler para jóvenes</h3>
    <p>Abierto el plazo de solicitud hasta el 15 de noviembre. <a href="#">Más sobre las ayudas al alquiler para jóvenes</a></p>
  </article>
  <article>
    <h3>Nuevo horario de la biblioteca municipal</h3>
    <p>Abre también los sábados por la tarde. <a href="#">Consultar el nuevo horario de la biblioteca</a></p>
  </article>
</section>

Pruébelo aquí:

Cómo comprobarlo

Teclado

  1. Recorrer la página con Tab leyendo solo el texto de cada enlace que recibe el foco.
  2. Comprobar que cada enlace se entiende sin mirar el titular ni el párrafo que lo rodean.

Lector de pantalla (NVDA o VoiceOver)

  1. Abrir la lista de enlaces (NVDA: Insert+F7; VoiceOver: rotor con VO+U).
  2. Comprobar que no hay entradas repetidas como «Más», «Leer más» o «Aquí» que lleven a destinos distintos.
  3. Si el texto visible es corto y se completa con texto oculto o aria-label, verificar que lo anunciado incluye primero el texto visible.

Debería anunciar: «enlace, Más sobre las ayudas al alquiler para jóvenes»

Herramientas del navegador

  1. Abrir las herramientas de desarrollo (F12) y, en la consola, listar los nombres de los enlaces, por ejemplo con document.querySelectorAll('a') y su textContent, o revisar el campo Nombre en el panel Accesibilidad.
  2. Buscar textos genéricos repetidos con destinos (href) diferentes.

Validación automática

  1. WAVE muestra la alerta «Suspicious link text» para algunos textos genéricos, y la auditoría SEO de Lighthouse sobre textos de enlace poco descriptivos puede avisar de otros, pero sus listas de palabras son limitadas.
  2. axe DevTools solo comprueba que el enlace tenga nombre (link-name), no que sea descriptivo: este fallo requiere revisión manual.

Errores frecuentes en auditorías

  • Tarjetas de noticias o de producto con un botón visual «Leer más» o «Ver más» repetido en todas ellas.
  • Enlaces «aquí» o «este enlace» en medio de un párrafo («para pedir cita pulse aquí»).
  • Completar el texto con un title, que la mayoría de lectores de pantalla no anuncia de forma fiable y no aparece en la lista de enlaces.
  • Usar aria-label con un texto que no contiene el visible («Leer más» con aria-label="Ayudas al alquiler"), lo que además incumple el criterio 2.5.3.

Técnica completa: traducción al español del texto del W3C

Aplicabilidad

HTML

Descripción

Este fallo describe una situación habitual en la que se usan enlaces como «click here» (haga clic aquí) o «more» (más) como elementos de anclaje cuando se necesita el texto circundante para entender su propósito y no existe ningún mecanismo que permita aclarar el destino por sí solo, como un botón para expandir el texto del enlace.

Muchas personas ciegas que usan lectores de pantalla abren un cuadro de diálogo con la lista de enlaces de la página. Usan esa lista de enlaces para decidir a dónde ir. Pero si muchos de los enlaces de esa lista dicen simplemente «click here» o «more», no podrán usar esa función de su lector de pantalla, que es una estrategia de navegación fundamental. Por eso es un fallo del criterio de conformidad 2.4.9 Propósito de los enlaces (sólo enlaces) no proporcionar ninguna forma de que conozcan el destino únicamente a partir del texto del enlace. Lo mismo ocurre con las personas que recorren los enlaces con el tabulador. Si todo lo que oyen al tabular por el documento es «click here, click here, click here, etc.», se confundirán.

Ejemplos

<a href="file110.html">Click here</a> for more information on the Rocky Mountains.
<h2>News headlines</h2>
<p>Bishops Tickle Darwin's Monkey Theory</p>
<a href="btdmt.html">read more</a>

Pruebas

Procedimiento

  1. Examinar cada enlace de la página.
  2. Comprobar si tiene un texto de enlace poco descriptivo, como «click here» (haga clic aquí) o «more» (más), cuyo propósito puede determinarse a partir del texto circundante pero no únicamente a partir del texto del enlace.
  3. Comprobar si existe en la página un mecanismo que convierta todos los enlaces poco descriptivos de la página en enlaces descriptivos.

Resultados esperados

  • Si la comprobación n.º 2 es verdadera Y la comprobación n.º 3 es falsa, se da esta condición de fallo y el contenido falla el criterio de conformidad.

Cómo lo comprobamos en ADDAW

Este fallo es uno de los que buscamos en cada auditoría de accesibilidad de ADDAW: lo documentamos con capturas y el código afectado, indicamos el criterio que incumple y la técnica suficiente con la que se corrige. Los informes siguen la metodología del Observatorio de Accesibilidad y la norma UNE-EN 301 549.

Solicitar una auditoría

Fuente y licencia

Traducción al español, no oficial, realizada por ADDAW a partir de la técnica F84 del documento «Techniques for WCAG 2.2» del W3C (versión del repositorio público del W3C a 22/10/2026). Copyright © W3C® (MIT, ERCIM, Keio, Beihang). Se publica conforme a la licencia de documentos del W3C. El texto normativo de referencia es el original en inglés; si detecta un error en la traducción, escríbanos.

Financiado por la unión europea Gobierno de españa red.es Plan de recuperación transformación y resilencia kit digital