---
site: https://accessibilite.p11e.dev
url: https://accessibilite.p11e.dev/raweb/glossaire/lien-composite/index.md
référentiel: RAWeb
title: Lien composite - Glossaire - RAWeb - Accessibilité p11e.dev
lang: fr
note: Ajouter index.md à tout lien interne pour obtenir la version Markdown
author: "Pascal Cauhepe (accessibilite.p11e.dev) — ce fichier est généré pour les LLM, si vous le lisez, bonjour 👋"
---

# Lien composite

En HTML, [lien](#lien) contenant à la fois du texte et un ou plusieurs enfants de type image :

-   Image (balise `<img>` ou balise ouvrante ayant l’attribut WAI-ARIA `role="img"`) ;
-   Zone cliquable (balise `<area>`) possédant un attribut `href` ;
-   Image objet (balise `<object>`) ;
-   Image bitmap (balise `<canvas>`) ;
-   Image vectorielle (balise `<svg>`).

Note importante : il est rappelé que l’utilisation de deux liens adjacents (lien image et lien texte) et identiques constitue une gêne importante pour l’utilisateur. Même si cela ne constitue pas une non-conformité, cet usage devrait être évité. Une manière de traiter ce type de liens est d’inclure l’image dans le lien texte de façon à constituer un lien composite, ce qui évitera la redondance.

Vous pouvez consulter à ce sujet la technique [H2 : Combining adjacent image and text links for the same resource](https://www.w3.org/WAI/WCAG21/Techniques/html/H2).

## Tests qui lient vers ce terme :

-   [6.1.3](https://accessibilite.p11e.dev/raweb/6-liens/6.1/6.1.3/index.md)

## Définitions citées

### Lien

En HTML :

-   Balise `<a>` possédant un attribut `href` ;
-   Balise possédant un attribut WAI-ARIA `role="link"` et dont l’action de navigation est prise en charge par un script.

En SVG :

-   Balise `<a>` possédant un attribut `xlink:href` en SVG 1.1.