Quels éléments vérifier dans une charte graphique multilingue ?

Pourquoi une charte graphique multilingue ne se limite pas à la traduction

En Suisse, les langues principales se répartissent ainsi : allemand 63 %, français 23 %, italien 8 %, romanche 0,5 %. Selon la même analyse, 64 % des habitants utilisent plusieurs langues chaque semaine, 76 % des utilisateurs préfèrent naviguer dans leur langue maternelle et 40 % éviteront un site mal localisé. Pour une marque publiant en plusieurs langues, le choix de la langue n'est donc pas un confort : c'est un facteur de confiance.

Une charte graphique — aussi appelée brand guidelines ou guide de marque — définit les règles d'usage de l'identité visuelle.

Elle garantit une représentation cohérente par l'équipe interne, les prestataires, les partenaires ou les franchisés. Sans elle, l'identité se dilue avec le temps et les intervenants.

Dans sa définition la plus opérationnelle, elle synthétise les règles graphiques fondamentales. Elle s'applique de façon homogène à tous les supports, quel que soit le nombre de maillons de la chaîne de production.

En version multilingue, elle doit traiter des variables absentes en monolingue : allongement des textes (jusqu'à 40 % pour l'allemand), conventions de dates, devises et unités, placement du sélecteur de langue, structure des URL et balises hreflang. Il ne s'agit pas de traduire le document, mais de fixer pour chaque élément la règle commune et la latitude admise par région linguistique.

Répartition linguistique en Suisse et préférences d'utilisateur

Nom, signature et ton de marque : une voix adaptée par région linguistique

Une charte complète commence par la présentation de la marque : mission et vision, valeurs fondamentales, positionnement sur le marché, ton de voix et personnalité. En multilingue, chaque point se valide langue par langue, car c'est là que se règlent les questions qui bloquent ensuite les équipes : le nom de marque est-il traduit, translittéré ou conservé tel quel ? La signature accompagne-t-elle le logo dans toutes les langues ou seulement dans certaines ?

Le style rédactionnel s'ajuste selon les régions : formel en Suisse romande, plus flexible en Suisse alémanique. Il faut donc documenter, pour chaque langue, les pronoms et formes d'adresse retenus. Préciser aussi le degré de formalité admis sur les réseaux sociaux, dans les e-mails transactionnels et les pages produit. Indiquer les cas où la version italienne ou romanche ne peut pas calquer la structure française ou allemande.

Point de contrôle : faire valider le ton par un locuteur natif de chaque région linguistique avant diffusion et consigner les variantes validées dans la charte. Une signature efficace en français peut devenir trop longue en allemand et déséquilibrer la mise en page. La charte doit préciser si l'on raccourcit, empile ou supprime la signature.

Logo : versions, zones de protection et interdits à décliner

La section logo est souvent la plus détaillée. Elle couvre les versions principale, secondaire, monochrome et inversée, ainsi que la zone de protection (espace minimum autour du logo). Elle fixe aussi les tailles minimales en dessous desquelles il ne faut pas le réduire, les interdits (déformer, changer les couleurs, ajouter des effets) et les placements sur les différents supports.

Le logo doit être décliné en plusieurs formes, couleurs et formats : un favicon ou une image de profil impose un format carré, tandis qu'un logo sur site ou sur document imprimé occupe généralement un format rectangle.

En multilingue, deux vérifications s'imposent. D'abord la longueur des libellés : un logotype horizontal contenant le nom et l'activité doit être testé avec la version allemande la plus longue, aux tailles minimales définies, pour vérifier que la zone de protection reste respectée.

Ensuite les adaptations culturelles. Si le logo contient un signe, un animal ou une référence locale, vérifier qu'il est compris de la même manière dans les quatre régions linguistiques. Ne l'inscrire comme version unique dans la charte qu'après cette validation.

Couleurs : codes exacts, proportions et perception locale

