Bascule de langue
<gcds-lang-toggle>

Autres noms : commutateur de langue, sélecteur de langue.

La bascule de langue est un lien menant vers le même contenu dans l'autre langue officielle.

• Requis sur Canada.ca
• Requis sur les sites du GC

• GitHub
• Figma

Créer une bascule de langue

Utilisez une bascule de langue pour que les gens puissent passer d’une langue à l’autre sans que cela ne les détourne de leur parcours.

Placez la bascule de langue en haut à droite de l’en-tête. Cet emplacement prévisible la rendra plus facile à trouver.

Codage et accessibilité de la bascule de langue

• Utilisez href-attribute pour définir l’URL de la page dans l’autre langue officielle.
• Paramétrez l’attribut lang de façon à ce que la bascule de langue indique en sur la page en langue française et fr sur la page en langue anglaise.

Remarque : Si vous utilisez le composant En-tête, la bascule de langue peut être définie à l’aide de l’attribut lang-href.

Obtenez votre code

Générez une version du composant dont vous avez besoin en sélectionnant les propriétés de code correspondantes ou explorez les possibilités en choisissant différentes valeurs de code.

1. Choisissez des valeurs de code pour obtenir l'élément que vous voulez.

2. Obtenez le code et intégrez-le dans votre environnement.

3. Ajoutez tout contenu nécessaire au composant (comme le texte du libellé).

Remarque : Conformément à la pratique courante, le générateur de code utilise l'anglais pour tous les éléments de code.