Choix de la langue

Chercher

Chercher

Zone d’en-tête

Navigation accessible

La navigation accessible est placée directement après la balise <body>. Elle est nécessaire pour offrir aux utilisateurs un accès rapide à certains services grâce à des raccourcis clavier. La navigation accessible n’est pas visible.

Remarque: Selon le navigateur utilisé, les liens d'accessibilité dans l'example s'affichent seulement après avoir appuyé tab plusieurs fois. Ceci est dû au fait que la page webguidelines utilise une navigation accessible elle-même.

<ul class="access-keys">
	<!-- Link to home page -->
	<li><a href="index.html" accesskey="0">Homepage</a></li>
	<!-- Link to main navigation -->
	<li><a href="#main-navigation" accesskey="1">Main navigation</a></li>
	<!-- Link to page content -->
	<li><a href="#content" accesskey="2">Content</a></li>
	<!-- Link to contact page -->
	<li><a href="contact.html" accesskey="3">Contact page</a></li>
	<!-- Link to sitemap page or page area -->
	<li><a href="sitemap.html" accesskey="4">Sitemap</a></li>
	<!-- Link to search field -->
	<li><a href="#search-field" accesskey="5">Search</a></li>
	<!-- Other smart links can be added for main website functionalities -->
</ul>

Navigation de service

CD

La navigation de service est placée en haut à droite de l’en-tête, à côté du choix de la langue, et comporte des liens d’importance majeure (p. ex. Contact, Emplois, Médias). Il convient idéalement de fournir trois, mais jamais plus de cinq liens dans la navigation de service.

Sur les smartphones, la navigation de service est placée dans le pied de page.

Services navigation

Choix de la langue

CD

Grâce au choix de la langue, on peut changer la langue du site Internet actuel. Il affiche droite de l’en-tête toutes les langues disponibles avec les abréviations à deux caractères selon la norme ISO 639-2/3 (p. ex. français = FR, allemand = DE, etc.).

Règles pour la navigation dans les diverses langues:

  • Les langues DE, FR et IT sont obligatoires. Elles sont affichées sur toutes les pages. Cela également lorsque le contenu est uniquement disponible dans une de ces langues.
  • Les langues RM et EN ne sont affichées que si des contenus sont disponibles dans ces langues.
  • La langue active est marquée avec un fond gris clair.
  • Les langues inactives apparaissent dans une police gris clair.
  • Les sigles sont placés côte à côte dans l’en-tête sur tous les périphériques de sortie.
  • Il est interdit de placer le choix de la langue dans un menu déroulant.
  • Les pages qui ne sont pas traduites peuvent être affichées comme étant disponibles dans une autre langue.

Ces règles s’appliquent également aux smartphones.

Sur les smartphones, le choix de la langue est intégré dans une zone située au-dessus de l’en-tête. Dès que l’on fait défiler la page vers le bas, cette zone est masquée. Lorsque l’on fait défiler la page tout en haut, la zone avec le choix de la langue réapparaît.

Language selection

Thèmes A-Z

CD

Les «Thèmes A-Z» représentent un accès alternatif aux contenus du site Internet. Les sous-thèmes du site Internet peuvent être sélectionnés parmi un catalogue trié par ordre alphabétique.

Les «Thèmes A-Z» sont placés dans la zone de droite de l’en-tête. Lorsque l’on clique dessus, un flyout s’ouvre, contenant une navigation avec des onglets de A à Z. Les thèmes peuvent être regroupés dans d’autres onglets, p. ex. par unités organisationnelles.

Sur les smartphones, la navigation A-Z est appelée, ensemble avec la recherche, via une icône dans l’en-tête. La subdivision d’une rubrique «Thèmes A-Z» dans des zones accessibles via une navigation par onglets est déconseillée.

Arborescence de l’administration fédérale

CD

L'arborescence de l'administration fédérale (treecrumb) classe le site Internet actuel dans le contexte de tous les sites Internet de l’administration fédérale. Elle sert par ailleurs à une délimitation efficace entre départements. Elle commence par «Le Conseil fédéral».

Lorsqu’elle est fermée, elle représente sous forme de chemin (fil d’Ariane) le classement du site Internet au sein de l’organisation de l’administration fédérale. Un clic sur l’un des niveaux hiérarchiques permet d’ouvrir un menu qui répertorie un certain nombre de liens connexes au niveau hiérarchique sélectionné.

Sur les smartphones, elle n’existe pas.