Le sélecteur de langue permet à l’utilisateur de choisir la langue dans laquelle est affichée le contenu du site, si celui-ci est disponible en plusieurs langues.
Documentation<nav role="navigation" class="fr-translate fr-nav" id="translate-7086">
<div class="fr-nav__item">
<button class="fr-translate__btn fr-btn fr-btn--tertiary" aria-controls="translate-7085" aria-expanded="false" title="Sélectionner une langue" id="button-7087">
FR<span class="fr-hidden-lg"> - Français</span>
</button>
<div class="fr-collapse fr-translate__menu fr-menu" id="translate-7085">
<ul class="fr-menu__list">
<li>
<a class="fr-translate__language fr-nav__link" hreflang="fr" lang="fr" href="#" id="language-7088" aria-current="true">FR - Français</a>
</li>
<li>
<a class="fr-translate__language fr-nav__link" hreflang="en" lang="en" href="#" id="language-7089">EN - English</a>
</li>
<li>
<a class="fr-translate__language fr-nav__link" hreflang="es" lang="es" href="#" id="language-7090">ES - Español</a>
</li>
<li>
<a class="fr-translate__language fr-nav__link" hreflang="de" lang="de" href="#" id="language-7091">DE - Deutsch</a>
</li>
</ul>
</div>
</div>
</nav>
<nav role="navigation" class="fr-translate fr-nav" id="translate-7101">
<div class="fr-nav__item">
<button class="fr-translate__btn fr-btn fr-btn--tertiary-no-outline fr-translate__btn fr-btn fr-btn--tertiary-no-outline" aria-controls="translate-7093" aria-expanded="false" title="Sélectionner une langue" id="button-7102">
FR<span class="fr-hidden-lg"> - Français</span>
</button>
<div class="fr-collapse fr-translate__menu fr-menu" id="translate-7100">
<ul class="fr-menu__list">
<li>
<a class="fr-translate__language fr-nav__link" hreflang="fr" lang="fr" href="#" id="language-7103" aria-current="true">FR - Français</a>
</li>
<li>
<a class="fr-translate__language fr-nav__link" hreflang="en" lang="en" href="#" id="language-7104">EN - English</a>
</li>
<li>
<a class="fr-translate__language fr-nav__link" hreflang="es" lang="es" href="#" id="language-7105">ES - Español</a>
</li>
<li>
<a class="fr-translate__language fr-nav__link" hreflang="de" lang="de" href="#" id="language-7106">DE - Deutsch</a>
</li>
</ul>
</div>
</div>
</nav>
<nav role="navigation" class="fr-translate fr-nav" id="translate-7121">
<div class="fr-nav__item">
<button class="fr-translate__btn fr-btn fr-btn--tertiary" aria-controls="translate-7120" aria-expanded="false" title="Sélectionner une langue" id="button-7122">
FR<span class="fr-hidden-lg"> - Français</span>
</button>
<div class="fr-collapse fr-translate__menu fr-menu" id="translate-7120">
<ul class="fr-menu__list">
<li>
<a class="fr-translate__language fr-nav__link" hreflang="fr" lang="fr" href="#" id="language-7123" aria-current="true">FR - Français</a>
</li>
<li>
<a class="fr-translate__language fr-nav__link" hreflang="en" lang="en" href="#" id="language-7124">EN - English</a>
</li>
<li>
<a class="fr-translate__language fr-nav__link" hreflang="es" lang="es" href="#" id="language-7125">ES - Español</a>
</li>
<li>
<a class="fr-translate__language fr-nav__link" hreflang="de" lang="de" href="#" id="language-7126">DE - Deutsch</a>
</li>
<li>
<a class="fr-translate__language fr-nav__link" hreflang="tr" lang="tr" href="#" id="language-7127">TR - Türkçe</a>
</li>
<li>
<a class="fr-translate__language fr-nav__link" hreflang="ro" lang="ro" href="#" id="language-7128">RO - Română</a>
</li>
<li>
<a class="fr-translate__language fr-nav__link" hreflang="el" lang="el" href="#" id="language-7129">EL - Ἑλληνική</a>
</li>
<li>
<a class="fr-translate__language fr-nav__link" hreflang="zh" lang="zh" href="#" id="language-7130">ZH - 國語</a>
</li>
<li>
<a class="fr-translate__language fr-nav__link" hreflang="uk" lang="uk" href="#" id="language-7131">UK - Українська</a>
</li>
</ul>
</div>
</div>
</nav>