Modèle de document pour concevoir une notice d'accessibilité éditoriale

Lorsque des copier/coller sont effectués depuis une source externe comme un document Word ou un contenu reçu par email, se servir des fonctionnalités prévues dans l'outil de publication. Ceci permettra notamment de partir sur de bonnes bases pour les recommandations suivantes.

Utiliser la fonction « Coller du texte Word » pour copier/coller un contenu depuis un document Word, cela permettra de conserver la graisse, la mise en forme des listes, etc.

Utiliser la fonction « Coller du texte simple » pour copier/coller depuis toutes les autres sources (email, page web, etc.).

La justification du texte est mal gérée sur le web et entraîne parfois des difficultés de lecture. Privilégier l'alignement à gauche ou à droite.

Une solution simple pour garantir l'absence de justification est de désactiver cette fonctionnalité, directement dans l'outil de publication utilisé. Dans ce cas, supprimer cette recommandation du document fourni aux contributeurs éditoriaux.

De manière générale, les sauts de lignes multiples utilisés pour forcer l'espacement de deux éléments dans les contenus sont à éviter. Ils sont susceptibles de perturber la lecture pour les utilisateurs de lecteurs d'écran.

Privilégier les fonctionnalités disponibles dans l'outil de publication pour gérer les espacements entre les éléments.

Supprimer le paragraphe précédent si l'outil de publication utilisé ne propose pas ces fonctionnalités.

Les styles « Petite marge basse » et « Grande marge basse » permettent d'appliquer des marges basses de différentes tailles aux éléments.

L'intitulé d'un lien, c'est le texte du lien tel qu'il est affiché à l'écran. Dans la mesure du possible, proposer des intitulés clairs et explicites, c'est-à-dire des liens qui peuvent être compris même si l'intitulé est lu indépendamment du texte qui l'entoure.

Les liens du type « cliquez ici », « en savoir plus » ou « lire la suite » sont donc à proscrire au profit de liens plus parlants comme « Déclaration de Monsieur Martin (lire la suite) », « En savoir plus sur le contrat Avidéa » ou encore « Découvrez l'offre de bienvenue ».

Lorsque des liens qui permettent de télécharger directement des fichiers sont insérés dans les contenus, les informations suivantes doivent être intégrées dans l'intitulé du lien :

• le titre du document ;
• le format du document ;
• le poids du document ;
• la langue du document (si celle-ci est différente de la langue principale de la page).

L'outil de publication ajoute automatiquement le poids et le format des fichiers qui y sont publiés. Pour les documents internes vérifier simplement l'affichage de ces informations à la publication des contenus.

Supprimer le paragraphe précédent si l'outil de publication utilisé ajoute automatiquement dans l'intitulé des liens le poids et le format des fichiers qui sont publiés.

Par exemple, si un lien « Catalogue des Presses » pointe vers un fichier PDF de 2,58 ko, l'intitulé du lien doit être optimisé tel que « Catalogue des Presses (PDF, 2,58 ko) ».

D'autre part, un lien « Rapport annuel » vers un fichier du même type devra être optimisé tel que « Annual report (PDF, 6 Mo, en anglais) ».

Parfois, au clic sur certains liens, une nouvelle fenêtre du navigateur est ouverte. Sur ce type de liens, une mention du type « (nouvelle fenêtre) » doit être ajoutée pour prévenir l'utilisateur.

Par exemple, si un lien « Donnez votre avis » déclenche l'ouverture d'une nouvelle fenêtre, deux approches sont envisageables :

1. Modifier directement l'intitulé du lien par « Donnez votre avis (nouvelle fenêtre) ».
2. Conserver l'intitulé du lien « Donnez votre avis » et ajouter un titre de lien qui prendra la forme d'une infobulle « Donnez votre avis (nouvelle fenêtre) » (cf. recommandation suivante).

