TL;DR (Too Long; Didn’t Read... o básicamente: mucho texto, dame el resumen rápido)
Textos genéricos como "Leer más" o enlaces que contienen únicamente un icono SVG impiden que la persona usuaria prevea el destino del enlace cuando navega fuera de contexto (ej. Rotor de Enlaces). Debe existir un propósito programático y visible claro.
La pérdida de autonomía en la navegación
Las personas usuarias de lectores de pantalla habitualmente aíslan la lista de enlaces en una página (presionando Insert+F7 en NVDA/JAWS) para navegar más rápido. Si la lista solo dice "Click Aquí", "Leer más", "Descargar", la persona usuaria se topa con un muro opaco, incumpliendo el criterio de WCAG 2.4.4 Propósito del enlace.
El patrón erróneo: Código Accesible Deficiente
Enlaces visuales dependientes del texto que los rodea o iconos puramente visuales sin descripción alternativa.
<!-- MAL: Destino ambiguo -->
<a href="/docs/resolucion-123.pdf">Descargar</a>
<!-- MAL: Icono vacío y opaco al SR -->
<a href="/perfil">
<svg viewBox="0 0 24 24">...</svg>
</a>La Solución Accesible: Código Recomendado
Inyectar contexto directo en el texto o utilizar atributos ARIA cuando el diseño visual restrinja los caracteres visibles.
<!-- BIEN: Texto nativo robusto -->
<a href="/docs/resolucion-123.pdf">Descargar Resolución 123</a>
<!-- BIEN: Uso de aria-label para parches de diseño -->
<a href="/docs/resolucion-123.pdf" aria-label="Descargar Resolución 123">Descargar</a>Metodología de Verificación y Testing
Pruebas Manuales con Lectores de Pantalla
En NVDA, presionar Insert+F7 para abrir la Lista de Enlaces. Verificar que todos los textos sean descriptivos ("Descargar Resolución 123") y no genéricos ("Descargar", "Leer más"). En VoiceOver (macOS), usar el Rotor (VO+U) para listar todos los enlaces de la página.
Inspección del Árbol de Accesibilidad
En Chrome DevTools, verificar que el Name (Accessible Name) del enlace contenga texto descriptivo. Si se usa aria-label, confirmar que su valor incluya el texto visible del enlace.
Herramientas Automatizadas
Axe DevTools: la regla link-name detecta enlaces sin nombre accesible. La regla image-alt detecta enlaces con iconos SVG sin texto alternativo. Limitación: Ninguna herramienta automatizada puede evaluar si el texto de un enlace es "suficientemente descriptivo"; esto requiere revisión humana contextual.
