Université de Bordeaux

Améliorer l'accessibilité d'un dépliant

septembre 2022

Offre personnalisée

Florine Larroche s’occupe du Pôle Santé Étudiant·e de l’université de Bordeaux et m’a contacté en milieu d’été 2022 pour la refonte d’un dépliant plus accessible. Celui-ci ciblait les étudiant·es handicapé·es qui souhaitent faire les démarches pour obtenir des aménagements pour leurs examens.
Le besoin était double : revoir le graphisme de l’ancien dépliant et réaliser sa version digitale en prenant en compte l’accessibilité technique du pdf (et pas que graphique, on en parle plus bas).

Page de couverture du dépliant. Titre de la couverture "aménagements des examens ou concours, étudiant·e en situation de handicap". En dessous, la photo d'une jeune personne avec un haut jeune regarde vers la droite.

Digital et imprimé

Accessibilité du PDF

Sens de lecture

L'objectif pour l'univers de Université de Bordeaux

Simplifier la lecture en réorganisant la mise en page

Une phase d’analyse était requise pour comprendre l’organisation de l’ancien dépliant. Au niveau du contenu, la partie principale explique les démarches pour obtenir des aménagements d’examens. La partie secondaire comporte tous les contacts utiles aux étudiant·es. Sur l’ancien dépliant, la partie principale se trouvait sur les deux pages internes et se lisait de gauche à droite (chronologie des étapes) et de haut en bas (titre, pictogramme puis informations). Les contacts se trouvaient sur l’arrière de couverture, en petits.

On a réorganisé tout ça d’un coup de baguette magique ! Le contenu principal se fait maintenant en lecture de haut en bas, sur la page de gauche interne, ce qui redonne de la place aux nombreux contacts. Rassembler les titres, pictogrammes et textes du contenu principal permet à l’oeil de mieux circuler et de moins chercher à quoi correspond quelle ligne et pictogramme.

Ci-dessous, l’image de gauche illustre le retravail de l’organisation du sens de lecture. En haut, le 1er schéma montre l’ancien sens, qui consistait en une frise chronologique présentant les démarches à faire. En dessous, le 2e schéma montre le nouveau sens du lecture, de haut en bas.

Explications du sens de lecture de l'ancien dépliant et du nouveau dépliant sous forme de schéma. Intérieur du dépliant. Sur la page de gauche, le titre est "mes démarches", suivie des 4 démarches principales : Téléchargement du dossier, remplissage du dossier, prise de rendez, attente de l'avis médical. Sur la droite, le titre est "mes contacts", suivi d'une liste de contact et de mails.

Accessibilité et inclusivité

Couleurs

Suite à une analyse de la charte graphique de l’Université de Bordeaux, j’ai remarqué que le bleu utilisé en typographie et en fond manquait légèrement de contraste lors de son utilisation avec du blanc. J’ai fait la proposition – qui a été accepté – de le foncer très légèrement pour la page de garde et ainsi, s’assurer d’une meilleure lisibilité des titres. La différence entre les 2 est discrète mais ainsi, le texte blanc vibre moins !

Création du PDF digital

Il était important que le PDF digital soit lisible et compréhensible par un maximum de personnes. L’organisation interne du PDF a été réalisé en prenant en compte les besoins des lecteurs d’écrans. Cela a demandé un balisage des titres, des paragraphes, des listes à puces, de l’ajout des textes alternatifs aux images mais aussi de la vérification de l’ordre de lecture.
Pour être autonome, j’ai fourni une explication à Florine des procédures à suivre pour une future mise à jour :). L’objectif est de rester alerte aux retours des étudiant·es, pour améliorer au fil de l’eau.

3 extraits de la notice accessibilité pdf.

Le retour de Florine Larroche

Très professionnel et d’une grande efficacité, la collaboration avec Jojo sur la refonte d’un flyer davantage accessible et lisible a été une totale réussite.

dépliant ouvert posé sur un fond bleu cyan, on voit la couverture et l'arrière de couverture. Titre de la couverture "aménagements des examens ou concours, étudiant·e en situation de handicap". En dessous, la photo d'une jeune personne avec un haut jeune regarde vers la droite. Sur l'arrière de couverture, le titre est "mes contacts" suivi d'une liste de mails et de numéro de téléphone