Notice d`accessibilité éditoriale (modèle)
Contents
1. Remarque 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 Nous contacter Nous contacter nouvelle fen tre 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 Page 10 29 h Attention Dans le cas o un titre de lien est renseign il doit obligatoirement reprendre une information identique ou quivalente l intitul du lien tout en y rajoutant une information suppl mentaire C est dire que e Letitre de lien ne doit pas tre une simple copie de l intitul du lien e Letitre de lien ne doit pas seulement contenir les informations compl mentaires Par exemple un lien Actualit s avec pour titre de lien Nouvelle fen tre ou Actualit s serait proscrire Tandis qu un lien Actualit s avec pour titre de lien Actualit s nouvelle fen tre serait adapt Page 11 29 4 Utiliser les images de mani re accessible Lors de l insertion d images dans les contenus il peut tre n cessaire de leur associer un texte de rempla2. Page 26 29 8 2 V rifier la possibilit de mettre en pause les contenus en mouvement 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 VOTRE TER ARRIVE SUR BLACKBERRY Era Sur cette animation un bouton permet de mettre en pause le d filement des images 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 8 3 Savoir g rer les vid os accessibles transcription sous titres et audiodescription Pour qu une vid o publi e soit accessible les l ments suivants doivent accompagner cette derni re par ordre de priorit 1 Une transcription int grale 2 Des sous titres 3 Une audiodescription L outil de publication et le lecteur vid o utilis s permettent la prise en charge de ces trois l ments Page 27 29 y P personnaliser 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 Transcription VID O Didier DEMATONS interrog par l OCIRP e is Auteur et r alisateur du film documentaire Seuls du jour a lendemain par l OCIRE Extrait du film documentaire Seu
3. coup s r si oui ou non un texte de remplacement doit tre renseign pour une image se demander si l absence de celle ci alt rerait la compr hension du contenu e Si oui renseigner le texte de remplacement e Si non laisser le texte de remplacement vide La mani re de renseigner ce texte selon les types d images est d crite ci apr s e 4 1 Images d coratives illustratives ne pas r diger de texte de remplacement e 4 2 Images informatives r diger un texte de remplacement e 4 3 Images liens r diger un texte de remplacement qui d crit la fonction du lien e 4 4 Images informatives complexes r diger un court texte de remplacement ainsi qu une description d taill e 4 1 Images d coratives illustratives ne pas r diger de texte de remplacement Festival Haute Tensions 2e dition Du 11 au 22 avril 2012 au Parc de La Villette Hautes Tensions est ce moment singulier o danse hip hop et cirque contemporain se retrouvent le temps d un festival confront s associ s ou discut Cette image est situ e c t d un texte Toute l information pr sente dans l image l est galement dans le texte c t Si cette image tait absente aucune information ne serait perdue Dans ce contexte il ne faut r diger aucun texte de remplacement Le champ est donc laisser vide Page 13 29 4 2 Images informatives r diger un texte de remplacement Hautes Tensions est ce moment singulier o da
4. TALAN AcceDe Web Sensibilisation au handicap La d marche accessibilit www atalan fr www accede info Notice d accessibilit ditoriale mod le Date Version tat commentaires 09 sept 2015 2 0 Cette version prend en compte WCAG 2 0 et RGAA 3 0 En partenariat avec Air Liquide Atos BNP Paribas Capgemini EDF Generali SFR SNCF Soci t G n rale SPIE Et le soutien de AbilityNet Agence Entreprises amp Handicap AnySurfer Belgique Association des Paralys s de France APF Association Valentin Ha y AVH CIGREF Fondation Design For All Espagne ESSEC Handirect Hanploi Sciences Po T l com ParisTech Taie o 0 Te es PPS RER RS SRE VI A E E E ASSET EDR SEURISRE RER 3 CONE GE SL on e S ee a a 3 qui s adresse ce document Comment l utiliser 7 Li iii iii 3 oni E E E P a E O EE A R te D EE Rte de a de EE 4 Licence d uilcaloN aena aa a a aaa i 4 1 Mettre en forme les contenus de mani re accessible nsssssssarnarnacnneneenennennennennnnee 5 1 1 N pas US INO PISTON asso eee a AET aE este ep en 5 1 2 viter les sauts de lignes multiples iii 5 2 Utiliser correctement la hi rarchie des titres nu nnenrenrenennennennnenennnnenennennenennennesnnsensennnnns 7 3 crire des liens de mani re accessible sseeccrrercrreerecenenecneeeeceneeecneereenmeeseneeeeemememneeeemeeeneue 8 3 1 R diger des intitul s de liens explicites ss 8
5. 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 3 4 Savoir utiliser les titres de liens en dernier recours F personnaliser 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 3 4 Savoir utiliser les titres de liens en dernier recours 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 Page 9 29 Mon intitul de lien Mon titre de lien Ins rerimodifier un hen Saisissez l adresse de desination Adresse web http laccede web com Titre Mon titre de lien F Ouvrir le en dans une nouvelle fen tre un nouvel onglet Ou alors faites un lien vers l un des contenus de votre site Annuier Ajouter un lien Lors de la cr ation d un lien dans l outil de publication une fen tre Ins rer modlifier un lien permet de renseigner le titre d un lien dans le champ Titre F personnaliser Pr ciser ci dessus la ou les fonctionnalit s permettant de renseigner les titres de liens
6. capitales accentu es Page 18 29 fi Astuce Les lettres capitales accentu es peuvent aussi tre directement tap es au clavier en utilisant les raccourcis disponibles dans le tableau suivant Raccourcis clavier pour ins rer les principales lettres capitales accentu es Lettre Sous Windows Sous Mac Alt Gr touche 7 puis A Maj lock puis Alt 128 Option Alt Gr touche 7 puis E Maj lock puis Alt 144 Maj lockpuis puis Maj E puis Maj E 6 2 Expliciter les abr viations 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 6 3 D clarer les citations en ligne et les blocs de citations Lorsque des citations sont prop
7. e Notice d accessibilit HTML CSS et JavaScript e Notice d accessibilit pour les composants d interface riche e Notice d accessibilit ditoriale mod le pr sente notice qui s adresse ce document Comment l utiliser Attention Ce document n est pas transmettre en l tat des contributeurs ditoriaux II s agit d un mod le modifier ou compl ter pour chaque projet ou outil de publication utilis afin de concevoir une charte d accessibilit ditoriale Il est galement possible d int grer les contenus de ce mod le dans le manuel d utilisation d un outil de publication d j existant Des indications ont t ajout es dans ce mod le afin d identifier les l ments adapter en fonction de l outil de publication utilis Il est galement possible d y retirer des recommandations ditoriales si l outil de publication n en permet pas la prise en compte Une fois adapt s les contenus de ce mod le sont donc destin s principalement e aux contributeurs ditoriaux e aux animateurs de sites web intranets ou communaut s en ligne e webmestres e etc Page 3 29 Remarque La version en ligne de cette pr sente notice est agr ment e de nombreux exemples liens vers des ressources compl mentaires etc Celle ci est disponible l adresse www accede web com notices editoriale Contact Pour toute remarque propos de cette notice merci de contacter Atalan coordinateur
8. es dans l intitul du lien e Le titre du fichier e Le format du fichier e Le poids du fichier e La langue du fichier 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 V rifier donc simplement l affichage de ces informations la publication des contenus Page 8 29 PA personnaliser Supprimer le paragraphe pr c dent si l outil de publication utilis n ajoute pas automatiquement dans l intitul des liens le poids et le format des fichiers qui sont publi s Twinning Por J Guide touristique Londres PDF 2 58 ko en anglais Trouver la bonne personne pour vous guider dans votre visite de la capitale du Royaume Uni Par exemple si un lien Guide touristique Londres pointe vers un fichier PDF de 2 58 ko en anglais son intitul doit tre optimis tel que Guide touristique Londres PDF 2 58 ko en anglais 3 3 Annoncer les liens qui d clenchent l ouverture d une nouvelle fen tre ou d un nouvel onglet 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
9. sa table des mati res Est elle coh rente Compr hensible Lors de la publication le titre du contenu sera automatiquement converti en titre de niveau 1 par l outil de publication Les titres utilis s dans le corps du contenu devront donc d buter partir du niveau 2 jusqu au niveau 6 si besoin P personnaliser Adapter le paragraphe pr c dent pour indiquer le premier niveau de titre utilisable par les contributeurs B I ae ii e e Il gt h ihihih F S ia fl J Tet 7 Titre 1 Titre 2 Titre 3 F Titre 4 E Titre 5 Titre 6 E La liste d roulante Titre permet de transformer un texte s lectionn en titre de niveau 1 6 F personnaliser Pr ciser ci dessus la fonctionnalit de l outil de publication utilis permettant de cr er des titres de niveaux 1 6 Il est important de conserver une hi rarchie coh rente lors de l utilisation des titres et des intertitres Les sauts de titres sont donc proscrire passage brutal d un titre de niveau 2 un titre de niveau 5 par exemple Attention Les titres ne doivent tre utilis s que pour identifier les titres Il est par exemple important de ne pas s en servir simplement pour grossir du texte Page 7 29 3 crire des liens de mani re accessible La mani re d crire des liens accessibles varie selon les types de liens 3 1 R diger des intitul s de liens explicites L intitul d un lie
10. v hiculer de l information Aussi bien dans les textes que dans les contenus graphiques veiller ne pas se baser uniquement sur la couleur pour transmettre le message fi 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 Plus de 3 3 Md consacr s au d veloppement des capacit s de production du Groupe en 2010 5 Insulaire France To West Burton Royaume Uni 33 LE Autres w Thermique amp Hydro France M EDF nergies Nouvelles FE Nouveau nucl aire 33 Dans ce premier exemple l information v hicul e par le camembert n est plus compr hensible sans couleur Page 24 29 Plus de 3 3 Md consacr s au d veloppement des capacit s de production du Groupe en 2010 5 8 insulaire France West Burton Royaume Uni 33 10 Nouveau nucl aire Autres a T 11 Thermique amp Hydro France 33 EDF nergies Nouvelles Tandis que cette version du camembert reste compr hensible m me sans couleur 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 Page 25 29 8 Utiliser correctement les contenus riches et mul
11. 3 2 Indiquer le format le poids et ventuellement la langue de chaque fichier en t l chargement 8 3 3 Annoncer les liens qui d clenchent l ouverture d une nouvelle fen tre ou d un nouvel onglet 9 3 4 Savoir utiliser les titres de liens en dernier recours iii iiiiiiierrercercereeeeesee 9 4 Utiliser les images de mani re accessible nnnnnnnnunnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn nnmnnn 12 4 1 Images d coratives illustratives ne pas r diger de texte de remplacement 13 4 2 Images informatives r diger un texte de remplacement 14 4 3 Images liens r diger un texte de remplacement qui d crit la fonction du lien 14 4 4 Images informatives complexes r diger un court texte de remplacement ainsi qu une descriptondetaillbe seses E does ssteceenanne A cannes ESE esse anne 16 5 Utiliser correctement les listes puces et listes num rot es 17 6 crire les contenus de mani re aCC Ssible ssiinemmmnmnnnnnnnnnemenenenenennennee 18 6 1 Conserver les accents sur les lettres capitales 18 6 2 Expliciter les abr viations sise 19 6 3 D clarer les citations en ligne et les blocs de citations 19 6 4 D clarer les changements de langue Re 20 6 5 Ne pas faire r f rence un l ment en se basant uniquement sur sa couleur sa forme ou sa ele LIT 11 PP E EE PEA E E A E EEEE a A E TAA EE E A TE 22 7 Utiliser correctement les couleurs et les contrastes snssssssrrmnnerrennnenee
12. ant 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 aaa L Parcour aaa Parcour lParourr 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 F personnaliser Pr ciser ci dessus les fonctionnalit s ou les champs permettant de renseigner la transcription le fichier de sous titres et le fichier d audiodescription Page 29 29
13. auts de lignes multiples 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 lls 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 Page 5 29 PA personnaliser Supprimer le paragraphe pr c dent si l outil de publication utilis ne propose pas ces fonctionnalit s B I ec o EE jh gi hill J Paragraphe U A Titre 3 Titre 4 Titre 5 Titre 6 Petite marge basse Grande marge basse Les styles Petite marge basse et Grande marge basse permettent d appliquer des marges basses de diff rentes tailles aux l ments PA personnaliser Pr ciser ci dessus les fonctionnalit s ou les m thodes de outil de publication utilis es permettant d appliquer des marges aux l ments ou Supprimer l encart ci dessus si l outil de publication ne permet pas de le faire Page 6 29 2 Utiliser correctement la hi rarchie des titres Dans une page web il est possible de structurer le contenu l aide de titres de niveau 1 6 Le choix du niveau d un titre sera fonction de sa position hi rarchique Astuce Une technique simple pour structurer correctement les titres d un contenu est de visualiser mentalement ce que donnerait
14. cement Ce texte est primordial car c est lui qui sera lu par les lecteurs d cran synth ses vocales et ou plages brailles Ce texte s affiche galement lorsque les images ne se chargent pas Le texte de remplacement sera renseigner diff remment selon le contexte d utilisation de l image C est dire selon que l image est d corative informative ou encore une image lien Taille maximale des fichiers 128MB Une fois le fichier envoy vous pourrez lui ajouter titre et descriptions hautes tensions Nom du fichier hautes tensions1jpeg Type du fichier image jpeg Date de mise en ligne 23 f vrier 2012 Tailles 212 x 212 Modifier l image Titre hautes tensions Texte alternatif Mon texte de remplacement Texte alternatif de l image exemple La Joconde L gende Description Cible du lien http lsandbox wordpress localhost wp content uploads 2012 02 hautes tensions 1 Aucun Adresse web du fichier Adresse de l article du fichier joint Saisissez une adresse web ou cliquez sur l un des pr r glages ci dessus Alignement Aucun Gauche Centre Droite Taille Miniature 150 x 150 Lors de l insertion d une image le champ Texte alternatif permet de renseigner le texte de remplacement de cette image F personnaliser Pr ciser ci dessus o renseigner le texte de remplacement d une image ins r e via l outil de publication utilis Page 12 29 fi Astuce Afin de savoir
15. du projet AcceDe Web l adresse suivante accede atalan fr Vous pouvez galement trouver plus d informations sur les notices m thodologiques du projet AcceDe Web sur le site www accede web com Licence d utilisation Ce document est soumis aux termes de la licence Creative Commons BY 3 0 Vous tes libres e de reproduire distribuer et communiquer cette cr ation au public e de modifier cette cr ation selon les conditions suivantes e Mention de la paternit d s lors que le document est modifi o Vous devez mentionner clairement la mention et les logos Atalan et AcceDe Web indiquer qu il s agit d une version modifi e et ajouter un lien vers la page o trouver l uvre originale www accede web com o Vous ne devez en aucun cas citer le nom de l auteur original d une mani re qui sugg rerait qu il vous soutient ou approuve votre utilisation de l uvre sans accord de sa part o Vous ne devez en aucun cas citer les noms des entreprises partenaires Air Liquide Atos BNP Paribas Capgemini EDF Generali SFR SNCF Soci t G n rale et SPIE ni ceux des soutiens AbilityNet Agence Entreprises amp Handicap AnySurfer Association des Paralys s de France APF CIGREF Fondation design for All ESSEC Handirect Hanploi Sciences Po et T l com ParisTech sans accord de leur part Les marques et logos Atalan et AcceDe Web sont d pos s et sont la propri t exclusive de la soci t Atalan Les marques
16. et logos des entreprises partenaires sont la propri t exclusive de Air Liquide Atos BNP Paribas Capgemini EDF Generali SFR SNCF Soci t G n rale et SPIE Page 4 29 1 Mettre en forme les contenus de mani re accessible 1 1 Ne pas justifier le texte 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 ot Action sociale Le D partement du Val de Marne m ne une politique d accueil et de soutien aupr s de ceux qui rencontrent des difficult s sociales Il assure la mise en place et le financement de dispositifs pour favoriser la lutte contre l exclusion et r duire les in galit s Dans cet exemple le texte justifi entra ne des espacements trop importants et diff rents entre les mots qui sont susceptibles d engendrer des difficult s de lecture Y Action sociale Le D partement du Val de Marne m ne une politique d accueil et de soutien aupr s de ceux qui rencontrent des difficult s sociales Il assure la mise en place et le financement de dispositifs pour favoriser la lutte contre l exclusion et r duire les in galit s F personnaliser 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 1 2 viter les s
17. isant entre la couleur du texte et la couleur d arri re plan at y EDF mon fournisseur d energie me donne EDF mon fournisseur d nergie me donne quelques astuces pour reussir mon quelques astuces pour r ussir mon emm nagement emm nagement r silier mon contrat pr c dent r silier mon contrat pr c dent a bien choisir mon futur contrat en bien choisir mon futur contrat en fonction des differentes offres fonction des diff rentes offres regrouper mes contrats d lectricite et regrouper mes contrats d lectricit et de gaz naturel sur une seule facture de gaz naturel sur une seule facture me simplifier la vie en optant pour le me simplifier la vie en optant pour le pr l vement automatique pr l vement automatique f 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 Page 23 29 7 2 Veiller ce que les couleurs ne soient pas le seul moyen pour
18. ls du jour au lendemain Question OCIRE Comment vous est venue l id e de r aliser ce documentaire R ponse de Didier Dematons and j ai rencontr Fran oise qui est t moin du film que je ne connaissais pas mais qui ta avec des ami eje inaissais et le rdunc ert lors de cette rei tre elle na ra 1te e qu elle vivait dep i mois date laquelle elle avait perdu son compagnon J ai d couvert un monde que je ne connaissais pas en fait J ai lu ces crits car elle crivait beaucoup ce en z ai es pet textes sul ment elle a appi le up de Nette mment te 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 Page 28 29 Sous titres 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 Audiodescription 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 pend
19. mennnnne 23 7 1 Veiller ce que les contrastes entre le texte et la couleur d arri re plan soient suffisants 23 7 2 Veiller ce que les couleurs ne soient pas le seul moyen pour v hiculer de l information 24 8 Utiliser correctement les contenus riches et multim dias annnunnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn nnne 26 8 1 Associer une description d taill e aux contenus riches graphiques cartographies etc 26 8 2 V rifier la possibilit de mettre en pause les contenus en mouvement 27 8 3 Savoir g rer les vid os accessibles transcription sous titres et audiodescription 27 Introduction Contexte et objectifs Ce document est un mod le de recommandations compl ter pour chaque projet afin de concevoir une notice d accessibilit ditoriale c est dire un mode d emploi permettant aux contributeurs ditoriaux de savoir comment mettre en ligne des contenus de fa on accessible Ce document liste les bonnes pratiques suivre par les contributeurs ditoriaux pour mettre en ligne les contenus de fa on accessible lien images textes et fourni les indications n cessaires pour permettre de personnaliser les l ments adapter en fonction de l outil de gestion CMS utilis Cette notice s inscrit dans un lot de quatre notices t l chargeables sur le site www accede web com e Notice d accessibilit pour la conception fonctionnelle et graphique
20. ment adapt serait Calendrier global du projet Roissy Picardie description d taill e ci apr s Quant la description d taill e elle doit v hiculer une information identique ou quivalente celle v hicul e par l image Elle doit tre disponible soit depuis la m me page soit sur une autre page gr ce un lien disponible proximit de l image Page 16 29 5 Utiliser correctement les listes puces et listes num rot es Lorsque des listes puces ou num rot es sont propos es dans les contenus utiliser les fonctionnalit s pr vues dans l outil de publication plut t que de simples retours la ligne avec des tirets ou des chiffres Saisis au clavier e Liste non ordonn e Liste ordonn e liste puces liste num rot e o EE IE am B I m EE O Tv e 4 Paragraphe U Av G 0e a 5 9 C0 Utiliser les boutons Liste non ordonn e liste puces et Liste ordonn e liste num rot e la place des simples tirets et retours la ligne F personnaliser Pr ciser ci dessus la ou les fonctionnalit s permettant d utiliser des listes Diff rence entre une liste num rot e et une liste puces Utiliser une liste num rot e lorsque l ordre des l ments est important c est dire lorsque l information ne serait plus comprise si les l ments taient plac s dans un ordre diff rent tapes pour r aliser une recette de cuisine l ment
21. n 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 qui peuvent tre compris m me si l intitul est lu ind pendamment du texte qui l entoure e De nombreux parents inquiets ont tir la sonnette d alarme l heure du passage au tout num rique est il encore utile de charger les petites t tes blondes avec jusqu douze kilos de manuels scolaires d apr s les r sultats d une tude de 2008 du Centre Vigilance Sant Scolaire sur la sant des coliers cliquez ici pour en savoir plus De nombreux parents inquiets ont tir la sonnette d alarme l heure du passage au tout num rique est il encore utile de charger les petites t tes blondes avec jusqu douze kilos de manuels scolaires d apr s les r sultats d une tude de 2008 du Centre Vigilance Sant Scolaire sur la sant des coliers 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 3 2 Indiquer le format le poids et ventuellement la langue de chaque fichier en t l chargement 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
22. n 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 Page 15 29 4 4 Images informatives complexes r diger un court texte de remplacement ainsi qu une description d taill e Le calendrier du ma tre d ouvrage 2017 Travaux 2020 w Le calendrier au format texte 2011 Concertation publique 2012 Approfondissement des tudes 2013 Enqu te publique D marrage de l avant projet AVP 2014 D claration d utilit publique DUP 2017 D cision pr fectorale 2017 2020 Travaux 2020 Mise en service Ce calendrier est une image porteuse d informations complexes Un bouton Le calendrier au format texte permet l utilisateur d afficher une description d taill e de cette image Pour ce type d images il faut r diger 1 Un court texte de remplacement 2 Une description d taill e disponible sous l image ou sur une autre page Le court texte de remplacement doit 1 D crire bri vement la fonction de l image 2 Indiquer o se trouve la description d taill e Dans le cas de l image complexe ci dessus un court texte de remplace
23. ns de texte en italique ou obtenir un effet de retrait visuel 6 4 D clarer les changements de langue 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 Page 20 29 c6 2 a A Vyrui 2 Q 9 C0 oco L 4 Bijata M2 H ill EP Langues U v English 1 programme MESSE TN ORNE d velopp par Atos Dutch Finnish French German Italian Polish Portuguese Spanish Swedish La fonction Langues de l outil de publication utilis permet de signaler les expressions crites dans une langue diff rente de la langue principale F personnaliser Pr ciser ci dessus 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 Page 21 29 Remarque Il existe des exceptions cette recommandation Les changements de langue ne sont pas d clarer pour e Les noms propres e Les mots d origine trang re int gr s dans le dictionnaire de la langue principale e Tous les mots d origine trang re mais qui se prononcent et se comprennent cor
24. nse hip hop et cirque contemporain se retrouvent le temps d un festival confront s associ s ou discut La m me image est situ e c t d un texte Cependant les informations Parc de La Villette et 11 22 avril 2012 ne sont pas pr sentes dans le texte L image est donc porteuse d informations 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 4 3 Images liens r diger un texte de remplacement qui d crit la fonction du lien Cette m me image est d sormais seule et cliquable Elle permet d acc der la billetterie de l v nement Dans ce contexte il faut r diger un texte de remplacement Page 14 29 Ce texte doit permettre l internaute de conna tre 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 Une image et du texte dans un m me lien Commander sa place pour le festival Haute Tensions du 11 au 22 avril 2012 au Parc de La Villette Dans le cas o une image et du texte sont pr sents dans un m me lie
25. os 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 Page 19 29 Deux types de citations sont distinguer e Les citations en ligne qui viennent s ins rer au sein d un paragraphe e Les blocs de citations qui forment des blocs isol s et qui peuvent tre lus en dehors de leur contexte B I s EM sas A E O ihihih ilil ii ia H Paragraphe U Bloc de citation Alt Maj Q 9 Comme le rappelait Paulo Coelho dans L Alchimiste Il n y a qu une fa on d apprendre c est par l action 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 personnaliser Pr ciser ci dessus 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 portio
26. rectement avec l accent de la langue principale Par exemple on ne d clarera pas de changement de langue sur les mots suivants e Week end e Parking e Facebook e Winston Churchill e Podcast e Etc 6 5 Ne pas faire r f rence un l ment en se basant uniquement sur sa couleur sa forme ou sa position 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 e Cliquer sur le bouton rond par Cliquer sur le bouton Confirmer e Plus d informations dans l encart de droite par Plus d informations dans l encart de droite Le contrat Avid a Page 22 29 7 Utiliser correctement les couleurs et les contrastes 7 1 Veiller ce que les contrastes entre le texte et la couleur d arri re plan soient suffisants 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 suff
27. s class s par ordre alphab tique etc Utiliser une liste puces classique lorsque l ordre des l ments n a pas d importance Attention Les listes ne doivent tre utilis es que pour mettre en avant des num rations Il est par exemple important de ne pas s en servir simplement pour afficher une puce devant un paragraphe Page 17 29 6 crire les contenus de mani re accessible 6 1 Conserver les accents sur les lettres capitales 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 BI we 5 66 JEA 5 C Ins rer un caract re particulier ll l gt z hihih S ih S 6 So a er de Paragraphe U Selectionnez un caract re S lectionnez un caract re E acute Ji E Y CL t s y gg jl IL w Oli S 1 Ji ten m Ir lale i O JH LA H JL i p HTML Code amp Eacute Bonan lole olr u lolx O E m E T 2 6c ml lt lvlclml olmis NUM Code amp 201 La fonction Ins rer un caract re particulier permet d ins rer des caract res particuliers dans les F personnaliser Pr ciser ci dessus la m thode utilis e permettant d ins rer des lettres
28. tim dias 8 1 Associer une description d taill e aux contenus riches graphiques cartographies etc Parfois certains contenus riches v hiculent tellement d informations qu il est n cessaire de pr voir en parall le une description d taill e C est par exemple souvent le cas pour les graphiques 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 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 du contenu riche Le calendrier du maitre d ouvrage ddl ll 2017 WELE 2020 w Le calendrier au format texte 2011 Concertation publique 2012 Approfondissement des tudes 2013 Enqu te publique D marrage de l avant projet AVP 2014 D claration d utilit publique DUP 2017 D cision pr fectorale 2017 2020 Travaux 2020 Mise en service Ce calendrier est une image porteuse d informations complexes Un bouton Le calendrier au format texte permet l utilisateur d afficher une description d taill e de ce contenu riche Attention Si des 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
Download Pdf Manuals
Related Search