Il est possible que cette mention ou qu'un pictogramme s'ajoute automatiquement aux liens lorsque les contributeurs choisissent d'ouvrir une nouvelle fenêtre.
Le cas échéant, supprimer cette recommandation.

Lors de l'ajout d'un lien, il est possible de renseigner un titre de lien à l'aide de la fonctionnalité prévue par l'outil de publication. Ce titre de lien prendra la forme d'une infobulle qui apparaîtra au survol du lien.

Lors de la création d'un lien dans l'outil de publication, une fenêtre « Insérer/modifier un lien » permet de renseigner le titre d'un lien dans le champ « Titre ».

Préciser dans cet encart la ou les fonctionnalités permettant de renseigner les titres de liens.

Il faut limiter au maximum l'utilisation de ces « titres de liens » car dans certains contextes, les utilisateurs ne pourront pas les afficher ou y accéder (écrans tactiles, navigation au clavier, certains lecteurs d'écran, etc.). Ils ne sont donc à utiliser qu'en dernier recours, lorsqu'il n'est pas possible de rendre un intitulé de lien totalement explicite.

Par exemple, dans le cas où un lien « Nous contacter » déclencherait l'ouverture d'une nouvelle fenêtre, renseigner le titre de lien tel que « Nous contacter (nouvelle fenêtre) ».

Dans ce contexte, il ne faut rédiger aucun texte de remplacement.

Le champ est donc à laisser vide.

Dans ce contexte, il faut rédiger un texte de remplacement.

Ce texte doit reprendre une information égale ou équivalente à celle véhiculée par l'image, sans perte ou déformation de la signification de l'image.

Dans le cas de l'image ci-dessus, un texte de remplacement adapté serait « Hautes Tensions, Parc de la Villette, du 11 au 22 avril 2012. ».

Dans ce contexte, il faut rédiger un texte de remplacement.

Ce texte doit permettre à l'internaute de connaître la fonction et la destination du lien.

Dans le cas de l'image-lien ci-dessus, un texte de remplacement adapté serait « Réserver un billet pour le festival Hautes Tensions (du 11 au 22 avril 2012 au Parc de la Villette) ».

Remarque : une image et du texte dans un même lien

Dans le cas où une image et du texte sont présents dans un même lien, le texte de remplacement de l'image ne doit pas rappeler les informations déjà précisées dans l'intitulé du lien.

Dans le cas de l'image ci-dessus, un texte de remplacement vide sera adapté.

Attention
Il est contreproductif de commencer le texte de remplacement par des expressions du type « Ouvrir la page des actualités ». Un texte de remplacement du type « Actualités » suffit.

Pour ce type d'images, il faut rédiger :

• un court texte de remplacement ;
• une description détaillée, disponible sous l'image ou sur une autre page.

Le court texte de remplacement doit :

• décrire brièvement la fonction de l'image ;
• indiquer où se trouve la description détaillée.

Dans le cas de l'image complexe ci-dessus, un court texte de remplacement adapté serait « Calendrier global du projet Roissy-Picardie (description détaillée ci-après). ».

Remarque : comment rédiger une description détaillée
Pour en savoir plus sur la manière de rédiger une description détaillée pour ce type d'images, se référer à la recommandation Associer une description détaillée aux images complexes et autres contenus riches (graphiques, cartographies, plans, animations Flash, etc.).

Quelques exemples▲

Même lorsqu'elles sont en capitales, les lettres doivent être accentuées. Cela permet notamment un meilleur rendu audio par les synthèses vocales.

La fonction « Insérer un caractère particulier » permet d'insérer des caractères particuliers dans les contenus.

Préciser dans cet encart la méthode utilisée permettant d'insérer des lettres capitales accentuées.

Lorsque des abréviations dont la signification n'est pas immédiatement évidente sont utilisées dans les contenus, leur forme déployée doit être exprimée à chaque première utilisation dans la page.

