Guide Du Concepteur RGAA 3 - GitHub Pages
Guide du concepteur RGAA 3 – juillet 2017GUIDE DU CONCEPTEUR RGAALICENCE D’UTILISATIONCe document est la propriété du Secrétariat général à la modernisationde l'action publique français (SGMAP). Il est placé sous la licence ouverte1.0 ou ultérieure, équivalente à une licence Creative Commons BY. Pourindiquer la paternité, ajouter un lien vers la version originale dudocument disponible sur le compte GitHub de la DInSIC.
Guide du concepteur RGAA 3 – juillet 2017SommaireINTRODUCTION. 4À qui s’adresse ce guide ?. 4Mode d’emploi du guide. 4Plan du guide.5Conception web et RGAA 3. 5Ressources connexes et références. 5CONCEPTION FONCTIONNELLE. 6FICHE 1 : IMAGES. 7Synthèse.7Introduction - cas utilisateurs. 7Captcha. 7Description détaillée des images porteuses d’information complexe.8Voir ailleurs / Ressources. 9Critères RGAA 3. 9FICHE 2 : TABLEAUX.10Synthèse.10Introduction - cas utilisateurs. 10Tableaux de données simples.10Tableaux de données complexes.10Voir ailleurs / Ressources. 12Critères RGAA 3.12FICHE 3 : FORMULAIRES. 13Synthèse.13Introduction - cas utilisateurs. 13Étiquettes. 14Listes de choix.16Regroupement de champs. 16Modification, mise à jour ou récupération des données.17Aides à la saisie. 17Erreurs de saisie. 18Voir ailleurs / Ressources. 18Critères RGAA 3.18FICHE 4 : NAVIGATION. 19Synthèse.19Introduction - cas utilisateurs. 19Liens d’accès rapide. 19Deux systèmes de navigation au moins.20Plan du site. 21Collection de pages. 21Page en cours de consultation dans le menu. 22Fil d’Ariane.22Voir ailleurs / Ressources. 22Critères RGAA 3.22FICHE 5 : CONSULTATION.23Synthèse.23Introduction - cas utilisateurs. 23Fichiers en téléchargement. 23Expressions inhabituelles ou idiomatiques, jargon.24Textes complexes. 24Voir ailleurs / Ressources. 24Critères RGAA 3.24CONCEPTIONGRAPHIQUE. 25Propriété du Secrétariat général à la modernisation de l’action publique français (SGMAP).Document placé sous la licence ouverte 1.0 ou ultérieure.Page 2/42
Guide du concepteur RGAA 3 – juillet 2017FICHE 6 : COULEURS. 25Synthèse.25Introduction - cas utilisateurs. 25L’information donnée par la couleur. 26Contrastes. 28Voir ailleurs / Ressources. 29Critères RGAA 3.30FICHE 7 : PRÉSENTATION. 31Synthèse.31Introduction - cas utilisateurs. 31Visibilité des liens par rapport au texte environnant.31Alternatives pour l’information donnée par la forme, taille et position.32Personnalisation de l’affichage.32Voir ailleurs / Ressources. 34Critères RGAA 3.34CONCEPTION MULTIMÉDIA.35FICHE 8 : MULTIMÉDIA. 35Synthèse.35Introduction - cas utilisateurs. 36Identifier le média. 36Permettre la compréhension d’un média sans le son.36Permettre la compréhension d’un média sans l’image. 39Médias non temporels. 40Voir ailleurs / Ressources. 40Voir aussi. 41Critères RGAA 3.41Note concernant les niveaux de conformité.41GLOSSAIRE. 42Attribut title. 42Lecteur d’écran. 42Jusqu’à ou à partir de 150% (1.5em) de la taille de police par défaut sans effet degraisse. Jusqu’à ou à partir de 120% (1.2em) de la taille de police par défaut en gras. 42Maquette fonctionnelle - wireframe. 42Texte de remplacement. 42Propriété du Secrétariat général à la modernisation de l’action publique français (SGMAP).Document placé sous la licence ouverte 1.0 ou ultérieure.Page 3/42
Guide du concepteur RGAA 3 – juillet 2017INTRODUCTIONCe guide du concepteur vous est proposé dans le cadre des ressources accompagnant la priseen main de la version 3 du référentiel général d’accessibilité pour les administrations (RGAA 3).Toutes les règles et tous les exemples d’implémentation donnés ici se réfèrent à la version 3 duRGAA.Le RGAA 3 est composé d’un document d’introduction, d’un guide d’accompagnement et d’unréférentiel technique. Cet ensemble de documents a une portée réglementaire puisqu’ils ontété rendus officiels par l’arrêté du 29 avril 2015, lui-même venant préciser l’article 47 de laloi 2005-102 du 11 février 2005 et l’arrêté 2009-546 du 14 mai 2009.Les ressources complémentaires sont des supports sans valeur réglementaire et visent à vousaider à rendre vos contenus numériques accessibles et conformes au RGAA 3.À QUI S’ADRESSE CE GUIDE ?Ce guide s’adresse aux designers d’expérience utilisateur (UX), aux ergonomes, auxarchitectes de l’information, aux directeurs artistiques, aux designers d’interfaces (UI), aux webdesigners, aux graphistes, aux designers de contenus multimédia, aux vidéastes, mais aussiaux chefs de projet, aux directeurs de création ainsi qu’aux responsables de la maîtrised’œuvre.Il n’est pas nécessaire de savoir lire ni écrire du code HTML pour utiliser ce guide.À CHACUN SON MÉTIERCertaines problématiques ne sont volontairement pas abordées, car elles dépendent d’autresacteurs que le concepteur. Par exemple, le sens de lecture, la structure du document ou leslégendes d’images ne sont pas du ressort du concepteur, mais de l’intégrateur. Cesproblématiques sont abordées dans le Guide de l’intégrateur RGAA 3. Les problématiques liéesà la contribution quant à elles sont abordées dans le Guide Contribuer sur le web de manièreaccessible.MODE D’EMPLOI DU GUIDEIl est fréquent qu’une même personne exerce différentes fonctions, notamment dans lesstructures de petite taille. Aussi, les problématiques d’accessibilité couvertes par ce guide sontorganisées par type de conception, plutôt que par profil de concepteur.Ce guide a donc été pensé sous forme de fiches pratiques, réunies par type de conception, etconstruites sur le même modèle pour en faciliter l’utilisation. Vous pouvez les lire en fonctionde vos besoins, sans avoir à suivre un ordre particulier, chaque fiche étant indépendante.Chaque fiche contient les sections suivantes : Synthèse : nous y résumons les points essentiels de chaque fiche à retenir ;Enjeux pour l’utilisateur handicapé : cette section vient expliciter l’importance desrecommandations décrites pour les utilisateurs concernés ;En fonction des fiches, vous pourrez également trouver :Propriété du Secrétariat général à la modernisation de l’action publique français (SGMAP).Document placé sous la licence ouverte 1.0 ou ultérieure.Page 4/42
Guide du concepteur RGAA 3 – juillet 2017 Voir aussi : nous y indiquons des liens vers d’autres guides édités dans le cadre desressources complémentaires au RGAA 3 ;Voir ailleurs : nous listons une sélection de ressources tierces dont la qualité et lacomplémentarité à l’approche adoptée dans ce guide nous semblent intéressantes.Enfin, vous retrouverez toujours au bas de la fiche : Correspondances RGAA 3 : les correspondances avec les critères du référentieltechnique du RGAA 3.PLAN DU GUIDE Conception fonctionnelle Fiche 1 : Images Fiche 2 : Tableaux Fiche 3 : Formulaires Fiche 4 : Navigation Fiche 5 : ConsultationConception graphique Fiche 6 : Couleurs Fiche 7 : PrésentationConception multimédia Fiche 9 : MultimédiaCONCEPTION WEB ET RGAA 3Thématiques du RGAA 3 abordées à travers ces fiches : ImagesCouleursMultimédiaTableauxPrésentation de SSOURCES CONNEXES ET RÉFÉRENCES Défauts d’accessibilité : impacts sur les utilisateursGuide de l’intégrateur RGAA 3Contribuer sur le web de manière accessibleMéthodologie de test RGAA 3Liste des techniques et échecs WCAG 2.0 (ressource en anglais)Propriété du Secrétariat général à la modernisation de l’action publique français (SGMAP).Document placé sous la licence ouverte 1.0 ou ultérieure.Page 5/42
Guide du concepteur RGAA 3 – juillet 2017CONCEPTION FONCTIONNELLELa conception fonctionnelle a pour objectif de définir le fonctionnement et les fonctionnalitésd'un site web, en tenant compte des objectifs de celui-ci et des besoins de ses utilisateurs. Laconception fonctionnelle démarre à la réception du cahier des charges, et intervient avant laphase de conception graphique.Elle est généralement conduite par des designers d'expérience utilisateur (UX), desergonomes, des architectes de l'information, mais peut également être menée par desdesigners d'interfaces (UI), des web designers, voire même des graphistes dans de petiteséquipes polyvalentes. Les chefs de projet et les directeurs artistiques peuvent également êtreamenés à participer à la conception fonctionnelle.En déterminant l'architecture de l'information, le système de navigation, la structuration despages, mais également la chorégraphie responsive et la façon dont l'utilisateur va pouvoirinteragir avec le site, le concepteur fonctionnel prend des décisions stratégiques qui vontfortement impacter l'utilisabilité du site, c'est à dire la facilité avec laquelle l'utilisateur pourrainteragir avec lui.La conception fonctionnelle joue donc un rôle crucial en matière d'accessibilité web :puisque son rôle est d'améliorer l'expérience utilisateur, elle doit alors également permettreaux utilisateurs en situation de handicap d'utiliser le site. En effet, l’expérience utilisateur despersonnes handicapées peut être complètement différente de celle d’un utilisateur valideutilisé comme persona. Ainsi, l’expérience utilisateur doit être inclusive et tenir compte desbesoins spécifiques des personnes handicapées.Lorsque les besoins spécifiques des utilisateurs handicapés sont pris en compte dès laconception fonctionnelle, en amont de la production graphique et technique du site, alorsl'accessibilité est plus simple et moins coûteuse à mettre en œuvre qu'en fin de chaîne deproduction.Les fiches suivantes abordent les problématiques d'accessibilité qui concernent la conceptionfonctionnelle dans le RGAA 3 : ormulairesNavigationConsultationPropriété du Secrétariat général à la modernisation de l’action publique français (SGMAP).Document placé sous la licence ouverte 1.0 ou ultérieure.Page 6/42
Guide du concepteur RGAA 3 – juillet 2017FICHE 1 : IMAGES Introduction - cas utilisateursCaptchaDescription détaillée des images porteuses d’information complexeVoir ailleurs / RessourcesCritères RGAA 3SYNTHÈSE Prévoir une alternative au Captcha.Prévoir une description détaillée adjacente aux images porteuses d’informationcomplexe.INTRODUCTION - CAS UTILISATEURSLes images véhiculent parfois une information importante. Cette information, qui peut aider àcomprendre le contenu auquel elle se rapporte, doit pouvoir être accessible à tous.Fournir une alternative aux images porteuses d’information est indispensable pour lesutilisateurs qui ne perçoivent pas, ou perçoivent mal, le contenu visuel. C’est le cas despersonnes aveugles ou malvoyantes. Un lecteur d’écran va pouvoir accéder à cette alternativeet le restituer à l’utilisateur.De même, pour les personnes qui présentent des difficultés de compréhension face à certainesreprésentations visuelles (iconographie, peintures, représentations multi-dimensionnelles,graphiques ), une alternative peut aider à en comprendre le sens ou à en extrairel’information importante.Pour toutes ces raisons, il est essentiel de traduire de manière textuelle l’informationnécessaire et suffisante qu’apportent les images.Attention cependant : lorsque ces images constituent des liens, ce n’est alors plus l’informationqu’elles véhiculent qui est essentielle, mais la fonction du lien qu’elles constituent. Dans cettesituation, elles permettent aux logiciels pilotés à la voix par une personne en situation dehandicap moteur, de localiser plus facilement le lien à activer.CAPTCHALes images tests (Captcha) doivent posséder une alternative, mais contrairement aux imagesporteuses d’information, cette alternative ne doit pas décrire le contenu visible du Captcha,mais doit permettre à l’utilisateur de comprendre la nature et le rôle de l’image. En général,cette alternative est gérée pendant la phase de développement technique du site.Lorsque le Captcha est une image, ce mécanisme peut être complété par une méthodealternative permettant à l’utilisateur de résoudre le test. Par exemple, si une maquettefonctionnelle présente un Captcha ima
structures de petite taille. Aussi, les problématiques d’accessibilité couvertes par ce guide sont organisées par type de conception, plutôt que par profil de concepteur. Ce guide a donc été pensé sous forme de fiches pratiques, réunies par type de conception, et construites sur le même modèle pour en faciliter l’utilisation.
F-62223 Saint-Laurent-Blangy MK Energies - Agence de Dunkerque Centre d’Affaires de Linerie N 4D Lieudit La Croix Rouge F-59380 Quaëdypre . leurs, le protocole de communication IEC 61850 mis en place sur ce proje
en licence pro graphiste concepteur. À désormais 25 ans, Hugo est en résidence d’artiste à la SEPR et y anime des ateliers graff. Le graphiste a pour objectif de traduire des idées en images. Qu’il s’agisse de secteurs comme la communication, la presse,
Graphiste ; Chef de production dans une agence de publicité, dans un studio graphique ; Technicien concepteur en multimédia. Compétences et qualitésrequises Rigueur, précision Curiosité, autonomie Sens de l’obsevation Qualités artisti
Graphiste, p. 64 TADAO ANDŌ (76) Architecte, p. 65 JANE JIE SUN (48) PDG, p. 40 MICHAEL MAUER (55) Concepteur auto, p. 63 DANIEL HUMM (41) Chef cuisinier, p. 28 ROGER FEDERER (36) Tennisman, p. 6 JANE GOODALL (84) Primatologu
de 2007 À 2011 cp, architecte si & concepteur eai / esb / bpm / soa / tibco avec les produits tibco bpm & iprocess, businessworks, cim, business events, ems & rv java/j2ee – webservices – jms – xml/xsd, oracle/db2, linux, win., mvs aout 11-dec 2011 architecte soa / esb /
Page 1/5 - F5 BIG-IP Edge Gateway - Access Policy Manager (APM) - V11 - Mise à jour le 13/02/2013 Concepteur : Westcon Academy – Diffuseur : Groupe ARKESYS F5 BIG-IP Edge Gateway - Access Policy Manager (APM) - V11 Référence : RES-F5-11-APM Durée : 3 jours soit 21 heures Tarif public intra : à partir de 1800 /j
dans l’industrie, la recherche, la formation continue et l’enseignement supérieur. Il intervient comme professeur associé à l’EIGSI, école d’ingénieurs à La Rochelle. Concepteur web indépendant et conseil en entreprise, il co
P, produced by A02. Next, A01 asks A03 for every such component to get offers from companies that are able to supply the component. So, a number of exploring transactions T03 may be carried out within one T01, namely as many as there are components of P which are not produced by the tier n company. In order to execute
