Aller au contenu principal
Boletolibre

Bien concevoir le sélecteur de langue d’une page événement

Une personne lit le programme en anglais, choisit Français et arrive sur la page d’accueil générale. Elle perd son contexte. Un bon sélecteur préserve l’événement, son édition et sa tâche.

La rédaction de Boletolibre

Publié

Schéma d’une page événement reliée à la même édition en cinq autres langues, avec repli explicite si une traduction manque.
La bonne destination est la page équivalente du même événement.

Garder le même événement

Associez programme, lieu, FAQ et billets à leurs vraies pages traduites. L’édition, la date et la disponibilité doivent rester cohérentes. L’USWDS recommande une page équivalente et déconseille les impasses.[2]

DépartBonne destinationÀ éviter
Programme 2027Programme 2027 traduitAccueil de la langue
Date limite des billetsMême éditionAncienne offre

Si une traduction manque, expliquez-le et proposez un choix clair. N’envoyez pas silencieusement vers une page générique.

Nommer les langues clairement

Pour six langues, un menu visible et placé de manière constante est pratique. Affichez English, Español, Deutsch, Français, 日本語 et Nederlands. Un drapeau représente un pays, pas tous les locuteurs d’une langue.[1][2]

Donnez au contrôle un nom explicite et indiquez dans le code la langue de chaque libellé étranger.[3]

Vérifier le fonctionnement

Chaque URL choisie doit pouvoir être ouverte et partagée directement. Évitez une redirection forcée selon l’adresse IP ou la langue du navigateur. Proposez des liens vers les versions disponibles.[4]

  • Vérifiez mobile et ordinateur.
  • Testez clavier, focus et lecteur d’écran.
  • Préservez l’édition et les billets.
  • Vérifiez que le corps de la page est traduit.

Documenter les correspondances

Notez URL source, édition, langue cible, page équivalente, date, billets et comportement si la traduction manque. Ouvrez chaque lien sur un vrai événement.

Télécharger la feuille de vérification (CSV)

Sources et lectures complémentaires

  1. Website Language Selector: 15 Examples & Best PracticesWeglot · Consulté
  2. Three or more languagesU.S. Web Design System · Consulté
  3. Language selectorU.S. Web Design System · Consulté
  4. Managing multi-regional and multilingual sitesGoogle Search Central · Consulté