Ainsi, à la première occurrence, plutôt que d'écrire « L'augmentation du CA ces trois dernières années […] », privilégier « L'augmentation du Chiffre d'Affaires (CA) ces trois dernières années […] ».

Plus tard dans la page, lorsqu'il sera à nouveau question du Chiffre d'Affaires, l'expression « CA » pourra être utilisée seule.

Attention
Lorsque des termes sont plus utilisés sous leur forme abrégée, il est recommandé de ne pas renseigner leur forme déployée. Ainsi, pour un usage courant, il est contre-productif de renseigner la forme déployée de CAC 40, SMS, SNCF ou encore « etc. ».

Lorsque des citations sont proposées dans les contenus, utiliser les fonctionnalités prévues dans l'outil de publication plutôt que par exemple de simples paragraphes entourés de guillemets. Cela permettra d'annoncer la présence d'une citation aux aides techniques comme les plages braille ou les synthèses vocales.

Deux types de citations sont à distinguer :

• les citations en ligne, qui viennent s'insérer au sein d'une phrase ou d'un paragraphe ;
• les blocs de citations, qui forment des blocs isolés et qui peuvent être lus en dehors de leur contexte.

Le bouton « Bloc de citation » permet de transformer un texte sélectionné en bloc de citation.

L'outil de publication utilisé ne permet pas de déclarer les citations en ligne : les guillemets seuls sont donc à utiliser.

Préciser dans cet encart la ou les fonctionnalités permettant de déclarer les citations en ligne et/ou les blocs de citations.
Supprimer cette recommandation si l'outil de publication utilisé ne propose pas ces fonctionnalités.

Attention
Les citations et blocs de citations ne doivent être utilisés que pour mettre en avant des citations. Il est par exemple important de ne pas s'en servir simplement pour mettre des portions de texte en italique ou obtenir un effet de retrait visuel.

De manière générale, veiller à utiliser la même langue pour l'ensemble des contenus.

Dans les cas particuliers où des portions de textes sont rédigées dans une langue différente de celle du reste de la page, utiliser les fonctionnalités prévues dans l'outil de publication pour déclarer le changement de langue.

La fonction « Langues » de l'outil de publication utilisé permet de signaler les expressions écrites dans une langue différente de la langue principale.

Préciser dans cet encart la fonctionnalité permettant de déclarer les changements de langue.
Supprimer cette recommandation si l'outil de publication utilisé ne propose pas ces fonctionnalités, et demander de limiter l'utilisation de termes en langues étrangères.

Si l'on se base uniquement sur la couleur, la forme ou la position d'un élément pour l'identifier alors certains utilisateurs ne pourront pas le situer dans la page.

Remplacer par exemple.

• « Cliquer sur le bouton rond » par « Cliquer sur le bouton Confirmer ».
• « Plus d'informations dans l'encart de droite » par « Plus d'informations dans l'encart de droite (Le contrat Avidéa) ».

De manière générale, et dans un souci de cohérence visuelle pour l'utilisateur, les couleurs proposées par défaut dans la charte graphique ne doivent pas être modifiées. C'est-à-dire qu'il suffira souvent de laisser l'outil de publication se charger de traiter les styles qui seront automatiquement appliqués aux contenus lors de l'affichage des pages.

Cependant, il peut parfois être utile de définir des couleurs personnalisées directement dans les contenus. Dans ces situations, il faut alors veiller à conserver un contraste optimal entre la couleur du texte et la couleur d'arrière-plan.

Astuce
En cas de doute sur un contraste, c'est probablement que ce contraste est insuffisant, il ne faut alors pas hésiter à le renforcer.

D'autre part, lorsqu'ils sont intégrés dans des images ou des contenus riches comme des animations, une attention doit également être apportée aux contrastes des textes avec leurs couleurs d'arrière-plan.

