CHARTE GRAPHIQUE ET ACCESSIBILITÉ
Refonte du site et du logo :
Notre démarche pour plus d’accessibilité
Contexte et objectifs
Hébergeur du site Internet
La refonte et le changement du site internet et du logo pour l’AFERTES s’inscrit dans un cadre plus large de renouvellement de la communication externe de l’école.
A ce titre, c’est tout d’abord le site internet de l’AFERTES qui a été perçu comme une faiblesse : informations peu claires, habillage graphique obsolète, chemins d’accès aux informations (trop) sinueux. Un travail qui mis en parallèle avec une réflexion supplémentaire sur ses niveaux d’accessibilité. Si l’envie de renouveler le site internet s’est imposée d’elle-même, il s’est avéré nécessaire de refondre notre logo.
Les besoins de refonte du logo et du développement d’un nouveau site internet devaient répondre aux objectifs suivants, identifiés en interne de l’AFERTES par la commission communication :
• « Dépoussiérer » une image vieillotte et située de l’AFERTES
• Permettre une meilleure visibilité de l’école et de son offre de formation dans un contexte concurrentiel
• Faciliter la mise en avant de nos produits de formation en simplifiant la mise à disposition des informations nécessaires à la prise en charge des dites formation pour les candidat·es intéressé·es
• Visibiliser les productions des étudiant·es en formation et des chercheur·ses associé·es à l’école
• Visibiliser les événements culturels ou sociaux portés par l’AFERTES ou ses étudiant·es
• Avoir une réflexion sur ses niveaux d’accessibilité
Et plus spécifiquement pour le logo :
• S’appuie fortement sur le nom de l’école : AFERTES
• Sans trop d’éléments chromatiques, au mieux une seule couleur, voire en noir et blanc
• Sans trop d’éléments graphiques, ou alors si ça inscrit le logo dans une logique dynamique
• Possibilités de jouer avec les lettrages (par exemple un A plus gros si ça semble pertinent) en privilégiant les minuscules aux majuscules.
• Idéalement, permettre la possibilité d’une déclinaison du logo par espace de l’école (par exemple : AFERTES – Centre de Ressources Documentaires, AFERTES – Département de formation continue, etc.)
Processus de création du Logo
• Colorimétrie : Choix du bleu (en graphisme couleur associée à la sérénité et à la solidité). A l’avantage de passer les modes (actuellement le rose pour les start-ups, le vert dans le green-washing ou le orange pour le commerce) et d’être très facilement assimilé aux institutions du travail social. Dans le cadre du logo de l’AFERTES, il a été choisi d’utiliser une déclinaison du bleu d’Arras (sur les faïenceries) qui permet un contraste fort dans le cadre d’impression ou d’accessibilité des supports.
• Police : Choix d’une police sans empattements (sans serif) type Futura, plus adaptée aux caractères choisis et facilitant la visibilité sur l’ensemble des supports potentiels (ordinateurs, smartphones, papiers, panneaux) et évitant les bavures d’encrage.
• Caractères : Choix de majuscules pour faciliter la lecture et par norme d’écriture (il s’agit d’un sigle)
• Inscription : Il est choisi de s’inscrire dans l’histoire de l’AFERTES en conservant le A gonflé et exagéré de l’ancien logo comme point de repère visuel.
• Élément graphique : Choix de ne pas intégrer d’éléments graphique dans le logo sauf s’ils insufflent une dynamique suffisante. En effet, un élément graphique peut rapidement surcharger un logo et rendre difficile sa visibilité et in fine son accessibilité à tous les publics.
• Déclinaison : Il existe dans le logo un espace permettant de décliner le logo selon les besoins spécifiques de l’institution (exemple : AFERTES – Centre de ressources documentaires).
Pour conclure sur le symbolisme de ce logo :
• Élément graphique du A pour faire le lien entre l’ancien et le nouveau logo
• Le bleu d’Arras pour l’ancrage territorial du centre de formation
• La plume pour signifier notre volonté de redéfinir le travail social et le métier d’éducateur
• L’écriture inclusive de la punchline « Former les travailleurs·ses sociaux·ales d’aujourd’hui et de demain » pour notre attachement au concept d’inclusion.
Peu d’éléments graphiques pour favoriser l’accessibilité
Processus de création du Site internet
Conformément au cahier des charges, l’accessibilité du site a été prise en compte tout le long de la construction du site :
• Contraste des couleurs adaptés,
• Navigation facilitée,
• Images avec des textes alternatifs et des descriptions,
• Des liens explicites avec un intitulé,
• Une hiérarchie claire des titres pour chaque page.
Le site acessibe.com montre que le site afertes.org est « semi-compliant » avec les normes d’accessibilité des sites internet.
Pour améliorer l’accessibilité du site afertes.org, un investissement dans un thème et des plugins payants sera étudié à terme.
