Home

Charte Internet de l`Etat - Circulaires.gouv.fr

image

Contents

1. Vous tes actuellement en connexion avec EE ES E Service Public fr A A gt Acc der mon service public fr HA gt G rer mes liaisons Ed D connexion globale Figure 79 Exemple de m canisme de d connexion de mon service public fr Consignes sur le positionnement des m canismes d authentification voir Chapitre 2 Structure des pages gt Bandeau sup rieur Voir aussi Pour f d rer son site mon service public fr contacter RESSOUNeEE DGME Service Projets M canisme d authentification e 4 4 1 Services d annuaires et f d ration d identit S curisation de l authentification e 3 2 Authentification M canismes d identification e 83 3 Signature lectronique Renouvellement de l authentification e Crit re 2 2 5 Nouvelle authentification 44 Conservation des donn es personnelles REA Tout formulaire en ligne doit tre pr rempli avec les donn es personnelles dont dispose le site TAUX Si le site est f d r et que l utilisateur utilise son compte mon service public fr alors il doit lui tre propos chaque transmission de documents justificatifs de d poser ces documents dans l espace personnel de stockage de l utilisateur TAUX Si le site conserve des donn es personnelles sur des utilisateurs dans un espace autre que celui de mon service public fr il doit pr alablement d clarer
2. Signification Symbole Exemple Contact Enveloppe Dx PDF Fichier mention PDF Accueil Maison A Imprimer Imprimante ST fauteuil roulan Es Authentification Verrou RSS Logo RSS N eo z Ressources Sons vid os et animations La Charte Internet de l tat rappelle les r gles du RGI quant aux formats de fichier pour les sons ou les vid os pr sents sur un site web POOE La lecture d un contenu audio ou vid o ne doit pas commencer sans demande pr alable de l utilisateur POJE Les contenus vid os doivent tre diffus s en utilisant la plateforme de diffusion interminist rielle fil Gouv sauf d rogation par accord du SIG PEE Les vid os diffus es sur fil Gouv doivent disposer e d untitre d au minimum 5 mots cl s d une courte description d une vignette image de d part d un texte pour inciter la lecture de la vid o audio description sous titres et une transcription textuelle RAY Si un contenu audio ou vid o est disponible en t l chargement sa dur e doit tre signal e en plus des informations requises pour tout fichier 29 Relations franco chinoises Cherchons TOUTES LES VID OS ensemble construire un monde plus juste politiques publiques D veloppement durable e ino xh ys ducation et Recherche 4 Etat et Collectivit s 5 0 de i Europe Justice Sant et Solidarit S cur
3. 55 16 Le fil d Ariane est pr sent et son emplacement directement en dessous du bandeau sup rieur est identique sur toutes les pages du site 17 Le bandeau sup rieur et le pied de page sont pr sents sur toutes les pages du site 18 L emplacement la forme le contenu et le comportement du bandeau sup rieur et du pied de page sont identiques sur toutes les pages du site 19 Le bandeau sup rieur comprend les l ments suivants Bloc Marianne Titre et ou adresse du site Champ de recherche Syst me de navigation principale Authentification pour acc der des d marches en ligne 20 Le pied de page reprend toutes les rubriques de niveau 1 et les principales rubriques de niveau 2 21 Le pied de page affiche les liens logotypes des sites L gifrance Service Public Gouvernement fr et France fr 22 Un lien vers la page du R pertoire des informations publiques ou vers le site data gouv fr est pr sent en pied de page 23 Un favicon permettant l identification de l metteur est pr sent 24 Le titre de la page puis le titre du site sont renseign s sur toutes les pages du site 25 Le titre du site comporte un lien vers la page d accueil du site 26 Le bloc Marianne est graphiquement conforme aux exigences de la charte Internet de l Etat 27 Le bloc Marianne comporte un lien vers la page d accueil du site 28 Une fonctionnalit de recherche est pr sente su
4. Menu de navigation horizontal d roulant Le menu de navigation horizontal est souvent compl t par des menus en cascade accessibles partir du deuxi me niveau d information co e Niveau 3 Sous sous item 2 Sous sous item 3 le Sous sous item 4 Sous sous item 5 Figure 1 Exemple de syst me de navigation horizontal 3 niveaux de profondeur avec visibilit du focus surbrillance des items s lectionn s Navigation par onglets horizontaux Les onglets horizontaux sont des menus horizontaux qui ont comme sp cificit d indiquer en permanence la position de l usager NI di Sous Item 1 Sous Hem 2 S ous Item 3 Sous Item 4 Item 2 n 3 Figure 2 Exemple de syst me de navigation par onglets 4 deux niveaux Bonne Site du Minist re de la D fense JELU www defense gouv fr 13 Consignes sur le positionnement des l ments de navigation Voir aussi Chapitre 2 Structure des pages RUES Dans un menu vertical un seul item doit pouvoir tre d pli la fois Menu de navigation compl mentaire vertical Le menu de navigation vertical s apparente l arborescence d un explorateur de fichiers et de ce fait son comportement par pliage d pliage des rubriques est bien compris par les utilisateurs Niveau 1 Y Sous item 2 gt Item 2 n 2 Niveau 2 Y Item 2 n 2 Niveau 3 D Sous item 3 Figure 3 Exemple de menu de navigation vertical 4 niveaux
5. PEJOR La date de publication ou de mise jour de l article doit tre indiqu e sur la page de l article en question POJOK La longueur du texte ne doit pas d passer 4 crans de 768 pixels de haut Une fois atteinte cette limite il faut paginer l article trata Si une possibilit d imprimer Particle est propos e une feuille de style d di e a impression doit tre appliqu e Celle ci doit reprendre les l ments suivants e metteur du site y compris son identifiant visuel e la date de l impression e URL de la page e le chemin de la page dans le site fil d Ariane RACE Le site doit mettre disposition de l usager un syst me de glossaire page ou info bulle d finissant les termes complexes utilis s Exemple d utilisation de l attribut html abbr HTML Is Hyper Texte Markup Language Figure 15 Exemple d info bulle pour une abr viation Formatage de l article pour l impression e 3 2 5 change de donn es num riques d impression Texte compr hensible par tous e Crit re 3 1 3 Mots rares e Crit re 3 1 4 Abr viations e Crit re 3 1 5 Niveau de lecture e Crit re 3 1 6 Prononciation 27 Chapitre 4 Contenus multim dia Il est ici question des r gles de publication des contenus multim dias suivants e images e sons vid os et animations MISC Image audio vid o flash animation pictogramme icone Im
6. L objectif de la Charte Internet de l tat est de fournir aux administrations d tat un guide pratique et op rationnel facilement applicable afin d obtenir une am lioration rapide de la qualit g n rale de l Internet de Etat Ce document s adresse toute personne en charge d un site web de l tat et plus particuli rement e aux directeurs de la communication des administrations d tat responsables de la mise en conformit la charte de l ensemble des sites web de leur administration e aux webmasters des sites web des administrations d tat responsables de la mise en conformit et du maintien en conformit la charte du ou des sites web dont ils assurent au quotidien la gestion op rationnelle Sommaire du document ANNEXE NN CHARTE DE L INTERNET DE L ETAT AVANT PROPOS coooocccccncnnnonnnnnnnnnos SOMMAIRE DU DOCUMENT TABLES DE REFERENCES 2555 ce nm arnet caan avala 3 TABLEDES RESSOURGES A E E E A a ida cbansteess 5 INTRODUCTION cuida acia 8 STRUCTURE ET ELEMENTS VISUEL G eh me nen aae o tend ia eo Ses 12 CHAPITRE 1 SYSTEMES DE NAVIGATION MENUS ET ONGLETS iii 13 Menus Ongiets Filkd Aridne z its Ss cesekeaaes vas disent lived a nel reas tie etre ee aaa 13 CHAPITRE 2 STRUCTURE DES PAGES meriiri ner aaiae eiaa a a i ein eduenedene mere dentenee IIA a AA AAA 16 Positionnement zoning bandeau en t te pied de page favicon menu fil d Ariane bloc Marianne r f rences
7. R gle 60 Contraste des libell s des boutons e Crit re 1 4 3 et 1 4 6 Contraste minimum et maximum Focus sur les boutons e Crit re 2 4 7 Visibilit du Focus Tableaux INTA Les tableaux comportent un en t te pour chaque colonne faisant office de libell pour les champs contenus dans la colonne 43 r sultats 10 zi par page RTS 11 21314 gt 123 456 789 Nom 1 55 rue des Lauriers 77 288 MELUN 123 456 789 Nom 2 48 rue des Gardes 77 288 MELUN 123 456 789 Nom 3 13 rue de le Bretonni re 77 288 MELUN 123 456 789 Nom 4 77 288 MELUN 123 456 789 Nom 5 6 rue de la Pommeraie 77 288 MELUN 123 456 789 Nom 6 38 square des Moines 77 288 MELUN 123 456 789 Nom 7 38 rue des No s 77 288 MELUN 123 456 789 Nom 8 48 rue des Gardes 77 288 MELUN 123 456 789 Nom 9 13 rue de la Bretonni re 77 288 MELUN 123 456 789 Nom 10 50 rue des Grandes Mottes 77 288 MELUN 43 r sultats 10 par page OK 1 12 3 4 A Retour en haut de page Figure 51 Exemple de tableau pagin 34 NOA Lorsque l usager peut d clencher une action sur les items d un tableau il doit pouvoir cocher plusieurs ou toutes les lignes pour leur appliquer cette action Dans le cas d un tableau pagin l action s applique uniquement la page visualis e l cran R c piss d p t de plainte 12 07 08 Accus de r ception Jean Desmoulins LS LS Figure 22 Exemple de tab
8. information donn recommandation 9 maxi 1er niveau En ES real __ 00 00 EE 000 th 00 out a0 4040 Figure 380 Illustration de la notion de largeur L et profondeur P d un site web Consignes sur les aspects techniques de la r alisation voir Chapitre 7 Vie du site gt Langages de d veloppement Voir aussi l OIT Consignes sur les syst mes de navigation voir Chapitre 1 Noms de domaines L annexe 1 de cette circulaire d crit dans les d tails la proc dure d agr ment d un nom de domaine ainsi que les conditions d obtention de celui ci LEA Tout projet de cr ation de site de nom de domaine ou sous domaine doit faire l objet d une demande d agr ment aupr s du service d information du Gouvernement SIG quelle que soit l extension du nom de domaine choisie gouv fr fr com Les alias ventuels d un site noms de domaine pointant vers un contenu identique doivent rediriger redirection 301 vers le nom de domaine principal afin de ne pointer que vers une seule et unique page Contact du SIG pour les demandes d agr ment agrement web premier ministre qouv fr Ressources Langages de d veloppement La Charte Internet de l tat rappelle les r gles du RGI quant aux langages de programmation autoris s pour le
9. 58 67 Les informations suivantes sont pr cis es lors d un t l chargement montant upload Poids maximal autoris Liste des formats accept s 68 L utilisateur re oit une notification de r ussite ou d chec de son t l chargement 69 Les boutons d actions sont distincts des autres liens 70 Les boutons d actions sont identiques sur toutes les pages du site apparence et libell et ne d passent pas 15 caract res 71 Les libell s choisis pour les boutons d action sont conformes ceux impos s par la Charte Internet de l Etat 72 Le survol d un bouton d action actif est visible 73 Une info bulle d crit l action li e au bouton d action attribut Title 74 Les tableaux comportent un en t te pour chaque colonne 75 L usager peut cocher plusieurs ou toutes les lignes d un tableau pour y appliquer une action 76 La page d accueil du site arbore un emplacement E R gie et les banni res et publicit s sont valid es en amont par le SIG 77 La responsabilit li e l agr gation de flux RSS sur son site est signal e dans les mentions l gales 78 Un pictogramme d di indique la mise disposition de flux RSS 79 Une aide contextuelle l utilisation des flux RSS est mise en place pour les usagers 80 Des pictogrammes d di s sont utilis s pour les partages communautaires et situ s dans la zone de fonction associ e l article 81 Les lettre
10. agr ment n cessaire la cr ation de tout site Internet S agissant de l administration territoriale de l tat la circulaire SGG 1060 du 11 juin 2009 a fix les premi res orientations en mati re de sites Internet d partementaux et r gionaux des services de l tat Il a ainsi t d cid que l Internet territorial avait pour vocation de regrouper au sein d un site unique nomdud partement gouv fr l ensemble des sites d partementaux des services de l tat Les r gions b n ficieront quant elles d un portail des services de l tat dont les noms de domaine seront de la forme nomdelar gion gouv fr Ces sites doivent se conformer eux aussi la Charte Internet de l tat En dehors des sites pr cis s ci dessus il est vivement conseill d appliquer la Charte Internet de P Etat m me si il n y a pas de caract re obligatoire Modalit s de mise en uvre R le des administrations centrales au sein de chaque minist re la direction ou le service en charge de la communication coordonne les cr ations de sites pour l ensemble des services et des directions Chaque minist re est responsable des sites cr s par ses services d concentr s Les ouvertures et renouvellements de sites doivent faire l objet d une d cision de la part de l administration centrale comp tente Les administrations centrales sont charg es de v rifier l application de la Charte Internet de l tat par leurs administrations
11. cid que l internet territorial avait pour vocation de regrouper au sein d un site unique nomdud partement gouv fr l ensemble des sites d partementaux des services de l tat Les r gions b n ficieront quant elles d un portail des services de l tat dont les noms de domaine seront de la forme nomdelar gion gouv fr Le projet de site unique d partemental fait l objet d instructions sp cifiques pr cis es en annexe 3 V Suivi des sites de l tat 1 Validit des agr ments Les agr ments sont soumis un renouvellement p riodique pour tenir compte de l volution des sites La dur e de validit de l agr ment pour les sites et noms de domaines d pend du type de projet concern e Trois ans reconductibles pour un site institutionnel e Unan pour un site v nementiel Les sites existants dont le maintien a t confirm lors de la r union interminist rielle du 22 octobre 2010 cf annexe 3 sont consid r s comme ayant un agr ment de 3 ans 2 Suppression des agr ments La suppression de l agr ment d un site interviendra dans les cas suivants e Le site ne respecte plus les l ments de l agr ment d finitif cf supra e Il pr sente des probl mes bloquants r currents Dans les cas sus cit s le service d information du Gouvernement adressera une d cision motiv e au titulaire du nom du domaine afin de l informer de la suspension de l agr ment de
12. de votre site et d effectuer les modifications n cessaires permettant l obtention de l agr ment La proc dure d agr ment est obligatoire pour la cr ation ou la refonte de tout site Internet D lais d application L application de la Charte peut n cessiter des d veloppements techniques lourds ne permettant pas une application imm diate aux sites existants Les sites cr s compter du 1 mars 2012 ou refondus devront se conformer enti rement aux sp cifications pr sentes dans la Charte Les sites existants cette date devront eux se conformer la charte selon les ch ances suivantes gt 80 de conformit d ici fin 2012 gt 100 de conformit d ici fin 2013 P rim tre d application et typologie des sites concern s La Charte Internet de l tat s applique de mani re obligatoire tous les sites dont l metteur principal est une administration centrale ou d concentr e de Etat La Charte Internet de l tat s applique aussi aux sites v nementiels de ces m mes metteurs mais peut tre adapt e si l op ration de communication le n cessite Est consid r comme site v nementiel tout site ayant une dur e de vie inf rieure 1 an et dont le positionnement n est pas compatible avec son int gration sur un portail de r f rence Les d rogations seront accord es par le service d information du Gouvernement SIG et seront pr cis es lors de la remise de l
13. gles applicables sur la pr sence et l utilisation des contenus sont pr sent es dans les chapitres contenus textuels contenus multim dias et autres contenus HE Consignes sur les contenus Voir aussi sn Chapitre 4 Contenus multim dia Pied de page Le pied de page constitue un l ment de navigation et un point de rep re tout au long du site Il contient obligatoirement les l ments suivants d taill s ci dessous Plan du site recherche sondage r pertoire des informations Mots cl s publiques mentions l gales contact FAQ NASA Le pied de page doit reprendre minima l ensemble des rubriques de niveau 1 ainsi que les principales rubriques de niveau 2 Le pied de page doit galement faire figurer des liens vers les pages suivantes Page Contact Plan du site Mentions l gales Page Accessibilit Aide aux usagers R pertoires des informations publiques ou Data gouv fr Recueil de l avis des utilisateurs Horaires et plans d acc s si la page existe et d marches en ligne si la page existe 20 TASSE Le pied de page doit afficher les liens ou les logotypes de www legifrance gouv fr www service public fr www gouvernement fr www france fr Ceux ci renvoient vers les sites concern s Actualit s A votre service Vos d marches M tiers et concours Le ministre La ministre Le ministre Le minist re Bi hi charg Pr mir des collectivit
14. ne Je vous remercie de veiller par votre implication personnelle la qualit de la pr sence des services de l tat sur Internet MA 1 Frangois FILLON ANNEXE 1 CHARTE DE L INTERNET DE L ETAT Avant propos Le d veloppement de la relation num rique est un levier essentiel de l am lioration de la qualit de service et d information ainsi que de la modernisation de l tat Il existe une forte demande des usagers pour simplifier leurs relations avec l administration via la d mat rialisation des proc dures et pour acc der une information fiable et compl te sur les sites Internet de l tat L tat a d j d velopp de nombreux sites et services num riques mais l offre propos e manque d homog n it et de coh rence par rapport aux attentes des internautes En f vrier 2010 un groupe de travail r unissant huit experts a t charg d analyser la situation et de faire des propositions d actions court moyen et long terme C est le rapport Rester En juin 2010 le Conseil de modernisation des politiques publiques a fix pour objectif au service d information du Gouvernement SIG l laboration d un sch ma directeur de la strat gie num rique de l tat qui am liore et d veloppe la relation num rique l usager L adoption d une Charte Internet de l tat garante de la qualit des sites internet est l une des mesures prioritaires arr t es cette occasion
15. s Haut de page france fr gouvernement fr Lo France et vous E Y Service Public fr e Legifrance Mentions l gales Plan du site Contacts Flux RSS Presse Repertoire des donn es publiques Copyright Minist re XXX 2011 Figure 11 Bonne pratique de pied de page Source inspir du site du Minist re de l Int rieur Les logotypes pour le pied de page sont disponibles sur demande l adresse suivante charte internet premier ministre gouv fr Page contact POOE Les adresses lectroniques cliquables attribut mailto sont interdites pour des raisons de compatibilit avec le poste de travail de l utilisateur comme sur l ensemble des pages du site NOA L utilisation d un formulaire comme un des moyens de contact est obligatoire sauf probl matique justifi e RAI Le destinataire du formulaire doit tre unique Si le volume de questions pos es est important il est conseill de proposer une pr s lection des sujets de questions pos es afin de mettre en place un aiguillage des messages vers les services comp tents TIR Les tablissements disposant d un accueil ouvert au public doivent fournir dans la page contact un lien vers les horaires d ouverture et le plan d acc s l tablissement Bonne Site du Minist re de l Agriculture eels http agriculture gouv fr contact 1227 Von Consignes sur les formulaires Chapitre 6 D
16. tat issue de la r forme de l administration territoriale de l tat RATE impose l ensemble des services d concentr s concern s une adaptation des moyens de communication de l Etat dans le d partement De m me les travaux engag s la suite du rapport de M Riester de f vrier 2010 concernant la rationalisation de la pr sence gouvernementale sur Internet visent am liorer la coh rence et l harmonie de la pr sence de l Etat sur internet Les r centes cyber attaques dont ont fait l objet plusieurs sites Internet de pr fecture confirment par ailleurs la n cessit de prendre toutes mesures pour garantir la s curit et l int grit de ces outils en veillant notamment l h bergement centralis et s curis des sites internet Le projet Internet d partemental de l tat engag en 2010 s inscrit dans ce triple contexte Il vise la mise en place d un site d partemental unique et homog ne sur l ensemble du territoire m tropolitain conforme au mod le IDE Le comit de pilotage national pr sid par le secr tariat g n ral du Gouvernement et r unissant le service d information du Gouvernement la direction de l information l gale et administrative et les minist res concern s a arr t en 2010 et 2011 les modalit s de mise en uvre de cette cible e Un nom de domaine unique par d partement de la forme nomdudepartement gouv fr Les r gions b n ficieront quant elles
17. un niveau de l arborescence parcourue par l utilisateur Il peut aussi servir de syst me de navigation si chacun des libell s est un lien vers le niveau de l arborescence qu il repr sente Accueil particuliers gt Elections gt Elections politiques gt Inscription sur les listes et carte lectorales Figure 4 Exemple de fil d Ariane Consignes sur le positionnement du fil d Ariane Voir aussi Chapitre 2 Structure des pages gt Fil d Ariane Orientation de l usager e Crit re 2 4 8 Localisation Offrir plusieurs moyens d acc s au contenu e Crit re 2 4 5 Multi acc s Navigation au clavier dans les menus e Crit re 2 4 7 Visibilit du focus e Crit re 3 2 3 Navigation coh rente 15 Chapitre 2 Structure des pages Il est ici question du positionnement des l ments facultatifs et obligatoires sur une page l ment s du bandeau sup rieur oo le El ment s du bloc principal 3 El ment s du pied de page DE Mots cl s Rendu g n ral des pages TA Le bandeau sup rieur et le pied de page doivent tre pr sents sur toutes les pages y compris les pages d erreur erreur 404 L emplacement la forme le contenu et le comportement des l ments principaux du bandeau sup rieur et du pied de page doivent tre identiques sur toutes les pages du site ou sous domaine du site Ceux ci peuvent tre compl t s par des informations sp cifiques la t
18. Construction du bloc Marianne POJE Le bloc Marianne est constitu de deux l ments superpos s ou plac s de mani re horizontale l ment sup rieur ou a gauche Marianne de la R publique francaise image l ment inf rieur ou droite Nom cas 1 ou logotype cas 2 de l organisme metteur L l ment inf rieur du cas 1 doit tre crit en TIMES NEW ROMAN toutes capitales pour le nom de l organisme et la typographie doit venir en d fonce blanche sur un fond de couleur ou tre en noir sur un fond blanc Si le site d pend de plusieurs metteurs 2 pr sentations possibles utiliser la Marianne flottante et le nom du site sa droite utiliser le bloc Marianne dans lequel tous les metteurs doivent tre pr sents 82 16 16 82 Lidenrifiamt de la Liderifiant communication A ag de la rommum goavernementale ibart M Fratmroii canan priver 4 eur fond hlane gt Set Parent on nenentale iar Lider Epshi Patras R PUBLIQUE FRAN AISE fond Wane REFUELIQUE FRANCAISE cas La di Logotype Nom de 7 l administration Minist re du Minist re sie Fi db os leur choisir vu fond blanz et typo de couleur Pause fpa omits 100 choisir mesure en pixels Pons i hpa tacto 100 Figure 8 Illustration des 2 cas possibles pour le bloc Marianne et des dimensions en pixel Le Bloc Marianne le favicon Marianne les logotypes pour le pied de page
19. Internet de l tat e Informations guide de marquage et d utilisation et conseils sur le dispositif Stat Gouv Demande par m l stat gouv premier ministre gouv fr e Consignes d talab APIE sur la mise en place d un r pertoire des informations publiques en cours de r actualisation www data gouv fr e Consignes d accessibilit pour les animations flash Adobe http help adobe com fr_FR flash cs using WSd60f23 1 10762d6b883b18f10cb1felaf6 7 25a html e Consignes des moteurs de recherche sur les plans de site sitemap et le r f rencement Google En http www google com support webmasters bin topic py topic 8476 Bing En http onlinehelp microsoft com en us bing gg132923 aspx e Protocole d exclusion des robots d un site Wikipedia http fr wikipedia org wiki Robots txt INTRODUCTION La Charte Internet de l tat un document de r f rence La Charte Internet de l tat recense l ensemble des r gles obligatoires applicables aux sites Internet de l tat Pour faciliter sa prise en compte par des prestataires la Charte Internet peut tre annex e tout cahier des charges portant sur la conception la r alisation ou la modification d un site web de l tat Un outil compl mentaire la proc dure d agr ment pour la cr ation de site internet Un formulaire d valuation pr sent la fin de cette charte vous permettra d valuer le pourcentage de conformit
20. aux changes lectroniques entre les usagers et les autorit s administratives et entre les autorit s administratives http www legifrance gouv fr affichTexte do jsessionid 4977E439A86CFD7069C7F6A826 F4B4F3 tpdjol0v_2 cidTexte JORFTEXT000000636232 amp dateTexte 20110324 Le compte rendu du conseil des ministres du 9 d cembre 2009 http www gouvernement fr gouvernement la deuxieme phase de la revision generale des politiques publiques Les formulaires proc dures d agr ment concernant Annexe 1 de cette circulaire La cr ation ou refonte d un site internet d un site mobile ou d une application La cr ation d un nom de domaine quelque soit l extension fr gouv fr com Le d cret n 98 1083 du 2 d cembre 1998 relatif aux simplifications administratives http www legifrance gouv fr affichTexte do cidTexte LEGITEXT000005627022 amp dateTe xte 20110415 Le d cret n 99 68 du 2 f vrier 1999 relatif la mise en ligne des formulaires administratifs http www legifrance gouv fr affichTexte do cidTexte LEGITEXT000005627448 amp dateTe xte 20110606 e Circulaires du 10 avril 1995 relative l exploitation et la conservation des rapports administratifs http www legifrance gouv fr affichTexte do jsessionid 4B741D9541C84E8357653E256B 6B6624 tpdjol2v_2 cidTexte JORFTEXT000000552958 amp dateTexte amp oldAction rechJO amp categorieLien id D autres documents sont cit s dans la Charte
21. d concentr es Il appartient dans ce cas chaque direction ou service en charge de la communication minist rielle de diffuser ces services des instructions compl mentaires sur les modalit s d ouverture d un site tant entendu que la proc dure doit toujours d boucher sur une demande d agr ment au SIG valid e au pr alable par la direction ou le service en charge de la communication du minist re de tutelle Internet territorial de l tat le projet de site unique d partemental fera l objet d instructions sp cifiques qui seront diffus es au fur et mesure des travaux pilot s par la DILA le SIG et les minist res concern s La Charte Internet de l tat par rapport aux autres documents de r f rence e la Charte Internet de l tat se substitue la Charte ergonomique 2008 pour les administrations d tat la Charte ergonomique 2008 reste applicable aux administrations territoriales e la Charte Internet de l tat renvoie aux r gles des r f rentiels g n raux applicables aux sites web www references modernisation gouv fr int gralit des r gles du R f rentiel G n ral d Accessibilit des Administrations pour une conformit l accessibilit de niveau A ou AA r gles du r f rentiel g n ral d interop rabilit RGI et du r f rentiel g n ral de s curit RGS sp cifiques aux sites web La Charte Internet de l tat un outil collaboratif Afin de r
22. la casse l interlignage l inter lettrage la couleur et l alignement du texte Enfin l association d une hi rarchie de styles de police des niveaux d information doit tre coh rente et respect e sur l ensemble du site les balises lt meta gt de chaque page Regle 34 TIRER La taille de la police utilis e doit tre au minimum de 12 pixels pour le contenu principal BOJO Le soulignement doit tre r serv aux liens hypertextes TRY La couleur peut tre utilis e condition qu elle respecte les crit res du RGAA Un outil pour mesurer facilement le contraste entre deux couleurs Ressources BENER est disponible ici Contr le du contraste Interop rabilit technique e 3 1 1 Encodage des caract res e 3 1 2 Polices d criture e Crit re 1 4 3 et 1 4 6 Contraste Pr sentation du texte e Crit re 1 4 8 Pr sentation visuelle Texte dans les images e Crit re 1 4 5 et 1 4 9 Texte sous forme d image Augmenter la taille du texte e Crit re 1 4 4 Redimensionnement du texte Texte clignotant e Crit re 2 2 2 Mettre en pause arr ter masquer Couleur des textes e Crit re 1 4 1 Utilisation de la couleur 26 Contenus de type article La Charte Internet de l tat n impose pas de r gles ditoriales pour la r daction du contenu des articles Cependant certaines r gles concernant la mise en forme sont d taill es ci apr s
23. march s et moyens financiers dont je dispose Enfin le service d information du Gouvernement recommande aux minist res de l informer rapidement de leurs projets de cr ation ou de refonte dans le cadre de la proc dure d agr ment obligatoire ceci afin d viter aux minist res d avancer sur des projets dont l agr ment serait refus rendant impossible la mise en ligne du site ou d un service en ligne R alisation du site Internet Architecture de l information Apr s la phase du cadrage la phase de r alisation doit d buter par la d finition de l architecture de l information du futur site L architecture de l information est la cat gorisation de l information en une structure coh rente et hi rarchique Elle permet le choix de syst mes de navigation adapt s la structure et la taille du site et peut se formaliser sous forme d arborescence EAU La d finition de l architecture de l information doit r pondre trois objectifs 1 Recenser les contenus du site 2 Cat goriser ses contenus en rubriques 3 Organiser les rubriques entre elles hi rarchisation en plusieurs niveaux d information liens entre contenus Dans la Charte Internet de l tat deux notions sont utilis es pour caract riser l architecture de l information gt La profondeur le nombre de niveaux d information du site recommandation 4 maxi 47 gt La largeur ou hauteur le nombre de rubriques un niveau d
24. marches en ligne et donn es personnelles gt Formulaires 21 Plan du site Le plan du site est un l ment de navigation et d orientation qui permet l utilisateur d avoir une vision d ensemble du site et d atteindre un contenu quelque soit le niveau de profondeur dans l arborescence Aider l utilisateur se situer e Crit re 2 4 8 Localisation Localisation du plan de site e Crit re 3 2 3 Navigation coh rente Mentions l gales 170598 Une page Mentions l gales doit tre pr sente sur le site TAB Les mentions l gales doivent renseigner les informations suivantes e informations sur l diteur e informations sur le traitement des donn es personnelles e informations sur la pr sence de liens hypertextes eo jas La CNIL propose un outil de cr ation des mentions l gales concernant S le traitement des donn es personnelles mentions l gales Bonne Site France fr JELTES http www france fr page mentions legales Page Accessibilit La page Accessibilit doit lister les pages ou secteurs du site ne respectant pas les exigences d accessibilit nonc es dans le RGAA R gle 24 Modalit s d application du RGAA e Crit re 5 4 Attestation de conformit Aide aux usagers La Charte Internet de l tat oblige minima au site de proposer une page d aide comprenant une foire aux questions FAQ En compl ment d aut
25. sent sur le site 42 La page Recueil de l avis des utilisateurs est accessible depuis le pied de page du site 43 La page Recueil de l avis des utilisateurs communique les r sultats des tudes utilisateurs r alis es par le SIG 44 Une adresse email de contact est mentionn e sur la page Recueil de l avis des utilisateurs Contenus 45 L encodage des caract res utilis s est UTF 8 46 La police utilis e est sans serif et il n y a pas plus de 4 styles de police sur une m me page 47 Les pictogrammes utilis s sont conformes la charte Internet de l Etat 48 La taille de la police est au minimum de 12 pixels pour le contenu principal 49 Seuls les liens hypertextes sont soulign s 50 La couleur utilis e respecte les crit res du RGAA 51 La date de publication ou de mise jour est indiqu e sur les pages de contenu 52 La longueur du texte ne d passe pas 4 crans de 768 pixels de haut 53 Lorsque la longueur du texte d passe 4 crans de 768 pixels l article est pagin 57 54 Une feuille de style d di e est disponible pour l impression d un article et comprend L metteur du site et son identifiant visuel La date de l impression L URL de la page Le fil d Ariane 55 Un syst me de glossaire est mis disposition des usagers 56 Les images ayant une fonction informative ou de navigation ont une alternative textu
26. 16 Plan du site recherche sondage r pertoire des informations publiques mentions l gales contact FAQ 20 CONTENUS ao cecsscesccdecnccsecevenesediedsecacesesscaeceea secs csteveceeesecudscueedavececesedeectedsceueascavecus dadseesevedoesbededeees ne de AR 25 CHAPITRE 3 s CONTENUS TEXTUELS 5342524548 contada cc taba alada taa t ae E a aaa Ea eaaa o aA ai landvads conan dosdeadsaateasachacecsacadhacsatccsassane Police caract re texte article couleurs contraste encodage lisibilit formatage CHAPITRE 4 CONTENUS MULTIMEDIA Lu lesne tinca a a is ts Image audio vid o flash animation pictogramme icone CHAPITRE 5S AUTRES CONTENUS sv saccssssccasasacceeeascesesv ves ieta iiaei aaith ireira o eas idies Liens t l chargement bouton tableau e R gie RSS widgets bookmarks FONCTIONNALITES 22 0 0 ccscesssescoscsscceassstcsssdecenssscecassctcedesesasedesscodsdisconsedeccnsssadeosssedensssccvasecicedessidcededecesedescosesteacasesteess 39 CHAPITRE 6 DEMARCHES EN LIGNE ET DONNEES PERSONNELLES ssccccesscceesscecesseeeceeaeeceesaeeceeseeaeeeseeseeeceaeeeeeeaaeeseeeeeesenaeeeees 40 Formulaires authentification d marche en ligne t l service outil de suivi accus de r ception 40 GESTION OPERATIONNELLE 5 05 coccceseossscosssestecnsessccnsessscosssssenssscconessncueesesenestscenesseacnesssdonsessecossscactesscteeessscensvsssenss sane 46 CHAPITRE ZE MIE DU SITE 225 nee annee a Re naar dent ee 47 Architect
27. ages Selon les fonctions associ es aux images des r gles sp cifiques sont impos es Les fonctions qui sont concern es sont les suivantes e fonction informative ex sch ma pictogramme e fonction de navigation ex image lien e fonction d corative ex image de fond La Charte Internet de l tat rappelle les r gles du RGI quant aux formats d image utilisables sur un site web R gles g n rales sur les images POV Les images ayant une fonction informative ou de navigation doivent avoir une alternative textuelle attribut alt Les images ayant une fonction d corative doivent avoir une alternative textuelle du type alt ce qui correspond un attribut vide Voir aussi Formats d image autoris s e 3 1 3 Formats d image e 3 1 6 Formats d objet graphique 2D Alternative aux contenus multim dias e Crit re 1 1 1 Contenu non textuel Incrustation de texte dans une image e Crit re 1 4 5 et 1 4 9 Texte sous forme d image e Crit re 1 4 6 Contraste Pictogrammes Le choix des pictogrammes est libre mais la Charte Internet de l tat impose certains symboles employer afin d avoir une pr sentation coh rente sur l ensemble des sites 28 Consistance de l association d une image une signification e Crit re 3 2 4 Identification coh rente INR Les pictogrammes utiliser selon leur signification ci dessous
28. ainsi que des suggestions de pictogrammes sont disponibles sur demande l adresse suivante charte internet premier ministre gouv fr 18 Fonction de recherche TARA La pr sence d une fonctionnalit de recherche est obligatoire pour tout site de l tat L apparence l emplacement et le comportement de la fonction recherche doivent tre identiques sur l ensemble des pages Localisation de la fonction recherche e Crit re 3 2 3 Navigation coh rente Bloc Principal Fil d Ariane TITRE Le fil d Ariane doit tre directement en dessous du bandeau sup rieur TIMES Le bloc Marianne et le titre du site doivent comporter un lien vers la page d accueil du site Accueil gt Nos missions gt dition publique Figure 9 Bonne pratique de positionnement du fil d Ariane source portail de la DILA Menu vertical TASER Si le site dispose d un menu de navigation vertical celui ci doit tre situ gauche dans le bloc principal VEUC Consignes sur les syst mes de navigation Chapitre 1 Menu de navigation vertical Figure 10 Proposition de bloc principal Site du Minist re de l Ecologie du D veloppement Durable des Transports et du Logement http www developpement durable gouv fr Actualites 129 html Bonne pratique 19 Aucune autre contrainte de positionnement sur le bloc principal n est impos e par la Charte Internet de l tat Les r
29. avier e Crit re 2 4 1 Contourner des blocs Contenu compr hensible ind pendamment de sa pr sentation e Crit re 1 3 1 Information et relations e Crit re 1 3 2 Ordre s quentiel logique e Crit re 1 3 3 Caract ristiques sensorielles e Crit re 4 1 2 Nom r le et valeur Fin du projet archivage du site ou fusion Chaque administration en charge de sites internet a pour obligation d archiver les sites la fermeture de ceux ci NTRA L archivage sur support physique est obligatoire pour tout site n tant plus mis jour ou maintenu techniquement La mise disposition des archives reste sous la responsabilit du minist re NOS Les contenus archiv s peuvent tre int gr s des sites encore en activit Dans ce cas une redirection d finitive type 301 doit tre mise en place vers l emplacement qui int gre les contenus Apr s 3 ans les redirections d url peuvent tre suspendues si celles ci ne g n rent plus un trafic important 53 FORMULAIRE D VALUATION Crit res de conformit la Charte Internet de l Etat Gestion op rationnelle 1 La d finition de l architecture de l information r pond aux objectifs suivants Recensement des contenus du site Cat gorisation des contenus en rubriques Organisation des rubriques entre elles Conformit Observations 2 Une demande d agr ment a t d pos e aupr s du SIG pour tout projet de cr ati
30. ce fichier la Commission Nationale de l Informatique et des Libert s CNIL Ressources Protection des donn es personnelles e 3 4 Confidentialit e Crit re 3 3 4 Pr vention des erreurs juridiques financi res donn es ES Modification des donn es personnelles 45 GESTION OPERATIONNELLE Chapitre 7 Vie du site Ce chapitre d crit les principales proc dures respecter selon les phases d un projet de site Internet de l Etat Cadrage du projet R alisation du site internet Gestion du site Fin du projet archivage du site ou fusion Architecture de l information nom de domaine pilotage Stat Gouv Mots cl s ee re i r f rencement compatibilit navigateur internet script Cadrage du projet Le lancement d un projet de cr ation ou de refonte de site est le d but d un long processus qui va durer entre 2 mois et 1 an voire plus selon la taille du projet r aliser et la n cessit de ressources humaines et financi res importantes Avant tout projet assurez vous de pouvoir r pondre aux questions suivantes Quel est l objectif du site sa fonction et ses cibles Est ce que ce projet n cessite la cr ation d un site ind pendant Un autre site gouvernemental remplit il d j cette fonction Est ce que je poss de les ressources suffisantes son alimentation en contenus et sa gestion technique Quels sont les
31. cial bookmarking permet aux internautes de stocker classer chercher et partager leurs liens favoris REA Les l ments de partage communautaire doivent tre indiqu s par les pictogrammes d di s dans la zone de fonction associ e l article Consignes sur les pictogrammes Chapitre 4 Contenus multim dia gt Voir aussi Pictogrammes paa Favoris amp Partage QY Digg Slashdot Pa e Delicious 2e Twitter GM a Messenger Myspace M E Facebook Google StumbleUpon E Newsvine Settings AddThis Figure 23 Exemple d un article de fonctionnalit s de partage communautaire de contenus via 8 r seaux Source Minist re de la Justice Lettre d information lectronique La lettre d information infolettre ou newsletter est un courrier lectronique qui est envoy e des utilisateurs abonn s format texte REA Les lettres d information doivent tre propos es la fois au format HTML et au REA Toute constitution de fichier d abonn s doit faire pr alablement l objet d une d claration la Cnil YA Les conditions d utilisation des lettres d informations doivent figurer sur la page mentions l gales du site metteur EAP Un m canisme de d sinscription l abonnement aux lettres d information doit tre disponible dans chacune des lettres et sur le site 37 Votre courriel m Infolettres Choisissez les lettres qui vo
32. d un portail des services de Etat dont les noms de domaine seront de la forme nomdelar gion gouv fr e Un mod le unique de site organisant les informations qui devront tre contenues dans les sites de d partements e Deux offres de services l une port e par le minist re de l cologie du d veloppement durable des transports et du logement offre Giseh et l autre par le minist re de l int rieur de l outre mer et des collectivit s territoriales et de l immigration offre Pise 2 Les modalit s techniques Chaque d partement doit faire le choix de la solution technologique support de son site unique partir des deux offres existantes pr cit es Un planning global sera tabli entre l quipe projet SIG DILA les deux minist res pr cit s et les correspondants d partementaux afin d organiser ce d ploiement en tenant compte des diff rentes contraintes des minist res et des d partements II Niveau r gional Le mandat confi au SIG sur l internet territorial permettra de d finir les principes de l articulation technique et ditoriale entre les contenus d partementaux et r gionaux Chaque d partement chef lieu de r gion doit n anmoins disposer de son propre site conforme au mod le IDE distinct pour l acc s usager des contenus relevant du niveau de administration r gionale de Etat
33. d crit les r gles respecter par les sites Internet pour obtenir une qualit de service satisfaisante EAU Les sites Internet de l tat doivent tre optimis s pour un fonctionnement sur un cran d une r solution de 1024x768 pixels Aye Les sites doivent tre compatibles avec les navigateurs suivants e Internet Explorer 6 7 8 et 9 e Mozilla Firefox 3 5 et ult rieure e Safari4et5 e Op ra IATA L int gralit du contenu textuel doit tre accessible sur le navigateur en mode texte La consultation par un navigateur en mode texte permet de facilement d terminer le comportement lors d une navigation au clavier et donc la conformit au RGAA Cela permet aussi d identifier ce que comprendront les m canismes d indexation automatique des moteurs de recherche t m Politiques publiques Figure 391 Exemple de consultation d une m me page sur un navigateur classique partie haute et sur un navigateur en mode texte partie basse Source www gouvernement fr Le navigateur en mode texte Lynx pour Windows Mac Linux est Ressources disponible ici Lynx Compatibilit avec les navigateurs internet e 4 1 4 Navigateurs web Compatibilit avec les protocoles r seaux e 4 4 2 Technologies 52 Alternative aux contenus non textuels e Crit re 1 1 1 Contenu non textuel Navigation au clavier e Crit re 2 1 1 Clavier e Crit re 2 1 2 Pas de pi ge au cl
34. d veloppement d un site web TELLE L int gralit du contenu du site quelle que soit sa nature doit tre consultable apr s d sactivation des scripts ex JavaScript 48 Ressources Normes de sur les langages utilisables pour internet e 84 1 1 Technologies pour construire les IHM e 4 1 2 Feuilles de styles e 84 1 3 Utilisation de scripts Pas de contrainte de temps e Crit re 2 2 1 R glage du d lai Pas de comportement impr visible provoqu par des scripts e Crit re 3 2 1 Au focus e Crit re 3 2 2 A la saisie e Crit re 3 2 5 Ala demande Respect des normes d utilisation des attributs HTML Crit re 4 1 1 Analyse syntaxique Gestion du site Sont abord s ici les sujets relatifs aux performances du site en termes d affluence et de confort d utilisation pour l utilisateur e Statistiques du site Stat Gouv e R f rencement naturel e Compatibilit technique Statistique du site Stat Gouv Stat Gouv est un dispositif de mesure d audience et de performances d un site Ce service est mis disposition par le service d information du Gouvernement SIG pour l ensemble des sites gouvernementaux Ce dispositif utilise un outil de mesure d audience dont la pr cision et la m thode de mesure sont compatibles avec les recommandations et une certification OJD Association pour le contr le et la diffusion des m dias Il offre notamment les fonctionnalit s sui
35. d information sont propos es la fois au format html et au format texte 82 La constitution d un fichier d abonn s a fait l objet au pr alable d une d claration la Cnil 83 Les mentions l gales du site pr cisent les conditions d utilisation des lettres d information 84 Un m canisme de d sinscription l abonnement aux lettres d information est disponible dans chacune des lettres et sur le site Fonctionnalit s 85 Les d marches en ligne ont t homologu es par la DGME et signal es la DILA 86 Le d lai de traitement d une d marche en ligne est affich avant le d marrage de celle ci 59 87 Un outil de suivi de l avancement de la d marche est mis disposition des utilisateurs 88 Les formulaires en ligne du site ont t d clar s au pr alable la DGME et signal s la DILA 89 Les champs obligatoires des formulaires en ligne sont signal s de mani re identique sur l ensemble du site 90 La signal tique des champs obligatoires des formulaires en ligne est expliqu e au d but de chaque formulaire 91 Les boutons d action associ s un formulaire en ligne sont situ s en dessous du formulaire 92 Les syst mes de CAPTCHA disposent d une alternative sonore 93 Le formulaire est scind en plusieurs pages lorsqu il d passe deux crans de 768 pixels 94 Les formulaires en ligne sont pr remplis avec les donn es personnelles dont dispose
36. de profondeur Si la profondeur du site d passe la profondeur maximale du syst me de navigation il faut mettre en place un ou des systeme s de navigation compl mentaires la Charte Internet de l tat n impose pas de contrainte quant au choix de ce s dernier s Profondeur des menus de navigation principale et compl mentaire Le tableau ci dessous r capitule pour chaque type de menu les largeurs hauteurs et profondeurs maximales recommand es selon le type de syst me de navigation Largeur Profondeur Menu horizontal d roulant 9 3 Onglets horizontaux 7 2 Hauteur Profondeur Menu vertical 9 4 14 Fil d Ariane TA Le fil d Ariane est obligatoire et son emplacement doit tre identique sur toutes les pages Il doit respecter les consignes de construction suivantes tre au format texte html commencer par le libell Accueil les libell s sont s par s par des chevrons gt chaque l ment le constituant doit tre cliquable il renvoie vers la page du niveau de l arborescence correspondante e les libell s du fil d Ariane doivent tre identiques aux libell s correspondants du syst me de navigation principal et le cas ch ant du des systeme s de navigation compl mentaires Le fil d Ariane synonymes chemin de navigation chemin de fer ou encore Petit Poucet est constitu d une suite ordonn e de libell s correspondant chacun
37. e Crit re 3 1 3 Mots rares e Crit re 3 1 4 Abr viations e Crit re 3 1 6 Prononciation R pertoire des informations publiques Data gouv fr La page R pertoire des informations publiques a pour but de recenser les donn es publiques r utilisables de l administration et de permettre au portail data gouv fr de r f rencer automatiquement ces informations REA Un lien vers la page du R pertoire des informations publiques ou un lien vers le site data gouv fr doivent tre pr sent dans le pied de page du site Si administration en charge du site n est pas en mesure de r aliser la page r pertoire des informations publiques le lien vers le portail data gouv fr est suffisant R gle Si le site comporte un R pertoire des informations publiques les informations pr sentes sur celui ci doivent tre accessibles via un flux XML Pour en faciliter sa r utilisation chaque document ou chaque corpus de documents est accompagn minima des renseignements suivants e titre date de cr ation nature ou type de ressource format du fichier dates et fr quence des mises jour ventuelles et objet des mises jour description et ou mots cl s conditions de r utilisation adresse de la licence ou des textes r glementaires d cret ou arr t si la r utilisation du document est soumise une redevance 23 Parcourir Informations juridiques E Centre d analyse strat
38. e proc der l achat du nom de domaine par son bureau d enregistrement le SIG aura au pr alable inform l AFNIC de l obtention de l agr ment pour ce qui concerne l extension fr Le nom de domaine doit tre r serv au nom de l tat fran ais sous la formule suivante tat fran ais repr sent par suivie de l identit de l autorit du responsable de la r servation Cette proc dure permet une d signation uniforme de l tat fran ais en tant que propri taire de noms de domaine e Le demandeur peut galement faire proc der l achat des noms de domaine identiques ou proches du nom de domaine envisag dans les extensions les plus pertinentes et les plus populaires pr vention du typosquatting Afin de faciliter l obtention de l agr ment d finitif le SIG propose au demandeur un suivi de projet lors des grandes tapes de d cision Un site internet se d finit comme tant constitu d une interface comprenant un contenu une arborescence et un graphisme sp cifiques Une modification majeure se d finit par la modification d un des l ments constitutifs du site positionnement arborescence charte graphique ETAPE 2 Agr ment d finitif Tout projet doit obtenir un agr ment d finitif avant sa mise en ligne Afin de faciliter l appr ciation du projet le minist re devra fournir 10 jours avant louverture du site les l ments constitutifs charte maquettes ou communiquer u
39. e suivi Pour plus d informations contacter DGME Service Projets Tel 01 53 18 05 24 64 70 all e de Bercy B timent Sully 75572 Paris Ressources Accus de r ception e 4 2 R gles et recommandations de s curit Services en ligne e 84 3 1 Protocole d change des messages de l administration e 4 3 2 Les services Web SOAP e 4 3 3 Les services Web REST Utilisation du courrier lectronique e 84 2 1 Messagerie Formulaires La Charte Internet de l tat d finit un formulaire comme l outil permettant la saisie d informations par l utilisateur dans le but de les transmettre de les conserver ou encore d alimenter une d marche en ligne TA Pour publier un formulaire en ligne celui ci doit tre pr alablement d clar aupr s de la direction g n rale de modernisation de l tat DGME sauf en cas d rogation pr vue par le d cret n 98 1083 du 2 d cembre 1998 Le formulaire Cerfa doit tre publi uniquement sur le site de la DGME formulaires modernisation gouv fr sauf d rogation 41 TA La direction de l information l gale et administrative DILA doit tre inform e de l homologation et de la publication du formulaire pour le r f rencer sur www service public fr d cret n 99 68 du 2 f vrier 1999 Pour contacter la DILA Service public fr www dila premier ministre gouv fr Tel 01 40 58 75 00 26 rue Desaix 75727 Paris Cedex 15 Resso
40. elle attribut alt 57 La lecture d un contenu audio ou vid o requiert une demande de la part des utilisateurs 58 Les contenus vid o sont diffus s via la plateforme de diffusion interminist rielle FilGouv 59 Les contenus vid os diffus s disposent des informations suivantes Un titre 5 mots cl s minimum Une courte description Une vignette image de d part Un texte pour inciter la lecture 60 Les contenus audio et vid o disponibles en t l chargement signalent la dur e du contenu 61 Les liens textuels se distinguent visuellement du texte normal 62 La pr sentation et le comportement des liens hypertextes sont identiques sur toutes les pages du site 63 Le libell d un lien interne au site web est aussi proche que possible du titre de la page cible ou int grent des mots cl s d crivant la page cible 64 Les liens vers des sites externes s ouvrent dans une nouvelle fen tre se distinguent visuellement des liens internes au site web ont la formule Nouvelle fen tre dans l attribut title 65 Les informations suivantes sont pr cis es lors d un t l chargement descendant ou download Nom du fichier Format du fichier Poids du fichier Date de mise jour du fichier ou de publication 66 Les fichiers t l charger t l chargement descendant ou download de plus de 5Mo apportent une estimation de la dur e de t l chargement
41. er l une des dimensions suivantes 468x60 728x90 300x250 180x150 Pour s affilier au service e R gie veuillez contacter le SIG l adresse suivante charte internet premier ministre gouv fr Vitesse de d filement des contenus e Crit re 2 2 2 Mettre en pause arr ter masquer Remplacement des m dias temporels e Crit re 1 2 1 Contenu audio ou vid o pr enregistr 35 Flux RSS La syndication de flux RSS consiste rendre le contenu d un site instantan ment disponible d autres sites Ainsi d s lors que le contenu syndiqu d un site est mis jour cr ation ou modification d un article le flux RSS est automatiquement mis jour POA Si un site Internet public agrege sur ses pages un flux RSS issu d un site tiers il endosse la responsabilit propre un diteur de contenu et doit le signaler dans les mentions l gales du site OA Les flux RSS doivent tre indiqu s par un pictogramme d di ROAA La mise disposition de flux RSS doit pr voir une aide contextuelle pour utilisateurs afin de faciliter l utilisation de ces flux Flux RSS e 3 2 9 Syndication de contenu Consignes sur les pictogrammes Consignes sur les pictogrammes Chapitre 4 Contenus multim dia gt Pictogrammes Voir aussi 36 Partage communautaire de contenus Le partage communautaire de contenus ou encore partage de signets so
42. ernent d sormais toutes les extensions de noms de domaine gouv fr fr com org etc Les modalit s de l agr ment et les formulaires qui lui sont associ s font l objet de l annexe 2 de la pr sente instruction 3 L Internet territorial de l tat L exigence de lisibilit et de coh rence de la pr sence de l tat sur Internet vaut galement pour les services d concentr s Cet objectif se traduit aujourd hui par la cr ation dans chaque d partement m tropolitain d un site unique pour les services de l tat Le site est dot d un nom de domaine de la forme nomdud partement gouv fr Un mod le de site unique d partemental construit dans le respect des directives de la nouvelle charte des sites Internet de l tat sera d ploy sur l ensemble des d partements avant le 31 d cembre 2012 Les modalit s de d ploiement de ce mod le sont pr cis es dans l annexe 3 de la pr sente instruction En r gion m tropolitaine comme ultramarine les portails des services de l tat disposent d sormais d un nom de domaine en region gouv fr Afin de renforcer la lisibilit de la pr sence des services d concentr s de l tat au del des sites Internet d partementaux je demande au service d information du Gouvernement de proc der pour la fin du premier semestre 2012 un audit de l existant puis de proposer un sch ma d organisation pour un Internet territorial de l tat rationalis et homog
43. formation l gale et administrative DILA Service public fr La d marche sera alors r f renc e dans les pages du portail et annonc e dans la lettre hebdomadaire de service public fr 40 TITLE Le d lai de traitement d une d marche en ligne doit tre affich avant le d marrage de celle ci Suivi de l avancement d une d marche en ligne YAA Un site qui propose une d marche en ligne doit mettre a disposition un outil de suivi de l avancement de la d marche Cet outil d livrera un accus de r ception de la demande de l utilisateur obligation d tre envoy dans les 48 heures sous forme d un courriel et ou d une notification dans l outil de suivi de la d marche Il doit galement indiquer e la date et le statut de d but du traitement par l administration e la date et le statut de fin de traitement par l administration MON SUIVI DE DEMARCHES Ce tableau de bord vous donne une vue globale de vos d marches administratives en cours D couvrez aussi toutes les d marches pr sentes sur mor service publc fr dans l annuaire des d marches E gt Formulaires pr remplissables Nouveau gt RINM PANGAI gt Formulaire Cerfa n 12621 01 J 18 02 2011 Demande de certifica de non appel Traitsment de votre d marche En coure Figure 25 Exemple de suivi de d marche sur Mon service public fr La DGME propose un outil de cr ation de d marches en ligne avec m canisme d
44. gique Textes l gislatifs et r glementaires D cret n 2006 260 du 6 mars 2006 instituant la Circulaires etinstructions cr ation du Centre d Analyse Strat gique pi y Standards normes et certification Informations administratives Centre d analyse strat gique Conseil d analyse conomique D cret n 97 766 du 22 juillet 1997 portant cr ation du TR E e naaa rana mi ra Informations budg taires et financi res Conseil d analyse conomique M Communication Informations conomiques et sur les politiques seen Centre d analyse strat gique Centre d analyse strat gique D cret n 2004 666 du 8 juillet 2004 portant cr ation du Conseil d analyse de la soci t l Figure 14 Exemple de pr sentation des informations publiques site du Gouvernement IZA Lorsque la page R pertoire des informations publiques utilise des pictogrammes pour informer des conditions de r utilisation des informations elle doit reprendre les pictogrammes de l APIE et en respecter le mode d emploi Le guide ETALAB APIE des r pertoires des informations Ressources publiques www data gouv fr Recueil de l avis des utilisateurs La page recueil des avis utilisateurs a pour objectif d inciter les internautes partager leurs retours d exp rience afin d am liorer terme la qualit de navigation et d information des sites internet de l tat BOOKIE La pr sence de l outil d va
45. h matique ou la rubrique en question R gle 8 Chaque page doit faire appara tre le favicon Marianne par d faut ou le favicon du logo identifiant le site ou son metteur r France Diplomatie Minist re des Affaires tr 3 http ffwww diplomatie gouv Fr frj Ea Figure 5 Bonne pratique d affichage du favicon Marianne Source Minist re des Affaires trang res et Europ ennes R gle 9 Le titre de la page suivi du titre du site doit tre renseign sur toutes les pages et ne _pas d passer de pr f rence 80 caract res 2 Salle de Presse Portail du Gouvernement Mozilla Firefox Figure 6 Bonne pratique de titre de page Source SIG Le Bloc Marianne le favicon Marianne les logotypes pour le pied de page ainsi que des suggestions de pictogrammes sont disponibles sur demande l adresse suivante charte internet premier ministre gouv fr Ressources 16 La pr sentation d un site web conditionne la perception et la compr hension de l information par les usagers Elle est un l ment essentiel d identification de l metteur et doit lui permettre de retrouver les m mes rep res sur l ensemble des sites de l tat Elle doit respecter des contraintes fortes en termes d accessibilit e Consignes sur les syst mes de navigation Chapitre 1 Voir aussi e Consignes sur les r gles de nommage Chapitre 7 Vie du site gt Noms de domaines Feuilles de
46. it et D fense Soci t nn 4 ate BR TS A Travail conomie Emploi Programmes Figure 16 Exemple de lecteur fil Gouv Ressources Consignes d Adobe pour des contenus flash accessibles en Adobe Consignes pour l affiliation la plateforme de diffusion vid o fil Gouv Voir aussi E be charte internet premier ministre gouv fr Consignes sur le t l chargement de fichiers Chapitre 5 Autres Voir aussi contenus gt Fichiers Formats multim dias autoris s e 8 3 1 4 Formats de s quence sonore e 8 3 1 5 Formats de s quence vid o Alternatives aux contenus multim dias sous titres et audio transcription e R gle 1 2 M dia temporel Contenus clignotant e Crit re 2 3 1 Pas plus de 3 flashs sous le seuil critique Accessibilit des lecteurs audio ou vid o e Crit re 1 4 2 Contr le du son e Crit re 2 1 3 Clavier e Crit re 4 1 2 Nom r le et valeur e Crit re 2 2 2 Mettre en pause arr ter masquer Lancement automatique de la lecture e Crit re 3 2 5 Changement la demande 30 Chapitre 5 Autres contenus Sont abord s ici les contenus autres que textes ou multim dias liens hypertextes fichiers en t l chargement boutons d action tableaux banni res promotionnelles flux RSS partage de favoris lettre d information lectronique Liens t l chargement bouton tableau e R gie RSS widgets Mots cl s bookma
47. le site 95 Lorsque le formulaire est scind en plusieurs pages Les informations saisies par l utilisateur sont automatiquement enregistr es chaque page Une description des diff rentes pages est pr sent e en amont du formulaire Une page de synth se des informations est intercal e avant la soumission finale du formulaire Un syst me de navigation d di permet l internaute de d terminer sa position et de revenir la page pr c dente 96 Le m canisme d authentification pour acc der des d marches en ligne permet galement l utilisateur de s authentifier au site mon service public fr 97 Le m canisme d authentification au site mon service public fr est constitu Du logotype du site mon service public fr D un lien texte vers la page de connexion du site mon service public fr 98 Le m canisme de d connexion du site mon service public fr est constitu Du logotype de mon service public fr avec un lien vers le portail D un lien de gestion des liaisons avec mon service public fr D un lien de d connexion globale de mon service public fr 60 99 Il est propos l utilisateur utilisant son compte mon service public fr de d poser les documents qu il t l charge t l chargement montant ou upload dans son espace personnel de stockage 100 La conservation des donn es personnelles des utilisateurs dans un fichier autre que celui de mon service public f
48. leau avec outil de s lection multiple des items ES IM ES Nomdudocument FiDete Elypede document Auteur FT Certificat de non gage 01 01 08 Certificat Jean Desmoulins FT Certificat de concubinage 14 02 08 Certificat Jean Desmoulins FT Attestation de l employeur 31 03 08 Attestation Jean Desmoulins FT Certificat m dical 10 05 08 Certificat Jean Desmoulins M Formulaire de demande d aide 23 06 08 Formulaire Jean Desmoulins m v Identification des donn es dans un tableau e Crit re 1 3 1 Informations et relations e Crit re 2 4 6 En t tes et tiquettes Lecture d un tableau au clavier e Crit re 1 3 2 Ordre s quentiel logique Navigation au clavier e Crit re 2 1 3 Clavier Banni res promotionnelles Service e R gie E R gie est un dispositif mutualis de gestion de campagnes promotionnelles qui permet de programmer l affichage banni res dynamiques dans les espaces pr vus sur les sites Internet de l tat Ce service est administr par le service d information du Gouvernement SIG INEA Les banni res promotionnelles et publicit s doivent tre valid es par le service e R gie du SIG TITLE Les pages d accueil des sites doivent arborer un emplacement e R gie Dans le cas o d autres pages b n ficieraient d un fort trafic des emplacements compl mentaires peuvent tre pr vus Les emplacements r serv s aux banni res E R gie sur les pages du site metteur doivent respect
49. ltiples Voir aussi Utilisation des donn es personnelles Pour simplifier l exp rience de l utilisateur et personnaliser son offre le site peut lui proposer de retrouver des donn es le concernant favoris coordonn es apr s une authentification Authentification TAC Si un m canisme d authentification pour acc der des d marches en ligne concernant le public Particulier est disponible sur le site alors il doit aussi tre possible pour l utilisateur de s authentifier avec mon service public fr PO Le m canisme d authentification mon service public fr doit tre constitu des l ments suivants 43 e Le logotype de mon service public fr e Un lien texte vers la page de connexion de mon service public fr A Connectez vous Num ro de s curit sociale Oo Mot de passe gt Mot de passe oubli gt Connectez vous avec mon EM Service Public fr rc ras En Savoir Plus Figure 28 Exemple de zone d authentification proposant les deux m canismes Source Assurance Retraite INTA Une fois connect le site doit proposer un m canisme de d connexion de mon service public fr Ce m canisme doit tre constitu des l ments suivants e le logotype de mon service public fr avec un lien vers le portail e un lien de gestion des liaisons avec mon service public fr e unlien de d connexion globale de mon service public fr
50. luation mis a disposition par le service d information du Gouvernement concernant la qualit du site et des services propos s est obligatoire sur le site Ce syst me permettra l internaute d valuer rapidement la qualit du site et de comparer son appr ciation aux avis des autres utilisateurs BOOKIE Cet outil devra tre accessible depuis un lien pr sent dans le pied de page intitul Recueil de l avis des utilisateurs INTRO La page intitul e Recueil de l avis des utilisateurs devra mentionner de mani re obligatoire une adresse mail d di e au recueil des avis des utilisateurs Les adresses lectroniques cliquables attribut mail to sont interdites et l utilisation d un formulaire est conseill e 24 CONTENUS Chapitre 3 Contenus textuels Il est ici question des consignes de mise en forme de tous les contenus textuels 1 Formatage d un texte 2 Contenus de type article Police caract re texte article couleurs contraste encodage lisibilit Mots cl s formatage Formatage d un texte TIRER L encodage des caract res utilis s doit tre UTF 8 Ce choix doit tre renseign dans La police utilis e doit tre sans serif exemple Arial Verdana Il ne doit pas y avoir plus de 4 styles de police utilis s sur une m me page Un style d finit la police la taille de la police les attributs de la police droit italique gras etc
51. n 5574 SG Paris le 16 f vrier 2012 Monsieur le ministre d tat Mesdames et Messieurs les ministres Mesdames et Messieurs les secr taires d tat Messieurs les pr fets de r gion Mesdames et Messieurs les pr fets de d partement OBJET Internet de l tat ANNEXES 1 Charte Internet de l tat 2 Proc dures d agr ment des projets Internet et num riques de l tat 3 Internet territorial de l tat Le d veloppement de la relation num rique entre l tat et ses interlocuteurs est un gage de qualit de service Dans le cadre de la r vision g n rale des politiques publiques RGPP le Gouvernement s est engag rationaliser et simplifier le paysage de l Internet de l Etat Il s agit de r duire le nombre des sites d en am liorer la lisibilit d en encadrer la cr ation et d en pr ciser les caract ristiques ergonomiques et techniques afin d offrir aux citoyens un service public num rique la hauteur de leurs attentes Dans ce but je vous demande de respecter les r gles suivantes 1 La Charte de l Internet de P tat L tat doit utiliser tout le potentiel d Internet pour offrir aux usagers des services num riques de grande qualit ergonomie interop rabilit s curit et accessibilit La nouvelle Charte de l Internet de l tat clarifie les obligations auxquelles doivent se conformer les sites des administrations centrales et des services d concent
52. n est un lien particulier qui d clenche un traitement de l information RATE Les boutons d action doivent tre repr sent s de mani re distincte des autres liens Vahder Effacer Annuler Figure 49 Exemple de boutons d action avec mise en vidence de l action par d faut Libell s des boutons d action TA l apparence et le libell des boutons d action sont identiques sur toutes les pages Il ne doit pas d passer 15 caract res RTE Des libell s sont impos s pour les fonctionnalit s suivantes Confirmer un choix ou une op ration Valider Poster un formulaire Envoyer Lancer une requ te Rechercher ou OK Vide les champs d information Effacer Quitter la proc dure d marche Annuler Revenir l tape pr c dente Retour Aller l tape suivante Suivant D connexion D connexion Partager Partager Ajouter Ajouter T l charger T l charger 33 Pr sentation des boutons RAS Les boutons d action ne doivent pas tre au format image a moins de proposer une version alternative accessible Le survol d un bouton d action actif doit tre visible Figure 20 Exemple de changement d tat du bouton au passage de la souris et du focus surbrillance de l item s lectionn L attribut TITLE doit tre renseign afin que l info bulle apparaisse lors du survol du bouton L info bulle d crit l action li e au bouton d action
53. n gies 36 40 t l sS rvic i iii dar 45 texte 7 16 29 30 32 34 36 43 56 57 vV VIDEO S A A 33 34 35 41 Table des Ressources Les ressources renseign es dans les chapitres de la Charte Internet de l tat sont rassembl es dans ce chapitre e Administration en charge de la mise en uvre de la Charte Internet e Outils et ressources informatiques e Documentation Administration en charge de la mise en ceuvre de la Charte Internet L administration contacter pour toutes questions relatives la mise en uvre de la Charte Internet de l tat est Service d Information du Gouvernement D partement Communication Externe 19 rue de Constantine 75340 Paris Cedex 07 M l charte internet premier ministre gouv fr Tel 01 42 75 77 19 Outils et ressources informatiques Les programmes fichiers outils Internet permettant de faciliter la mise en application de la Charte Internet de l Etat sont rassembl s ici e Le Bloc Marianne le favicon Marianne les logotypes pour le pied de page ainsi que des suggestions de pictogrammes sont disponibles sur demande l adresse suivante charte internet premier ministre gouv fr e Mise en ceuvre du co marquage avec service public fr http lecomarquage service public fr e Pictogrammes de l APIE pour le r pertoire des informations publiques https www apiefrance com sections actualites des pictogrammes pour la reutilisation des info
54. ne adresse de pr production La d cision prise par le directeur du SIG par d l gation du Premier ministre est motiv e par le respect de la Charte Internet de l tat et des l ments valid s lors de l agr ment de principe II Cr ation de noms de domaine usage d adresses de messagerie d extranet ou renouvellement de noms de domaine sans modification majeure d arborescence Agr ment simplifi La demande d agr ment simplifi e doit tre transmise au SIG Le d lai de r ponse du d partement communication externe du SIG est de 5 jours ouvr s apr s le d p t d une demande par courrier et par courriel Lorsque l agr ment simplifi est accord le SIG en informe le minist re qui ach te le nom de domaine selon les modalit s d crites pr c demment En cas de renouvellement d un nombre important de noms de domaine les demandes peuvent tre group es sur un m me formulaire III Conventions de nommage Tout site internet cr par un service de l tat doit pouvoir tre identifi sans ambigu t comme site officiel de l administration fran aise Pour cela il utilise le nom de domaine gouv fr Il ne peut tre d rog cette r gle qu avec l accord du SIG Tous les d partements minist riels doivent mettre en place des conventions de nommage Les minist res doivent pour ce faire se conformer aux recommandations tablies dans la Charte Internet de l Etat Les con
55. nnelle Chacun de ces domaines comporte des mises en avant contenant les informations suivantes les r gles au caract re obligatoire 7 les r f rences aux r gles et consignes provenant d autres r f rentiels de l Etat les mots cl s des chapitres les illustrations et exemples de bonne pratique les ressources utiles Pour faciliter l acc s l information plusieurs chemins sont disponibles pour le lecteur e des tables ou index pratiques e des renvois vers d autres paragraphes dans le document encarts Voir aussi 11 STRUCTURE ET ELEMENTS VISUELS Chapitre 1 syst mes de navigation Menus et onglets Sont abord s ici les principaux l ments permettant a l utilisateur de se rep rer o suis je d o viens je et de naviguer dans le site o puis je trouver l information dont j ai besoin MISCO Menus Onglets Fil d Ariane Menu de navigation Le syst me de navigation principal donne acc s au x premier s niveau x de l arborescence Il peut tre compl t par un ou plusieurs syst mes de navigation compl mentaires selon la profondeur du site TAC Le format le contenu et l emplacement du syst me de navigation principal doit tre identique sur toutes les pages TIM Les liens d un syst me de navigation principal doivent toujours s ouvrir dans la fen tre active NIRO Le syst me de navigation principal doit tre horizontal
56. ns centrales ou d op rateurs de l Etat dont l acronyme d velopp en toutes lettres comprend trop de mots clefs 80 caract res espaces compris l url doit comporter le ou les mots clefs les plus pertinents faisant r f rence leur mission ou la th matique trait e a le site de la direction g n rale de la modernisation de Etat onne pratique modernisation gouv fr ou le site de la direction g n rale du Tr sor tresor economie gouv fr Optimiser la balise lt TITLE gt META name description gt et Pattribut lt ALT gt e Mettre en valeur le nom de l organisme metteur e Limiter si possible le champ 80 caract res e Ins rer la description du contenu texte affich dans les r sultats recherche du moteur via la balise lt META name description gt 50 Favoriser les liens externes vers d autres sites de l tat Multiplier les liens internes entre les contenus Soumettre aux moteurs de recherche un plan du site sitemap qui permettra aux robots d tre et d indexer l int gralit du site internet ETAT Recommandations des moteurs de recherche concernant le sitemap Consignes sur les navigateurs en mode texte et l accessibilit Chapitre Voir aussi OS 7 Vie du site gt Compatibilit avec les navigateurs internet 51 Compatibilit avec les navigateurs internet Face la multiplication des terminaux de consultation la Charte Internet de l tat
57. on de site noms de domaine ou sous domaine 3 Les alias du site redirigent tous vers le nom de domaine principal redirection 301 4 L int gralit du contenu du site est consultable apr s d sactivation des scripts 5 Le site dispose des marqueurs de mesure d audience Stat Gouv sur toutes ses pages 6 Le site est optimis pour un fonctionnement sur un cran d une r solution de 1024x768 pixels 7 Le site est compatible avec les navigateurs suivants Internet Explorer 6 7 8 et 9 Mozilla Firecfox 3 5 et ult rieure Safari 3 et 4 Op ra 8 Le contenu textuel du site est accessible sur le navigateur en mode texte 9 Un syst me d archivage sur support physique est pr vu d s lors que le site ne sera plus mis jour ou maintenu techniquement Structure et l ments visuels 10 Le syst me de navigation principal est horizontal 11 Le format le contenu et l emplacement du syst me de navigation principal est identique sur toutes les pages du site 12 Tous les liens du syst me de navigation principal s ouvrent dans la fen tre active 13 Un ou des syst mes de navigation compl mentaires ont t mis en place lorsque le site d passe la profondeur maximale du syst me de navigation 14 Si le site dispose d un menu de navigation vertical celui ci est situ gauche dans le bloc principal 15 Dans un menu vertical un seul item peut tre d pli la fois
58. pondre au plus pr s aux besoins des administrations de l tat la Charte Internet de l tat est construite collectivement C est dans cet esprit que les repr sentants des administrations se sont r unis en janvier 2011 lors d un s minaire de conception de la Charte Internet de l tat afin de d finir ensemble son ambition et son p rim tre terme C est dans ce m me esprit de collaboration que la Charte Internet de l tat est amen e voluer gr ce la prise en compte des retours des administrations sur le contenu de la premi re version et sur les difficult s ventuelles rencontr es dans sa mise en uvre Collectivement les administrations pourront garantir aux internautes un service ou une information de qualit accessible tous contribuant ainsi l am lioration g n rale de la qualit des services de l tat 10 Mode d emploi de la charte La Charte Internet de l tat a pour ambition d tre un outil pratique qui permet d acc der rapidement l information utile Afin d aider la lecture du document ce mode d emploi d crit la structure informationnelle du document et les chemins d acc s l information La Charte Internet de l tat est structur e en quatre grands domaines th matiques qui couvrent aussi bien la partie visible d un site internet que l admimistration de celui ci structure et l ments visuels contenus fonctionnalit s gestion op ratio
59. r s de l tat Elle renforce la strat gie de pr sence de l tat sur Internet par une meilleure identification et une simplification de l acc s l information publique Elle contribue ainsi la qualit g n rale du service public num rique de l tat Cette Charte remplace la charte ergonomique des sites Internet publics du 19 d cembre 2008 Elle s impose d sormais toute cr ation de sites Internet et devra tre respect e au plus tard le 1 janvier 2013 pour les sites existants Elle est jointe en annexe 1 de la pr sente instruction 2 Proc dures d agr ment des projets Internet et num riques de l tat Le Rapport de M Riester de f vrier 2010 sur la relation num rique l usager a conduit le Gouvernement se fixer plusieurs objectifs en la mati re dont la division par dix du nombre de sites Internet de l tat Afin de coordonner la pr sence des sites de l tat sur Internet les projets Internet et num riques de l tat qu ils soient p rennes ou li s un besoin ponctuel seront d sormais soumis l agr ment pr alable du service d information du Gouvernement SIG Cette proc dure s applique l ensemble des champs de l Internet de l tat sites internet applications et Internet mobile web application que ce soit dans le cadre d un changement d adresse de site Internet url l occasion d une refonte ou de la cr ation d un site Ces proc dures conc
60. r a fait l objet d une d claration la Cnil Votre site est conforme 61 ANNEXE 2 Proc dures d agr ment des projets internet et num riques de l tat I Cr ation de sites Internet refontes et modifications majeures de sites Internet ETAPE 1 Agr ment de principe en cas de cr ation ou de refonte de sites La demande d agr ment doit tre transmise au SIG au moyen du formulaire que vous trouverez en fin de l annexe 1 par courrier et par courriel d s le lancement du projet et avant la publication au Bulletin officiel des annonces de march s publics BOAMP Les demandes d agr ment sont instruites par le SIG sur la base des l ments fournis par l administration requ rante e Cadrage du projet formulaire de pr sentation du projet e Noms de domaine envisag s accompagn s le cas ch ant de l avis des autorit s comp tentes sur leur disponibilit L agr ment de principe est accord au vu des crit res suivants e Objectifs th matique trait e cibles e Coh rence du projet au regard des sites existants e Coh rence avec les priorit s d finies au niveau interminist riel D lai de r ponse le d lai de r ponse du d partement communication externe du SIG est de 7 jours ouvr s apr s le d p t d une demande Le d lai est comptabilis partir de la r ception du courrier ou du courriel A r ception de l agr ment de principe e Le demandeur peut fair
61. r le site 29 L apparence l emplacement et le comportement de la fonctionnalit de recherche sont identiques sur l ensemble des pages du site 30 Il n y a pas d adresse lectronique cliquable attribut Mailto sur le site 31 Un formulaire de contact est pr sent sur le site 32 Le destinataire du formulaire de contact est unique 33 Les horaires d ouverture au public et le plan d acc s des tablissements sont pr cis s dans la page de contact 34 Une page Mentions l gales est pr sente sur le site et respecte les consignes de l APIE 56 35 Les Mentions l gales du site comportent les informations suivantes Informations sur l diteur Informations sur le traitement des donn es personnelles Informations sur la pr sence de liens hypertextes 36 La page Accessibilit liste les pages secteurs du site ne respectant pas les exigences d accessibilit nonc es dans le RGAA 37 Une aide aux usagers FAQ est pr sente sur le site 38 Si le site propose une aide t l phonique le prix de l appel et les horaires d ouverture du service sont pr cis s 39 Les informations pr sentant le R pertoire des informations publiques sont accessibles via un flux XML 40 Les pictogrammes utilis s pour informer des conditions de r utilisation des informations sont ceux de l APIE 41 L outil d valuation concernant la qualit du site et des services propos s est pr
62. res outils d aide peuvent tre impl ment s comme une assistance t l phonique des infos bulle ou encore un lexique des termes employ s RAR est obligatoire de proposer un m canisme d aide aux usagers comprenant a minima une foire aux questions La FAQ doit r pondre aux principales questions pos es par les utilisateurs et leur offrir la possibilit d ajouter des questions celles r f renc es 22 Demande administratives vie militaire famille jeunesse O aides aux vacances enfants et adultes O Questions diverses demande assistantes sociales et d marches Logement de la R gion lle de France Votre question concerne le BILRIF Bureau Interarm es du Logement en R gion lle de France Nous vous invitons consulter leur site internet l adresse suivante ww bilrif sga defense gouv fr Logement de la R gion lle de France IGESA Billeterie voyages s jours enfants et adultes Figure 12 Exemple de FAQ en accord on Minist re de la D fense IUT Si le site propose une assistance t l phonique il doit faire figurer le prix de l appel pour l usager et les horaires d ouverture du service Si vous n avez pas trouv la r ponse vous pouvez contacter l assistance par t l phone au 0800 123 456 co t d un appel local depuis un poste fixe tous les jours de 8h minuit Figure 13 Exemple de pr sentation pour Passistance t l phonique Aide la compr hension
63. rks Liens hypertextes Nous distinguons ici deux types de liens e Jes liens textuels e les liens dans une image i R gle 48 B Un lien textuel doit visuellement se distinguer du texte normal R gle 49 f La pr sentation et le comportement retenus pour les deux types de liens doivent tre _identiques sur toutes les pages RATER Dans le cas d un lien textuel interne au site web le libell du lien doit tre aussi proche que possible du titre de la page cible ou int grer des mots cl s d crivant le contenu de la page cible TIR Les liens vers des sites externes doivent e S ouvrir dans une nouvelle fen tre e se distinguer visuellement d un lien interne couleur par exemple e avoir la formule Nouvelle fen tre dans l attribut TITLE liste de diffusion entrez votre adresse email pour tre inform de l ajout de nouveaux contenus gt en LE en savoir plus sur la liste de diffusion ergolab Figure 17 Exemple de bonne utilisation de la attribut lt TITLE gt 31 Alternative au contenu non textuel e Crit re 1 1 1 Contenu non textuel Identification de la fonction d un lien e Crit re 2 4 4 et 2 4 9 Fonction du lien Identification des types de contenu e Crit re 3 2 4 Identification homog ne Ouverture dans une nouvelle fen tre e Crit re 3 2 5 Changement la demande Fichiers La Charte de l Internet de l tat reprend les r gles du RGI quant au choix des formats admi
64. rmations publiques view e Contr le du contraste Colour Contrast Analyser Windows Mac Francais http www paciellogroup com resources contrast analyser html e Outil de contr le de validation des normes W3C W3C Validator Francais http validator w3 org e Outil d aide la r daction des mentions l gales http www cnil fr vos responsabilites informations legales D claration la CNIL http www cnil fr vos responsabilites declarer a la cnil Navigateur en mode texte Lynx Windows Mac Linux http lynx isc org Pour signaler une d marche en ligne r f rencer sur service public fr aupr s de la DILA Service public fr www dila premier ministre gouv fr Tel 01 40 58 75 00 26 rue Desaix 75727 Paris Cedex 15 Pour demander l homologation d une d marche en ligne aupr s de la DGME Tel 01 53 18 05 24 64 70 all e de Bercy B timent Sully 75572 Paris Documentation Les r f rentiels g n raux sont disponibles sur le site de la modernisation de l tat l adresse http references modernisation gouv fr R f rentiels cit s R f rentiel G n ral d Accessibilit pour les administrations RGAA R f rentiel G n ral d Interop rabilit RGI R f rentiel G n ral de S curit RGS Charte ergonomique des sites internet publics Certains textes officiels sont cit s dans la Charte Internet de l tat L ordonnance n 2005 1516 du 8 d cembre 2005 relative
65. s au projet si existants Note descriptive d taill e projet de cahier des charges Date et signature ADRESSE DE COMMUNICATION ADRESSE DE MESSAGERIE ELECTRONIQUE SN RENOUVELLEMENT DE NOM DE DOMAINE SANS d information MODIFICATION MAJEURE du Gouvernement DEMANDE D AGREMENT SIMPLIFIEE Administration de r f rence Le Minist re souhaite la cr ation d un nom de domaine usage d url de communication le renouvellement d un nom de domaine et des noms associ s la cr ation de noms de domaine en vue de protection contre le typosquatting la cr ation d un nom de domaine usage d adresse de messagerie Dans le cas de cr ation d adresse de communication joindre le descriptif du projet objectif s et public vis s contenu et services propos s et le cas ch ant l agr ment de campagne Gestion de l adresse Nom et coordonn es du contact administratif Adresse concern e Le s adresse s objet s de la demande d agr ment est sont par ordre de pr f rence Date et signature 3 A 2 Pr E ee p D Une Url de communication se d finit comme un nom de domaine redirig de mani re permanente redirection de type 301 vers la page d di e la communication en question ANNEXE 3 L internet territorial de l tat I Niveau d partemental 1 Les principes La nouvelle organisation des services de l
66. s sites du point de vue du contenu des objectifs et du public vis et opportunit de cr er ce site par rapport aux sites existants e Ce site est rattach au site du minist re 444444 eee ee EEE EEE ee eee EEE EEE Ena rattach au Por sky ieee s een une stu AA eee eas ind pendante soi Le sate yeaa eae on canine pean Poors Boa aa tan ad ante epee e Contraintes sp cifiques de s curit Oui pr ciser En cas de cr ation nom de domaine sollicit Avant toute demande d agr ment les administrations sont invit es a v rifier aupr s de l Agence du patrimoine immat riel de l tat APIE ou des autorit s comp tentes en la mati re INPI AFNIC l existence ventuelle d une marque d pos e ou d un nom de domaine reprenant tout ou partie du nom de domaine envisag et pouvant faire obstacle son utilisation par l administration Le s nom s de domaine objet s de la demande d agr ment est sont par ordre de pr f rence Si vous poss dez d j un nom de domaine indiquez simplement l adresse Gestion du site e Nom et coordonn es du chef de projet ou du responsable ditorial e Dans le cas d une base de donn es int gr e indiquer le type de serveur Oracle SQL Server DB2 e Indiquer les autres composants ventuels applications services web syst mes d import de donn es Joindre les documents relatif
67. s sur un site de l Etat T l chargement descendant download ROO Doivent figurer cot du lien vers le fichier e le nom du fichier e le format du fichier e le poids du fichier e date de mise jour du fichier ou de publication REA Pour les fichiers pesant plus de 5 Mo une estimation de la dur e de t l chargement doit tre renseign e Taille 12 07 Mo Temps du t l chargement gt en512K 3 min et 13 s gt en1024K 1 min et 36 s gt en2M 48 secondes gt enSM 19 secondes Figure 18 Bonne pratique d indication des dur es de t l chargement source www telecharger com T l chargement montant upload TITLE Pour les t l chargements montants il est n cessaire de mentionner le poids maximal autoris ainsi que la liste des formats accept s LIEN faut notifier Putilisateur du succ s ou de l chec de son t l chargement 32 Format des documents et archives e 3 2 1 change de documents bureautiques r visables e 3 2 2 change de documents bureautiques non r visables e 3 2 3 Archivages de documents bureautiques non r visables statiques e 8 3 2 4 Conservation des documents bureautiques dynamiques e 3 2 6 change de documents structur s e 3 2 8 Service de compression de fichiers Information sur les fichiers en t l chargement e Crit re 2 4 4 Fonction du lien Boutons d action Un bouton d actio
68. son site Si les probl mes motivant la suspension ne peuvent tre r solus dans un d lai de 6 mois le SIG demandera la suspension de la mise en ligne du site 3 Suivi des cr ations de sites Un barom tre de suivi des sites internet de l tat sera publi annuellement par le service d information du Gouvernement afin de suivre l volution de la pr sence de l tat sur internet VI FORMULAIRES D AGREMENT CREATION REFONTE OU MODIFICATION gm FORMULAIRE DE PR SENTATION DE trom ea MAJEURE DE SITE INTERNET Service ee ee O O O S O O N S N N N n a a a d information du Gouvernement DEMANDE D AGREMENT DE PRINCIPE Administration de r f rence Description du projet internet e Type de projet Cr ation d un nouveau site Refonte compl te du site Modification lancement suppression des th matiques r f rentes trait es e Type de site et supports de diffusion Site Institutionnel Information Site v nementiel campagne Site mobile Site de services en ligne d marches en ligne formulaires Application mobile e Objectif s du projet e Descriptif du contenu et des services propos s th matiques trait es types de contenus e Public vis volum trie cible Grand public DESC A A A A AA ERIE Professionnel DESC PAS Re ne ne ta Institutionnel e Articulation avec d autre
69. style CSS e 4 1 2 Feuilles de style Pr sentation de l information feuilles de style et organisation e Crit re 1 3 1 Information et relations e Crit re 1 3 2 Ordre s quentiel logique e Crit re 1 4 8 Pr sentation visuelle Titre des pages e Crit re 2 4 2 Titre de page Ordonnancement des zones actives e Crit re 2 4 3 Parcours du focus Compatibilit de l interface avec les interpr teurs atypiques e Crit re 4 1 2 Nom r le et valeurs Rafraichissement automatique des pages e Crit re 3 2 5 Changement la demande D claration de langue de la page e Crit re 3 1 1 Langue de la page e Crit re 3 1 2 Langue d un passage Bandeau sup rieur R gles g n rales RIA Le bandeau sup rieur doit contenir les l ments suivants Le bloc Marianne horizontal f p Coin sup rieur gauche ou vertical Le titre et ou adresse du site A droite du bloc Marianne Le champ de recherche Coin sup rieur droit L m navigation ni principal L authentification pour acc der s A Au dessus de la fonction recherche des d marches en ligne Actualit s A votre service Le ministre Les ministres aupr s Le minist re Presse M tiers Publications Figure 7 Bonne pratique de bandeau sup rieur Source Minist re de l Int rieur Consignes sur l authentification Chapitre 6 D marches en ligne et donn es personnelles gt Authentification Voir aussi
70. tre 5 Autres contenus gt 42 Boutons d action Utilisation des CAPTCHA e Contenu non textuel Signalisation des champs obligatoires e Crit re 1 3 1 Information et relations Navigation au clavier dans un formulaire e Crit re 2 1 1 Clavier Mise en valeur du champ en cours de saisie e Crit re 2 4 7 Visibilit du focus Navigation dans les formulaires RAI Si le formulaire d passe deux crans de 768 pixels de hauteur il doit tre scind en plusieurs pages Les r gles suivantes s appliquent dans le cas d un formulaire s par en plusieurs pages READY Les informations saisies doivent tre automatiquement enregistr es chaque page pour limiter la ressaisie par l utilisateur AREA Une description des diff rentes pages doit tre pr sent e en amont du formulaire de m me qu une page de synth se r capitulant les diff rentes informations saisies doit tre intercal e avant la soumission finale du formulaire POJE Un syst me de navigation d di au formulaire doit permettre a tout moment l utilisateur de e Revenir une page pr c dente e D terminer la page laquelle il se trouve et le nombre de pages restantes Avant de Ma situation Mes informations Les informations Recapitulatif des Envoi des Y y lt m commencer personnelles compl mentaires informations informations Figure 267 Exemple de syst me de navigation dans un formulaire pages mu
71. upr s de la DGME contacter DGME Service Projets Tel 01 53 18 05 24 64 70 all e de Bercy B timent Sully 75572 Mots cl s D marches en ligne Pour d finir la d marche en ligne la Charte Internet de l tat reprend la d finition du t l service donn e par l ordonnance n 2005 1516 du 8 d cembre 2005 relative aux changes lectroniques entre les usagers et les autorit s administratives et entre les autorit s administratives Tout syst me d information permettant aux usagers de proc der par voie lectronique des d marches ou formalit s administratives Dans ce chapitre la notion de d marche en ligne couvre e Jes tapes en ligne interactions avec l utilisateur via internet e les tapes hors ligne traitements par la ou les administration s concern e s Mise en place d une d marche en ligne Selon les termes du communiqu diffus l issue du conseil des ministres du 9 d cembre 2009 la RGPP doit galement permettre d am liorer la qualit de service S agissant de l accueil les guichets uniques distance seront renforc s raccordement de tous les sites publics mon service public fr d ici fin 2011 et lien syst matique entre le 39 39 et les autres services d appels TAIWAN Toute mise disposition d une d marche en ligne doit tre homologu e par la direction g n rale de la modernisation de l tat DGME et signal e aupr s de la direction de l in
72. urces Pour d clarer un formulaire la DGME contacter DGME Service Projets 7e 01 53 18 05 24 64 70 all e de Bercy B timent Sully 75572 Paris Voir aussi Alternatives aux champs d un formulaire e Crit re 1 1 1 Contenu non textuel Assistance dans l utilisation d un formulaire e R gle 3 3 Assistance la saisie aider l utilisateur viter et a corriger les erreurs de saisie Constance de l intitul d un champ du formulaire e Crit re 3 2 4 Identification coh rente Pr sentation d un formulaire CACHE La mani re de signaler les champs obligatoires doit tre identique pour tous les formulaires Elle doit tre expliqu e au d but de chaque formulaire Vos coordonn es Le symbole indique les champs obligatoires Le document doit tre envoy En France ou O A tranger 7 Indiquez l adresse Num ro 233 Bis ex 103 Rue Boulevard Avenue Avenue Montaigne ex Rue Brune Code postal 5 caract res Ds ex 75016 pour Paris 16e Figure 26 Bonne pratique de pr sentation de la signalisation des champs obligatoires TAC Les boutons d actions associ s au formulaire valider annuler effacer doivent tre pr sents en dessous du formulaire RACE Si un syst me de CAPTCHA est utilis pour viter une soumission frauduleuse du formulaire il doit disposer d une alternative sonore ATEN Consignes sur les boutons d action Chapi
73. ure de l information nom de domaine pilotage Stat Gouv r f rencement compatibilit navigateur INECINE ESCAPES Se A A ere bale des a dore ob ee 47 FORMULAIRE D VALUATION cooooccccnnnnonnncnnoncnncnnnnoncnn canon rn non caca crac anna rara rra rra arrancan 54 TABLES DE REFERENCES Table des mots cl s Cette table r f rence les mots cl s pr sents en en t te des chapitres de la Charte Internet de l tat A accus de r ception 46 architecture de l information 53 54 archivage 53 58 AFTICI iii 29 30 31 41 42 audio atada eines 33 34 35 41 authentification 49 50 51 B bandeau sioe i a 18 20 21 DOUtON Sib 36 38 47 48 C CAN 53 Caracena 12 compatibilit 23 CONTA CE usenet ns Rai 23 24 Contraste Hits 6 D d marche en ligne 45 46 47 E encodage iris bete 29 EN tete ren aa a aas 5 40 ETE A EAA bas aba 41 F AN O E EE E AE A A AEA 25 fil d Ariane 16 21 30 Mo iii 8 formulaires ccccesceseeeeeeeeeseesaeees 45 47 PUSION ES RTS A AN ENEE 53 58 L M mentions l gales 6 24 43 Mes 14 15 21 Mens raie sonados iia id did tds 14 N NOM de domaine 54 55 56 O outil de suivi 46 P pictogramme 32 33 42 pied de page 6 18 19 21 22 23 25 JA 22 R recherche 21 56 57 r f rencement 8 56 r pertoire des informations publiques 6 RSS rt ce ane 33 36 41 42 S Stat GOUV nnn nn 55 56 T table UC MR s
74. us int ressent MV L Infolettre du Gouvernement Chaque semaine une synth se de l actualit gouvernementale NF Le compte rendu du Conseil des ministres Chaque mercredi l int gralit du compte rendu du Conseil des ministres M Flash actualit L actualit en fonction des grands v nements gouvernementaux Format HTML Format texte rom le format dans lequel vous souhaitez recevoir les informations D j abonn e Cliquez ici pour modifier ou supprimer vos abonnements NO CNIL 483293 Traitement des donn es personnelles Figure 24 Bonne pratique de formulaire d inscription et d sinscription une lettre d information Source www gouvernement fr Consignes sur la d claration des listes d abonn s la CNIL Chapitre 6 elie D marches en ligne et donn es personnelles Conservation des donn es personnelles 38 FONCTIONNALITES Chapitre 6 D marches en ligne et donn es personnelles Il est ici question des principaux outils qui permettent aux sites de l tat de proposer des services interactifs et ou personnalis s l utilisateur e d marches en ligne e formulaires e utilisation des donn es personnelles Pour signaler une d marche en ligne r f rencer sur service public fr contacter la DILA Service public fr www dila premier ministre gouv fr Tel 01 40 58 75 00 26 rue ENT Desaix 75727 Paris Cedex 15 Pour demander l homologation d une d marche en ligne a
75. vantes mesure du nombre de visites par page parcours de navigation des internautes remont e des erreurs de type 404 indicateurs d audience qualitatifs et quantitatifs REA L utilisation du service Stat Gouv est obligatoire de m me que l int gration de marqueurs de mesure d audience sur toutes les pages e Pour int grer le Stat WGouv sur son site il faut demander une ouverture de compte au SIG 49 e Pour l ouverture il est n cessaire de transmettre le nom de domaine du site E et l adresse lectronique du futur administrateur du compte o Ressources R f rencement naturel Voici une liste non exhaustive de bonnes pratiques respecter pour optimiser le r f rencement naturel d un site Consid rer l optimisation du r f rencement du site d s sa conception P inclure dans le cahier des charges e Respecter les crit res d accessibilit du RGAA pour que le contenu du site soit compr hensible par les m canismes d indexation des moteurs de recherche Utiliser des expressions claires et explicites dans la r daction des titres des contenus et des pages viter la duplication de contenus duplicate contents qui d t riore le r f rencement plusieurs pages avec un contenu identique Si plusieurs pages identiques existent les url de ces pages doivent tre redirig es vers la page principale via une redirection 301 viter les acronymes Dans le cas d administratio
76. ventions de nommage sont communiqu es au service d information du Gouvernement IV Modalit s de mise en uvre 1 R le des administrations centrales Au sein de chaque minist re la direction ou le service en charge de la communication coordonne les cr ations de sites pour l ensemble des services et des directions Il veille notamment au respect des proc dures d agr ment d crites ci dessus Chaque minist re est responsable des sites cr s par ses services d concentr s Les ouvertures et renouvellements de sites doivent faire l objet d une d cision de la part de l administration centrale comp tente Les administrations centrales sont charg es de v rifier l application de la Charte internet de l tat par leurs administrations d concentr es Il appartient dans ce cas chaque direction ou service en charge de la communication minist rielle de diffuser ces services des instructions compl mentaires sur les modalit s d ouverture d un site tant entendu que la proc dure doit toujours d boucher sur une demande d agr ment au SIG valid e au pr alable par la direction ou le service en charge de la communication du minist re de tutelle 2 Internet territorial de l tat S agissant de l administration territoriale de l tat la circulaire SGG 1060 du 11 juin 2009 a fix les premi res orientations en mati re de sites Internet d partementaux et r gionaux des services de l tat Il a ainsi t d

Download Pdf Manuals

image

Related Search

Related Contents

Aplicación mega macs 55 - Hella Gutmann Solutions GmbH  Encore Stone 48TR Instructions / Assembly  do manual  cardo BK-1 User Guide DE  Triarch 33201 User's Manual  

Copyright © All rights reserved.
Failed to retrieve file