Chaque couleur de la palette est définie par ses codes exacts : hexadécimal pour le web (par exemple #FF5733), RVB pour les écrans (255, 87, 51), CMJN pour l'impression (0, 66, 80, 0) et Pantone pour les impressions spéciales. La charte précise aussi les proportions d'utilisation de chaque couleur et les combinaisons autorisées.

Ces codes garantissent la reproductibilité, pas l'effet perçu. Les visuels doivent être adaptés aux sensibilités locales : une teinte, un contraste ou une association de couleurs qui fonctionne en Suisse alémanique peut être lu différemment en Suisse romande ou au Tessin. La charte doit donc indiquer les combinaisons autorisées pour chaque région linguistique et celles réservées au fond de marque.

Contrôler également la lisibilité des textes posés sur les couleurs de marque. Le contraste doit être suffisant pour l'accessibilité et l'impression. Vérifier aussi le rendu des mêmes codes sur les supports numériques et imprimés de chaque langue. Prévoir une règle claire pour les déclinaisons monochromes lorsque la couleur n'est pas disponible.

Typographie : familles, hiérarchie et expansion des textes

La typographie est définie avec ses usages : une police primaire pour les titres et en-têtes, une police secondaire pour le corps de texte, les tailles recommandées pour chaque usage et les graisses disponibles. Avec le logo et les couleurs, elle fait partie des trois éléments qui rendent une marque reconnaissable.

Le paramètre propre au multilingue est l'expansion : prévoir une marge pour l'allongement des textes, jusqu'à 40 % pour l'allemand. Concrètement, tester les gabarits de mise en page avec les chaînes les plus longues de chaque langue. Utiliser la taille et la graisse définies par la charte. Vérifier les retours à la ligne, les coupures de mots et l'absence de débordement dans les boutons, les bandeaux et les cartes produit.

Autre point à consigner : la couverture des caractères. Les polices retenues doivent afficher correctement les accents du français et de l'italien, les trémas et le ß de l'allemand, ainsi que les signes diacritiques du romanche. Une police primaire qui ne couvre pas ces caractères oblige à prévoir une police de substitution, ce qui doit figurer noir sur blanc dans la charte plutôt que d'être décidé au cas par cas.

Allongement typographique selon les langues (max)

Iconographie et imagerie : symboles, gestes et sensibilités

La charte couvre aussi l'iconographie et les éléments visuels qui accompagnent la marque. Comme pour les couleurs et les photos, les visuels doivent être adaptés aux sensibilités locales : pictogrammes et images retenus passent par une relecture par région linguistique.

Points de contrôle concrets. Les gestes de la main et les postures ne sont pas universels. Les pictogrammes de navigation et d'état (panier, aide, alerte) peuvent varier de sens.

Autres points : les représentations professionnelles, familiales ou religieuses peuvent exclure une partie du public. Vérifier aussi les photos de lieux et de bâtiments si elles représentent « la Suisse » dans une version et une région dans une autre.

La charte doit lister, pour chaque famille d'éléments, ce qui est autorisé, ce qui est à éviter et ce qui doit être validé avant publication. Elle doit aussi préciser si une même image est utilisée dans les quatre versions linguistiques ou si des variantes régionales sont admises, et qui décide en cas de doute.

Formats suisses : dates, devises, unités et chiffres

Les conventions suisses s'appliquent à toutes les versions linguistiques : dates au format JJ.MM.AAAA, montants en CHF 1'234.56 et unités métriques. Ces règles ne découlent pas de la langue mais du marché : sans indication dans la charte, chaque traducteur ou développeur applique par défaut les conventions de son pays de référence.

La charte doit donc fixer une règle unique et l'inscrire dans les gabarits. Elle précise le séparateur de milliers, le séparateur décimal et la position du code monétaire. Elle traite aussi l'écriture des plages de dates et des heures, et les unités de mesure dans les fiches produit et les formulaires. Elle doit aussi prévoir les cas particuliers : montants en devises étrangères, pourcentages, numéros de téléphone et adresses.

Une fois écrites, ces règles doivent être reprises dans les composants techniques (formats de date, formats numériques, validation des formulaires) de manière identique pour le français, l'allemand, l'italien et le romanche. C'est le seul moyen d'éviter qu'une même donnée apparaisse sous deux formes selon la page consultée.

Sélecteur de langue et repères d'interface

Le sélecteur de langue se place dans des zones visibles : en-tête ou pied de page, et sur mobile dans le menu hamburger ; sur desktop, les coins supérieurs gauche ou droit sont les emplacements habituels. Éviter les drapeaux et privilégier des libellés explicites comme Français, Deutsch, Italiano.

Un changement de langue ne doit pas faire perdre à l'utilisateur sa position ni son contexte de navigation. La charte doit donc décrire le comportement attendu : conservation de la page équivalente, sort des paramètres de recherche et de filtres, traitement des pages sans équivalent dans une langue, message affiché lorsqu'une traduction manque.

À vérifier aussi dans la maquette la taille et le contraste du sélecteur par rapport au reste de l'en-tête. Contrôler son comportement au clavier. Vérifier son affichage correct lorsque le libellé de la langue active est le plus long des quatre. S'assurer de sa cohérence avec les autres repères d'interface (menu, fil d'Ariane, boutons) dans toutes les versions linguistiques.

Avantages et risques d’un sélecteur de langue basé sur des drapeaux

Déclinaisons web : URL, hreflang et cohérence multilingue

Sur le web, la structure des URL s'organise par langue (par exemple /fr/, /de/) et les balises hreflang adaptées (fr-CH, de-CH) doivent signaler aux moteurs de recherche la version correspondant à chaque public. Le contenu est optimisé langue par langue, et non produit par traduction automatique de la version principale.

La cohérence graphique entre versions linguistiques repose sur un principe simple : les composants (en-tête, pied de page, boutons, cartes, formulaires) proviennent d'une source unique, seuls les contenus textuels changent. La charte doit indiquer où se trouvent les ressources graphiques et les gabarits. Elle précise comment sont gérées les images contenant du texte : à produire par langue plutôt qu'incrustées. Elle explique comment les règles imprimées se transposent à l'écran (résolution, tailles minimales adaptées aux pixels, déclinaisons monochromes).

Enfin, la charte doit préciser la procédure en cas d'ajout d'une langue : ce qui doit être retesté (sélecteur, hreflang, expansion des textes, formats locaux, ton) et qui valide la mise en ligne.

Checklist finale de validation par support et par langue

Avant diffusion, chaque support est contrôlé sur les mêmes points pour chaque version linguistique. Vérifier la version du logo utilisée, le respect de la zone de protection et des tailles minimales. Contrôler les codes couleurs conformes (hexadécimal, RVB, CMJN, Pantone), les proportions et les combinaisons autorisées. Valider les polices et graisses conformes, le test d'expansion avec les textes les plus longs, les formats suisses (JJ.MM.AAAA, CHF 1'234.56, unités métriques), le ton conforme à la région, les visuels validés, le sélecteur de langue présent et fonctionnel, ainsi que les URL et balises hreflang correctes.

La charte doit désigner un responsable de son application, un responsable de sa mise à jour et un circuit de validation pour les cas non prévus. Elle doit aussi fixer un rythme de révision et un mode de versionnage, pour que les équipes internes et les prestataires travaillent toujours sur la même édition du document.

Pour l'échange avec les prestataires, la règle utile est de joindre systématiquement à chaque brief les éléments concernés de la charte, accompagnés des textes définitifs dans la langue cible. Un support validé dans une langue mais pas dans les autres constitue un point de contrôle à part entière, car c'est souvent là que l'identité visuelle se dilue.