Attention
Si des images ou des contenus riches comportant des textes insuffisamment contrastés sont fournis pour publication, un retour doit être effectué auprès de la personne qui a fourni ces éléments afin d'en obtenir une nouvelle version optimisée.

Ne pas se baser uniquement sur la couleur pour transmettre un message, mais utiliser d'autres moyens que la couleur ou un moyen parallèle, aussi bien dans les textes que dans les images ou les contenus riches.

Astuce
Pour tester ce point, une première étape est par exemple de s'imaginer la page imprimée en noir et blanc afin de vérifier que l'ensemble des informations reste compréhensible.

Sur le premier exemple, l'information du camembert n'est disponible que par l'association de couleurs, la seconde version permet d'être compréhensible même en l'absence de couleurs.

Attention
Si des images ou des contenus riches comportant des informations véhiculées uniquement par la couleur sont fournis pour publication, un retour doit être effectué auprès de la personne qui a fourni ces éléments afin d'en obtenir une nouvelle version optimisée.

Parfois, certaines images ou contenus riches complexes véhiculent tellement d'informations qu'il est nécessaire de prévoir en parallèle une description détaillée. C'est souvent le cas par exemple pour les graphiques ou les animations informatives.

Dans ces situations, une description textuelle détaillée doit être rédigée. Cette dernière doit véhiculer une information identique ou équivalente à celle véhiculée par l'image ou le contenu riche complexe. Elle doit être disponible soit depuis la même page, soit sur une autre page grâce à un lien disponible à proximité de l'image ou du contenu riche.

Attention
Si des images complexes ou autres contenus riches sont fournis pour publication sans qu'une description détaillée ne soit prévue, un retour doit être effectué auprès de la personne qui a fourni ces éléments afin que cette description soit récupérée.

Pour des animations ou tout autre contenu en mouvement, un moyen de mettre en pause et de relancer le mouvement doit toujours être proposé à l'utilisateur.

Attention
Si des animations ou des contenus en mouvement sont fournis pour publication sans qu'un système de mise en pause ne soit prévu, un retour doit être effectué auprès de la personne qui a fourni ces éléments afin que ce système soit rajouté.

Pour qu'une vidéo publiée soit accessible, les éléments suivants doivent accompagner cette dernière, par ordre de priorité :

• Une transcription intégrale.
• Des sous-titres.
• Une audiodescription.

L'outil de publication et le lecteur vidéo utilisés permettent la prise en charge de ces trois éléments.

Si nécessaire, mettre à jour le paragraphe précédent pour indiquer les éléments pris en charge par l'outil de publication et le lecteur vidéo utilisés.

La transcription doit restituer avec du texte l'ensemble des informations véhiculées par la vidéo (paroles, messages affichés à l'écran, etc.). La transcription peut être agrémentée d'images si besoin.

Les sous-titres doivent restituer au format texte l'ensemble des contenus audio véhiculés par la vidéo. Ils ne doivent pas être affichés directement dans la vidéo, mais doivent être associées à cette dernière grâce à un fichier texte indépendant (souvent, un fichier .xml ou .srt).

L'audiodescription doit quant à elle compléter la bande son originale. Elle doit restituer au format audio l'ensemble des informations qui sont accessibles seulement par l'image. De même, cette piste audio ne doit pas être intégrée directement dans la vidéo, mais lui être associée par l'intermédiaire d'un fichier audio indépendant (souvent, un fichier .mp3).

Attention
Si des vidéos sont fournies pour publication sans que ces trois éléments ne soient prévus, un retour doit être effectué auprès de la personne qui a fourni ces vidéos afin d'obtenir l'ensemble de ces éléments.

Lors de l'ajout d'une vidéo, l'outil de publication utilisé permet de joindre un fichier de sous-titres, un fichier d'audiodescription et de saisir la transcription.

Préciser dans cet encart les fonctionnalités ou les champs permettant de renseigner la transcription, le fichier de sous-titres et le fichier d'audiodescription.