Charte graphique Web - Charte graphique de la Région wallonne

Règles
Charte graphique Web
Règles à l'usage des sites web wallons
Avril 2013

Règles pour la communication Web en Wallonie – Charte graphique Web
04/2013
Page 2 sur 9
POURQUOI ?
Afin de garantir une cohérence graphique et la « marque » institutionnelle wallonne, il
importe que tout site web wallon respecte une identité graphique minimale.
Ce document va de pair avec la charte ergonomique, il est donc essentiel que ces
deux documents soient considérés comme un ensemble, et que les règles et
recommandations inscrites dans les deux documents soient prises en compte.
QUOI ?
Deux zones de spécifications sont à respecter.
Au niveau de l'en-tête du site
 En-tête en 2 parties :
◦ partie générique pour tous les sites wallons comportant systématiquement
les mêmes liens. Ce « sur-header » contient :
▪ à gauche, des liens vers les sites web de premier niveau institutionnel, à
savoir le Portail de la Wallonie (wallonie.be - obligatoire) et le Portail de la
Fédération Wallonie-Bruxelles (federation-wallonie-bruxelles.be –
obligatoire, sauf cas particulier)
▪ à droite, un lien vers l’Espace Personnel, guichet unique des formulaires de
la Wallonie (espacepersonnel.wallonie.be) – recommandé, et rendu
obligatoire si les matières concernées par le site font appel à des
formulaires intelligents repris dans l’Espace Personnel
▪ au centre, des liens laissés au libre choix du gestionnaire du site, mais
présentant une pertinence de site « coupole », donc de premier niveau
thématique, en relation naturelle avec le site web en question (exemples :
portail des entreprises ; portail de l’environnement ; etc)
Ce « sur-header » est présenté sous forme d’une fine barre horizontale, de
fond noir, dans laquelle les titres des liens sont présentés en lettres capitales,
et en couleur grise (non highlight) et blanche (highlight).
Les fichiers PSD source de ce sur-header sont disponibles à l’adresse
chartegraphique.wallonie.be

Règles pour la communication Web en Wallonie – Charte graphique Web
04/2013
Page 3 sur 9
◦ partie spécifique au site avec
▪ Présence du logo de la Wallonie (coq wallon) – obligatoire. Ce logo est
téléchargeable sur le site http://chartegraphique.wallonie.be/. Ce logo se
trouve à gauche.
▪ Dans le cas où le titre fait explicitement référence à la Wallonie
(comme dans l’exemple ci-dessous), le logo « coq wallon » peut être
présenté sans la mention Wallonie. Dans tous les autres cas, le logo
officiel présente la mention « Wallonie » sous le coq.
▪ Dans le cas où le site en question possède déjà un logo propre, les
deux logos (Wallonie et logo propre) seront présentés côte à côte.
▪ Un titre qui doit posséder un fort contraste et se démarquer des autres
éléments, et qui doit clairement identifier l’objet/objectif du site (p.ex
Portail de la Mobilité) – recommandé.
▪ Selon les fonctionnalités du site, des liens de service qui sont indiqués à
droite, de type Recherche, Plan du site, Changement de langue,
Changement de taille de caractère, Extranet, Partage sur les médias sociaux
... – recommandé.
 Le site affiche dans la barre de navigation un favicon à l'image du Coq wallon. Ce
favicon est téléchargeable sur http://chartegraphique.wallonie.be/ -
recommandé, sauf si la stratégie de communication spécifique autour du site
préconise de communiquer sur le logo spécifique du service ou de l’OIP.

Règles pour la communication Web en Wallonie – Charte graphique Web
04/2013
Page 4 sur 9
Au niveau du pied de page du site
 Pied de page en 2 parties :
◦ recommandé (au-dessus) : partie spécifique au site avec
▪ Des hyperliens vers des sites généraux de la Wallonie, pertinents pour
l’utilisateur du site spécifique visité (site du Gouvernement, site du Plan
Marshall 2.Vert, site Recrutement, etc)
▪ Des hyperliens vers des sites serviciels de la Wallonie, pertinents pour
l’utilisateur du site spécifique (Trafiroutes, Wallangues, etc)
▪ Une zone de contact reprenant les coordonnées de l’éditeur responsable du
site (la Direction générale en charge, dans la plupart des cas), le numéro du
Téléphone Vert, les coordonnées des Espace Wallonie ; ainsi que tout autre
instrument de contact du site (newsletter, médias sociaux, helpdesk
spécifique, etc)
◦ obligatoire (en-dessous) : partie générique pour tous les sites wallons
comportant systématiquement
▪ le logo de la Wallonie (coq wallon) miniature. Ce logo est téléchargeable sur
le site http://chartegraphique.wallonie.be/
▪ l’indication des mentions suivantes :
▪ Un titre qui doit posséder un fort contraste et se démarquer des autres
éléments, et qui doit clairement identifier l’objet/objectif du site (p.ex Portail
de la Mobilité) – recommandé.
 Mentions légales
 Médiateur
 Vie privée
 Accessibilité (et logo Anysurfer si site labellisé)
▪ Des liens vers les médias sociaux liés au site (Facebook, Twitter, flux RSS,
Flickr, YouTube, etc). Ces liens sont optionnels.

Règles pour la communication Web en Wallonie – Charte graphique Web
04/2013
Page 5 sur 9
De manière générale,
Les responsables de site s’assureront de respecter, au-delà des éléments fixés ci-
dessus, un « air de famille » sur l’ensemble des sites web de la Région wallonne, en
prenant en compte le travail réalisé sur le Portail de la Wallonie (wallonie.be).
Liberté est laissée aux graphistes et responsables de communication sur la meilleure
manière de mettre en avant les spécificités du thème ou du métier mis en avant ; tout
en gardant en tête qu’il est essentiel que l’usager comprenne immédiatement qu’il
visite un site internet de la Wallonie.
Dans les briefings aux graphistes, et aux agences de communication tout
particulièrement, cette charte graphique, et la référence au Portail de la Wallonie
(wallonie.be) devront explicitement être fournies.