- Regla:
link-name- Gravedad:
- grave
- WCAG:
- 4.1.2 Nombre, función, valor, nivel A (también 2.4.4 Propósito del enlace)
- Casos:
- 15 casos
- Elemento:
- enlaces sociales del pie de página solo con icono, sin texto y sin nombre accesible
Sugerencia de corrección por IA
Los lectores de pantalla anuncian estos enlaces solo como «enlace», así que su destino no se puede saber. Da al enlace un nombre accesible y oculta el icono decorativo:
/* before */
<a class="social-link" href="https://example.com/rss">
<svg class="icon"></svg>
</a>
/* after */
<a class="social-link" href="https://example.com/rss" aria-label="RSS">
<svg class="icon" aria-hidden="true" focusable="false"></svg>
</a>