En-tête et pied de page
L’en-tête et le pied de page figurent sur toutes les pages et leur conception est fixe. Sur les appareils mobiles, leur affichage est ajusté.
En-tête
L’en-tête est l’élément déterminant d’un site Internet. Il se compose de l’arborescence de navigation (treecrumb) de l’administration fédérale, de la navigation de service, y compris choix de la langue, de la désignation (logo fédéral et nom de l’unité organisationnelle), de la recherche et de la navigation A-Z. Il se termine toujours par une ligne rouge.
Ces éléments sont soit des éléments de marque, soit des éléments obligatoires. Ils ne doivent pas être modifiés.
L’arborescence de navigation (treecrumb) représente le classement hiérarchique du site Internet au sein de l’administration fédérale. Il permet à l’utilisateur d’accéder directement à des sites Internet d’unités organisationnelles subordonnées. Sur les appareils mobiles il n’y a pas de treecrumb.
Dans la navigation de service, on trouvera des liens d’importance majeure (p. ex. contact, emplois, médias). Idéalement, il convient de fournir trois, mais jamais plus de cinq liens dans la navigation de service. Le contact constitue le minimum. Sur les appareils mobiles, la navigation de service est placée dans le pied de page.
A droite à côté de la navigation de service, on trouve le choix de la langue. Les langues proposées sont indiquées par des codes selon la norme ISO 639-2/3 (p. ex. français = FR, allemand = DE, rhéto-roman = RM, etc.). Sur les appareils mobiles, le choix de la langue est intégré dans une zone située au-dessus de l’en-tête.
Les informations des sites Internet de l’administration fédérale doivent être disponibles dans les langues officielles que sont l’allemand, le français et l’italien. Il est important que les utilisatrices et utilisateurs puissent voir immédiatement dans quelles langues officielles le contenu est accessible. Par conséquent, ces sigles linguistiques apparaissent côte à côte dans l’en-tête de chaque page – alignés à gauche à côté de l’encadré de service. Si le contenu est seulement disponible dans une ou deux langue(s) officielle(s), le sigle de la troisième langue officielle n’est pas actif. Lorsque l’on passe la souris sur le lien (mouse-over), une note est affichée indiquant que le contenu n’est pas disponible dans la langue concernée.
Les sigles des langues RM et EN ne sont affichés que si des contenus sont disponibles dans ces langues.
Les sites Internet disponibles dans plus de cinq langues peuvent afficher les langues supplémentaires dans un menu déroulant. Les sigles des langues nationales doivent toujours être affichés comme liens placés côte à côté.
La désignation, composé du logo fédéral (blason et marque verbale) et du nom de l’unité organisationnelle, est l’élément de marque le plus important. Sur les sites inter-organisationnels et les portails thématiques, le nom de l’unité organisationnelle est remplacé par le titre du site Internet. Pour les appareils mobiles, la marque verbale du logo fédéral peut être omise et le nom de l’unité organisationnelle peut être abrégé. Si le nom est abrégé, il est affiché dans sa totalité dans une zone située au-dessus de l’en-tête.
La fonction de recherche est positionnée comme champ de texte sur le côté droit de l’en-tête, en face de la désignation. Lorsque l’utilisateur clique dans le champ de texte, le champ de texte est agrandi.
Sur les appareils mobiles, la recherche peut être appelée via une icône dans l’en-tête.
En-dessous de la fonction de recherche on trouve la navigation A-Z. Elle représente un accès alternatif aux contenus du site Internet auxquels on peut accéder via un catalogue alphabétique. Sur les appareils mobiles, la navigation A-Z est proposée ensemble avec la fonction de recherche.
L’en-tête est toujours délimité par une ligne rouge. Lorsqu’une navigation globale est utilisée en-dessous de l’en-tête, cette ligne peut indiquer une zone sélectionnée grâce à un marquage en couleur.
Navigation globale
La plupart des sites Internet possèdent une navigation globale (navigation principale) qui est positionnée sous forme d’onglets dans une zone en-dessous de la ligne rouge. La navigation globale représente le niveau le plus élevé de l’architecture d’information. Ici, les principaux thèmes sont accessibles directement. Ils fournissent un aperçu du contenu et de l’objectif du site Internet à l’utilisateur.
Les termes de la navigation globale ne sont pas définis par les lignes directrices web. Ils dépendent des besoins de communication spécifiques de chaque département ou office.
Exceptions
Pour les rubriques suivantes, la désignation et l’ordre dans la navigation globale sont prédéfinis, à condition qu’elles soient utilisées:
«Actualités» (1.), «Services et publication» (2.) et «A propos de nous» (toujours en dernière position).
Les sites Internet peu volumineux peuvent se passer de la navigation globale et se limiter à la navigation dans la colonne de gauche de la zone de contenu.
Pied de page
Dans le pied de page on place des liens importants qui sont ainsi accessibles depuis toutes les pages. Ces liens peuvent mener vers des pages du site Internet actuel, mais aussi faire référence à des contenus externes (p. ex. la présence sur des médias sociaux). Selon les besoins, le pied de page peut être divisé en différents domaines.
Dans la ligne de pied de page, située en-dessous du pied de page, on trouve une note concernant le copyright et des liens vers les «Informations juridiques» et l’«Impressum». La ligne de pied de page est un élément de marque. Son utilisation est obligatoire.
Sur les appareils mobiles, de nombreuses fonctions de l’en-tête (p. ex. la navigation, la navigation de service et le logo fédéral complet) sont déplacés vers le pied de page.