DSFR v1.15.4
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<div id="translate-7185" class="fr-translate fr-nav">
<div class="fr-nav__item">
<button aria-controls="translate-7184" aria-expanded="false" title="Sélectionner une langue" type="button" class="fr-translate__btn fr-btn fr-btn--tertiary">FR<span class="fr-hidden-lg"> - Français</span>
</button>
<div class="fr-collapse fr-translate__menu fr-menu" id="translate-7184">
<ul class="fr-menu__list">
<li>
<a class="fr-translate__language fr-nav__link" hreflang="fr" lang="fr" href="/fr/" id="language-7186" aria-current="true">FR - Français</a>
</li>
<li>
<a class="fr-translate__language fr-nav__link" hreflang="en" lang="en" href="/en/" id="language-7187">EN - English</a>
</li>
<li>
<a class="fr-translate__language fr-nav__link" hreflang="es" lang="es" href="/es/" id="language-7188">ES - Español</a>
</li>
<li>
<a class="fr-translate__language fr-nav__link" hreflang="de" lang="de" href="/de/" id="language-7189">DE - Deutsch</a>
</li>
</ul>
</div>
</div>
</div>
<div id="translate-7198" class="fr-translate fr-nav">
<div class="fr-nav__item">
<button aria-controls="translate-7191" aria-expanded="false" type="button" class="fr-translate__btn fr-btn fr-btn--tertiary-no-outline fr-translate__btn fr-btn fr-btn--tertiary-no-outline">FR<span class="fr-hidden-lg"> - Français</span>
</button>
<div class="fr-collapse fr-translate__menu fr-menu" id="translate-7197">
<ul class="fr-menu__list">
<li>
<a class="fr-translate__language fr-nav__link" hreflang="fr" lang="fr" href="/fr/" id="language-7199" aria-current="true">FR - Français</a>
</li>
<li>
<a class="fr-translate__language fr-nav__link" hreflang="en" lang="en" href="/en/" id="language-7200">EN - English</a>
</li>
<li>
<a class="fr-translate__language fr-nav__link" hreflang="es" lang="es" href="/es/" id="language-7201">ES - Español</a>
</li>
<li>
<a class="fr-translate__language fr-nav__link" hreflang="de" lang="de" href="/de/" id="language-7202">DE - Deutsch</a>
</li>
</ul>
</div>
</div>
</div>
<div id="translate-7216" class="fr-translate fr-nav">
<div class="fr-nav__item">
<button aria-controls="translate-7215" aria-expanded="false" title="Sélectionner une langue" type="button" class="fr-translate__btn fr-btn fr-btn--tertiary">FR<span class="fr-hidden-lg"> - Français</span>
</button>
<div class="fr-collapse fr-translate__menu fr-menu" id="translate-7215">
<ul class="fr-menu__list">
<li>
<a class="fr-translate__language fr-nav__link" hreflang="fr" lang="fr" href="/fr/" id="language-7217" aria-current="true">FR - Français</a>
</li>
<li>
<a class="fr-translate__language fr-nav__link" hreflang="en" lang="en" href="/en/" id="language-7218">EN - English</a>
</li>
<li>
<a class="fr-translate__language fr-nav__link" hreflang="es" lang="es" href="/es/" id="language-7219">ES - Español</a>
</li>
<li>
<a class="fr-translate__language fr-nav__link" hreflang="de" lang="de" href="/de/" id="language-7220">DE - Deutsch</a>
</li>
<li>
<a class="fr-translate__language fr-nav__link" hreflang="tr" lang="tr" href="/tr/" id="language-7221">TR - Türkçe</a>
</li>
<li>
<a class="fr-translate__language fr-nav__link" hreflang="ro" lang="ro" href="/ro/" id="language-7222">RO - Română</a>
</li>
<li>
<a class="fr-translate__language fr-nav__link" hreflang="el" lang="el" href="/el/" id="language-7223">EL - Ἑλληνική</a>
</li>
<li>
<a class="fr-translate__language fr-nav__link" hreflang="zh" lang="zh" href="/zh/" id="language-7224">ZH - 國語</a>
</li>
<li>
<a class="fr-translate__language fr-nav__link" hreflang="uk" lang="uk" href="/uk/" id="language-7225">UK - Українська</a>
</li>
</ul>
</div>
</div>
</div>