Enlaces.
Usar un enlace para navegar a otra URL, descargar un recurso o saltar a una sección.
Cuándo usar
Usar un enlace para navegar a otra URL, descargar un recurso o saltar a una sección.
- Elegir el elemento HTML nativo antes de agregar una primitiva interactiva.
- Mantener el nombre, el resultado y la acción visibles sin depender de un icono.
- Documentar cualquier excepción en el producto consumidor.
Ejemplo visible
Anatomía
| Parte | Contrato |
|---|---|
| 1 | Elemento a con href real |
| 2 | Texto descriptivo |
| 3 | Indicador externo o descarga cuando aplica |
Estados y variantes
| Estado | Comportamiento esperado |
|---|---|
| normal | Subrayado o affordance equivalente |
| visited | Opcional en prosa, nunca en navegación |
| focus-visible | Outline visible |
| current | aria-current y estilo |
| disabled | No existe en a; remover enlace o explicar indisponibilidad |
Accesibilidad
- El destino se entiende fuera de contexto.
- No usar href vacío o javascript.
- El área táctil no depende sólo del glifo.
- Avisar si abre contexto nuevo.
HTML de referencia
<a class="cis-link" href="/docs/contratos/">Ver contratos de distribución</a>Definition of Done
- Ejemplo visible y código copiable coinciden.
- Teclado, foco, nombre accesible y estado fueron probados.
- El componente funciona sin JavaScript o declara una mejora progresiva acotada.
- Los mensajes cumplen core/prosa en modo estricto.
- La promoción registra versión, compatibilidad y prueba de regresión.