ANNEXE 1 CHARTE DE LINTERNET DE LETAT

Avant-propos
Le dveloppement de la relation numrique est un levier essentiel de lamlioration de la qualit de service et dinformation, ainsi que de la modernisation de ltat. Il existe une forte demande des usagers pour simplifier leurs relations avec ladministration via la dmatrialisation des procdures et pour accder une information fiable et complte sur les sites Internet de ltat. Ltat a dj dvelopp de nombreux sites et services numriques, mais loffre propose manque dhomognit et de cohrence par rapport aux attentes des internautes. En fvrier 2010, un groupe de travail, runissant huit experts, a t charg danalyser la situation et de faire des propositions dactions court, moyen et long terme. Cest le rapport Rester. En juin 2010, le Conseil de modernisation des politiques publiques a fix pour objectif au service dinformation du Gouvernement (SIG) llaboration dun schma directeur de la stratgie numrique de ltat, qui amliore et dveloppe la relation numrique lusager. Ladoption dune Charte Internet de ltat, garante de la qualit des sites internet, est lune des mesures prioritaires arrtes cette occasion. Lobjectif de la Charte Internet de ltat est de fournir aux administrations dtat un guide pratique et oprationnel, facilement applicable, afin dobtenir une amlioration rapide de la qualit gnrale de lInternet de ltat. Ce document sadresse toute personne en charge dun site web de ltat, et plus particulirement : aux directeurs de la communication des administrations dtat, responsables de la mise en conformit la charte de lensemble des sites web de leur administration, aux webmasters des sites web des administrations dtat, 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 oprationnelle.

Sommaire du document

ANNEXE 1........................................................................................................................................................................ 1 CHARTE DE LINTERNET DE LETAT.................................................................................................................................. 1 AVANT-PROPOS .................................................................................................................................................................. 1 SOMMAIRE DU DOCUMENT ................................................................................................................................................... 2 TABLES DE REFERENCES .............................................................................................................................................. 3 TABLE DES RESSOURCES ........................................................................................................................................................ 5 INTRODUCTION .......................................................................................................................................................... 8 STRUCTURE ET ELEMENTS VISUELS............................................................................................................................12 CHAPITRE 1 : SYSTEMES DE NAVIGATION : MENUS ET ONGLETS .................................................................................................. 13 Menus, Onglets, Fil dAriane .................................................................................................................................... 13 CHAPITRE 2 : STRUCTURE DES PAGES .................................................................................................................................... 16 Positionnement, zoning, bandeau, en-tte, pied de page, favicon, menu, fil dAriane, bloc Marianne, rfrences 16 Plan du site, recherche, sondage, rpertoire des informations publiques, mentions lgales, contact, FAQ............ 20 CONTENUS.................................................................................................................................................................25 CHAPITRE 3 : CONTENUS TEXTUELS ....................................................................................................................................... 26 Police, caractre, texte, article, couleurs, contraste, encodage, lisibilit, formatage.............................................. 26 CHAPITRE 4 : CONTENUS MULTIMEDIA .................................................................................................................................. 28 Image, audio, vido, flash, animation, pictogramme, icone.................................................................................... 28 CHAPITRE 5 : AUTRES CONTENUS ......................................................................................................................................... 31 Liens, tlchargement, bouton, tableau, e-Rgie, RSS, widgets, bookmarks........................................................... 31 FONCTIONNALITES ....................................................................................................................................................39 CHAPITRE 6 : DEMARCHES EN LIGNE ET DONNEES PERSONNELLES................................................................................................ 40 Formulaires, authentification, dmarche en ligne, tlservice, outil de suivi, accus de rception......................... 40 GESTION OPERATIONNELLE .......................................................................................................................................46 CHAPITRE 7 : VIE DU SITE.................................................................................................................................................... 47 Architecture de linformation, nom de domaine, pilotage, Stat@Gouv, rfrencement, compatibilit, navigateur internet, script.......................................................................................................................................................... 47 FORMULAIRE DVALUATION ....................................................................................................................................54

TABLES DE REFERENCES

Table des mots-cls

Cette table, rfrence les mots-cls prsents en en-tte des chapitres de la Charte Internet de ltat. A accus de rception .................................... 46 architecture de linformation.................53, 54 archivage ................................................53, 58 article ...................................29, 30, 31, 41, 42 audio ..........................................33, 34, 35, 41 authentification................................49, 50, 51 B bandeau ...........................................18, 20, 21 boutons ......................................36, 38, 47, 48 C cadrage........................................................ 53 caractre ..................................................... 12 compatibilit ............................................... 23 contact ...................................................23, 24 contraste ........................................................6 D dmarche en ligne............................45, 46, 47 E encodage..................................................... 29 en-tte......................................................5, 40 e-Rgie ........................................................ 41 F FAQ.............................................................. 25 fil dAriane ........................................16, 21, 30 flash................................................................8 formulaires.............................................45, 47 fusion......................................................53, 58 L liens ............................................................. 36 tableaux .................................................36, 40 tlservice....................................................45 texte......... 7, 16, 29, 30, 32, 34, 36, 43, 56, 57 V vido ..........................................33, 34, 35, 41 S Stat@Gouv.............................................55, 56 T O outil de suivi.................................................46 P pictogramme....................................32, 33, 42 pied de page .............. 6, 18, 19, 21, 22, 23, 25 plan du site ..................................................22 R recherche .........................................21, 56, 57 rfrencement.........................................8, 56 rpertoire des informations publiques..........6 RSS .............................................33, 36, 41, 42 M mentions lgales................................6, 24, 43 menu................................................14, 15, 21 menus ..........................................................14 N nom de domaine..............................54, 55, 56

Table des Ressources

Les ressources renseignes dans les chapitres de la Charte Internet de ltat sont rassembles dans ce chapitre : Administration en charge de la mise en uvre de la Charte Internet Outils et ressources informatiques Documentation

Administration en charge de la mise en uvre de la Charte Internet Ladministration contacter pour toutes questions relatives la mise en uvre de la Charte Internet de ltat est : Service dInformation du Gouvernement Dpartement Communication Externe 19, rue de Constantine, 75340 Paris Cedex 07 Ml : 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 ltat sont rassembls ici : Le Bloc Marianne, le favicon Marianne, les logotypes pour le pied de page ainsi que des suggestions de pictogrammes sont disponibles sur demande ladresse suivante : charteinternet@premier-ministre.gouv.fr Mise en uvre du co-marquage avec service-public.fr http://lecomarquage.service-public.fr Pictogrammes de lAPIE pour le rpertoire des informations publiques https://www.apiefrance.com/sections/actualites/des-pictogrammes-pour-la-reutilisation-desinformations-publiques/view Contrle du contraste : Colour Contrast Analyser (Windows/Mac Franais) http://www.paciellogroup.com/resources/contrast-analyser.html Outil de contrle de validation des normes W3C : W3C Validator (Franais) http://validator.w3.org Outil daide la rdaction des mentions lgales http://www.cnil.fr/vos-responsabilites/informations-legales

Dclaration 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 dmarche en ligne rfrencer sur service-public.fr auprs 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 lhomologation dune dmarche en ligne auprs de la DGME : Tel : 01.53.18.05.24. 64-70, alle de Bercy, Btiment Sully, 75572 Paris

Documentation Les rfrentiels gnraux sont disponibles sur le site de la modernisation de ltat ladresse : http://references.modernisation.gouv.fr Rfrentiels cits : Rfrentiel Gnral dAccessibilit pour les administrations - RGAA Rfrentiel Gnral dInteroprabilit - RGI Rfrentiel Gnral de Scurit - RGS Charte ergonomique des sites internet publics

Certains textes officiels sont cits dans la Charte Internet de ltat : Lordonnance n2005-1516 du 8 dcembre 2005 relative aux changes lectroniques entre les usagers et les autorits administratives et entre les autorits administratives. http://www.legifrance.gouv.fr/affichTexte.do;jsessionid=4977E439A86CFD7069C7F6A826 F4B4F3.tpdjo10v_2?cidTexte=JORFTEXT000000636232&dateTexte=20110324 Le compte rendu du conseil des ministres du 9 dcembre 2009 : http://www.gouvernement.fr/gouvernement/la-deuxieme-phase-de-la-revision-generale-despolitiques-publiques Les formulaires procdures dagrment concernant : Annexe 1 de cette circulaire - La cration (ou refonte) dun site internet, dun site mobile ou dune application - La cration dun nom de domaine (quelque soit lextension, .fr , .gouv.fr , .com , ) Le dcret n98-1083 du 2 dcembre 1998 relatif aux simplifications administratives : http://www.legifrance.gouv.fr/affichTexte.do?cidTexte=LEGITEXT000005627022&dateTe xte=20110415

Le dcret n99-68 du 2 fvrier 1999 relatif la mise en ligne des formulaires administratifs http://www.legifrance.gouv.fr/affichTexte.do?cidTexte=LEGITEXT000005627448&dateTe xte=20110606

Circulaires du 10 avril 1995 relative l'exploitation et la conservation des rapports administratifs http://www.legifrance.gouv.fr/affichTexte.do;jsessionid=4B741D9541C84E8357653E256B 6B6624.tpdjo12v_2?cidTexte=JORFTEXT000000552958&dateTexte=&oldAction=rechJO &categorieLien=id

Dautres documents sont cits dans la Charte Internet de ltat : Informations, guide de marquage et dutilisation et conseils sur le dispositif Stat@Gouv : Demande par ml : stat-gouv@premier-ministre.gouv.fr Consignes dtalab/APIE sur la mise en place dun rpertoire des informations publiques (en cours de ractualisation) www.data.gouv.fr Consignes daccessibilit pour les animations flash (Adobe) : http://help.adobe.com/fr_FR/flash/cs/using/WSd60f23110762d6b883b18f10cb1fe1af67f25a.html Consignes des moteurs de recherche sur les plans de site (sitemap) et le rfrencement : Google (En): http://www.google.com/support/webmasters/bin/topic.py?topic=8476 Bing (En) : http://onlinehelp.microsoft.com/en-us/bing/gg132923.aspx Protocole d'exclusion des robots dun site (Wikipedia) : http://fr.wikipedia.org/wiki/Robots.txt

INTRODUCTION

La Charte Internet de ltat, un document de rfrence

La Charte Internet de ltat recense lensemble des rgles obligatoires applicables aux sites Internet de ltat. Pour faciliter sa prise en compte par des prestataires, la Charte Internet peut tre annexe tout cahier des charges portant sur la conception, la ralisation ou la modification dun site web de ltat. Un outil complmentaire la procdure dagrment pour la cration de site internet Un formulaire dvaluation, prsent la fin de cette charte, vous permettra dvaluer le pourcentage de conformit de votre site et deffectuer les modifications ncessaires permettant lobtention de lagrment. La procdure dagrment est obligatoire pour la cration (ou la refonte) de tout site Internet. Dlais dapplication Lapplication de la Charte peut ncessiter des dveloppements techniques lourds ne permettant pas une application immdiate aux sites existants. Les sites crs compter du 1er mars 2012 (ou refondus) devront se conformer entirement aux spcifications prsentes dans la Charte. Les sites existants cette date devront eux se conformer la charte selon les chances suivantes : 80% de conformit dici fin 2012 ; 100 % de conformit dici fin 2013. Primtre dapplication et typologie des sites concerns La Charte Internet de ltat sapplique de manire obligatoire tous les sites dont lmetteur principal est une administration centrale ou dconcentre de ltat. La Charte Internet de ltat sapplique aussi aux sites vnementiels de ces mmes metteurs, mais peut tre adapte si lopration de communication le ncessite. Est considr comme site vnementiel tout site ayant une dure de vie infrieure 1 an et dont le positionnement nest pas compatible avec son intgration sur un portail de rfrence. Les drogations seront accordes par le service dinformation du Gouvernement (SIG), et seront prcises lors de la remise de lagrment ncessaire la cration de tout site Internet. Sagissant de ladministration territoriale de ltat, la circulaire SGG/1060 du 11 juin 2009 a fix les premires orientations en matire de sites Internet dpartementaux et rgionaux des services de ltat. Il a ainsi t dcid que lInternet territorial avait pour vocation de regrouper au sein dun site unique nomdudpartement.gouv.fr, lensemble des sites dpartementaux des services de ltat. Les rgions bnficieront quant elles dun portail des services de ltat dont les noms de domaine seront de la forme nomdelargion.gouv.fr. Ces sites doivent se conformer eux aussi la Charte Internet de ltat. En dehors des sites prciss ci-dessus, il est vivement conseill dappliquer la Charte Internet de ltat, mme si il ny a pas de caractre obligatoire.

Modalits de mise en uvre Rle des administrations centrales : au sein de chaque ministre, la direction ou le service en charge de la communication coordonne les crations de sites pour lensemble des services et des directions. Chaque ministre est responsable des sites crs par ses services dconcentrs. Les ouvertures et renouvellements de sites doivent faire l'objet d'une dcision de la part de l'administration centrale comptente. Les administrations centrales sont charges de vrifier lapplication de la Charte Internet de ltat par leurs administrations dconcentres. Il appartient, dans ce cas, chaque direction ou service en charge de la communication ministrielle de diffuser ces services des instructions complmentaires sur les modalits d'ouverture d'un site, tant entendu que la procdure doit toujours dboucher sur une demande dagrment au SIG valide au pralable par la direction ou le service en charge de la communication du ministre de tutelle. Internet territorial de ltat : le projet de site unique dpartemental fera lobjet dinstructions spcifiques qui seront diffuses au fur et mesure des travaux pilots par la DILA, le SIG et les ministres concerns. La Charte Internet de ltat par rapport aux autres documents de rfrence. la Charte Internet de ltat se substitue la Charte ergonomique 2008 pour les administrations dtat (la Charte ergonomique 2008 reste applicable aux administrations territoriales). la Charte Internet de ltat renvoie aux rgles des rfrentiels gnraux applicables aux sites web (www.references.modernisation.gouv.fr): - intgralit des rgles du Rfrentiel Gnral dAccessibilit des Administrations, pour une conformit laccessibilit de niveau A ou AA ; - rgles du rfrentiel gnral dinteroprabilit (RGI) et du rfrentiel gnral de scurit (RGS) spcifiques aux sites web.

La Charte Internet de ltat, un outil collaboratif Afin de rpondre au plus prs aux besoins des administrations de ltat, la Charte Internet de ltat est construite collectivement. Cest dans cet esprit que les reprsentants des administrations se sont runis en janvier 2011 lors dun sminaire de conception de la Charte Internet de ltat afin de dfinir ensemble son ambition et son primtre terme. Cest dans ce mme esprit de collaboration que la Charte Internet de ltat est amene voluer grce la prise en compte des retours des administrations sur le contenu de la premire version et sur les difficults ventuelles rencontres dans sa mise en uvre. Collectivement, les administrations pourront garantir aux internautes un service ou une information de qualit, accessible tous, contribuant ainsi lamlioration gnrale de la qualit des services de ltat.

10

Mode demploi de la charte : La Charte Internet de ltat a pour ambition dtre un outil pratique qui permet daccder rapidement linformation utile. Afin daider la lecture du document, ce mode demploi dcrit la structure informationnelle du document et les chemins daccs linformation. La Charte Internet de ltat est structure en quatre grands domaines thmatiques qui couvrent aussi bien la partie visible dun site internet que ladministration de celui-ci : structure et lments visuels contenus fonctionnalits gestion oprationnelle.

Chacun de ces domaines comporte des mises en avant contenant les informations suivantes : les rgles au caractre obligatoire les rfrences aux rgles et consignes provenant dautres rfrentiels de ltat les mots-cls des chapitres les illustrations et exemples de bonne pratique les ressources utiles.

Pour faciliter laccs linformation, plusieurs chemins sont disponibles pour le lecteur : des tables ou index pratiques des renvois vers dautres paragraphes dans le document (encarts Voir aussi ).

11

STRUCTURE ET ELEMENTS VISUELS

12

Chapitre 1 : systmes de navigation : Menus et onglets

Sont abords ici les principaux lments permettant lutilisateur de se reprer ( o suis-je ?, do viens-je ? ) et de naviguer dans le site ( o puis-je trouver linformation dont jai besoin ? ). Mots-cls Menus, Onglets, Fil dAriane

Menu de navigation Le systme de navigation principal donne accs au(x) premier(s) niveau(x) de larborescence. Il peut tre complt par un ou plusieurs systmes de navigation complmentaires selon la profondeur du site. Rgle 1 Le format, le contenu et lemplacement du systme de navigation principal doit tre identique sur toutes les pages. Les liens dun systme de navigation principal doivent toujours souvrir dans la fentre active. Le systme de navigation principal doit tre horizontal.

Rgle 2

Rgle 3 -

Menu de navigation horizontal droulant Le menu de navigation horizontal est souvent complt par des menus en cascade accessibles partir du deuxime niveau dinformation.
Niveau 1 Item 1 Item 2 Item 3 S ous Item 1 S ous Item 2 S ous Item 3 Niveau 2 S ous Item 4 S ous Item 5 S ous Item 6
S ous sous item 1 S ous sous item 2 S ous sous item 3 S ous sous item 4 S ous sous item 5

Item 4

Item 5

Item 6

Niveau 3

Figure 1 : Exemple de systme de navigation horizontal 3 niveaux de profondeur avec visibilit du focus (surbrillance des items slectionns)

Navigation par onglets horizontaux Les onglets horizontaux sont des menus horizontaux qui ont comme spcificit dindiquer en permanence la position de lusager.
N iv e a u 1 S ou s Ite m 1 Ite m 2 n -3 S ou s Ite m 2 | Ite m 2 n -3 | S ou s Ite m 3 Ite m 2 n -3 S ou s Ite m 4 N iv e a u 2

| Ite m 2 2n -3 Ite m n-3

Figure 2 - Exemple de systme de navigation par onglets deux niveaux

Bonne pratique

Site du Ministre de la Dfense : www.defense.gouv.fr 13

Consignes sur le positionnement des lments de navigation : Voir aussi Chapitre 2 : Structure des pages

Rgle 4

Dans un menu vertical, un seul item doit pouvoir tre dpli la fois.

Menu de navigation complmentaire vertical Le menu de navigation vertical sapparente larborescence dun explorateur de fichiers et de ce fait son comportement par pliage/dpliage des rubriques est bien compris par les utilisateurs.

Niveau 1 Sous-item 1 Sous-item 2 Item 2 n -2 Niveau 2 Item 2 n -2 + Item 2 - 3 Niveau 3

Item 2 n -4 Item 2 n -4 Item 2 n -4 Sous-item 3 Sous-item 4 Niveau 4

Figure 3 - Exemple de menu de navigation vertical 4 niveaux de profondeur

Rgle 5

Si la profondeur du site dpasse la profondeur maximale du systme de navigation, il faut mettre en place un ou des systme(s) de navigation complmentaires [la Charte Internet de ltat nimpose pas de contrainte quant au choix de ce(s) dernier(s)].

Profondeur des menus de navigation principale et complmentaire Le tableau ci-dessous rcapitule pour chaque type de menu les largeurs, hauteurs et profondeurs maximales recommandes selon le type de systme de navigation Largeur 9 7 Hauteur 9 Profondeur 3 2 Profondeur 4

Menu horizontal droulant Onglets horizontaux Menu vertical

14

Fil dAriane

Rgle 6

Le fil dAriane 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 libells sont spars par des chevrons > chaque lment le constituant doit tre cliquable : il renvoie vers la page du niveau de larborescence correspondante les libells du fil dAriane doivent tre identiques aux libells correspondants du systme de navigation principal et le cas chant du (des) systme(s) de navigation complmentaires.

Le fil dAriane (synonymes : chemin de navigation, chemin de fer ou encore Petit Poucet ) est constitu dune suite ordonne de libells correspondant chacun un niveau de larborescence parcourue par lutilisateur. Il peut aussi servir de systme de navigation si chacun des libells est un lien vers le niveau de larborescence quil reprsente.

Figure 4 - Exemple de fil dAriane

Consignes sur le positionnement du fil dAriane : Voir aussi Chapitre 2 : Structure des pages > Fil dAriane

Rgle RGAA

Orientation de lusager Critre 2.4.8 : Localisation Offrir plusieurs moyens daccs au contenu Critre 2.4.5 : Multi-accs Navigation au clavier dans les menus Critre 2.4.7 : Visibilit du focus Critre 3.2.3 : Navigation cohrente

15

Chapitre 2 : Structure des pages

Il est ici question du positionnement des lments facultatifs et obligatoires sur une page :
Bandeau suprieur

1. lment (s) du bandeau suprieur 2. lment (s) du bloc principal 3. lment (s) du pied de page

Bloc principal

Pied de page

Mots-cls

Positionnement, zoning, bandeau, en-tte, pied de page, favicon, menu, fil dAriane, bloc Marianne, rfrences

Rendu gnral des pages Rgle 7 Le bandeau suprieur et le pied de page doivent tre prsents sur toutes les pages, y compris les pages derreur (erreur 404). Lemplacement, la forme, le contenu et le comportement des lments principaux du bandeau suprieur et du pied de page doivent tre identiques sur toutes les pages du site ou sous-domaine du site. Ceux-ci peuvent tre complts par des informations spcifiques la thmatique ou la rubrique en question. Chaque page doit faire apparatre le favicon Marianne par dfaut ou le favicon du logo identifiant le site ou son metteur.

Rgle 8

Figure 5 Bonne pratique d'affichage du favicon Marianne (Source : Ministre des Affaires trangres et Europennes)

Rgle 9

Le titre de la page, suivi du titre du site, doit tre renseign sur toutes les pages et ne pas dpasser de prfrence 80 caractres.

Figure 6 Bonne pratique de titre de page (Source : SIG)

Ressources

Le Bloc Marianne, le favicon Marianne, les logotypes pour le pied de page ainsi que des suggestions de pictogrammes sont disponibles sur demande ladresse suivante : charte-internet@premierministre.gouv.fr

16

La prsentation dun site web conditionne la perception et la comprhension de linformation par les usagers. Elle est un lment essentiel didentification de lmetteur et doit lui permettre de retrouver les mmes repres sur lensemble des sites de ltat. Elle doit respecter des contraintes fortes en termes daccessibilit. Consignes sur les systmes de navigation : Chapitre 1 : Consignes sur les rgles de nommage : Chapitre 7 : Vie du site > Noms de domaines

Voir aussi

Consigne RGI Rgle RGAA

Feuilles de style CSS 4.1.2 : Feuilles de style Prsentation de linformation (feuilles de style et organisation) Critre 1.3.1 : Information et relations Critre 1.3.2 : Ordre squentiel logique Critre 1.4.8 : Prsentation visuelle Titre des pages

Critre 2.4.2 : Titre de page

Ordonnancement des zones actives Critre 2.4.3 : Parcours du focus Compatibilit de linterface avec les interprteurs atypiques Critre 4.1.2 : Nom, rle et valeurs Rafraichissement automatique des pages : Critre 3.2.5 : Changement la demande Dclaration de langue de la page : Critre 3.1.1 : Langue de la page Critre 3.1.2 : Langue dun passage

Bandeau suprieur Rgles gnrales Rgle 10 Le bandeau suprieur doit contenir les lments suivants : lment s obligatoires Emplacement Le bloc Marianne (horizontal Coin suprieur gauche ou vertical) Le titre et/ou adresse du site A droite du bloc Marianne Le champ de recherche Le systme de navigation principal L'authentification pour accder des dmarches en ligne Coin suprieur droit Partie infrieure Au-dessus de la fonction recherche 17

Figure 7 Bonne pratique de bandeau suprieur (Source : Ministre de l'Intrieur)

Voir aussi

Consignes sur lauthentification : Chapitre 6 : Dmarches en ligne et donnes personnelles> Authentification Construction du bloc Marianne

Rgle 11 Le bloc Marianne est constitu de deux lments superposs ou placs de manire horizontale : - lment suprieur (ou gauche) : Marianne de la Rpublique franaise (image) - lment infrieur (ou droite) : Nom (cas 1) ou logotype (cas 2) de lorganisme metteur. Llment infrieur du cas 1 doit tre crit en TIMES NEW ROMAN, toutes capitales pour le nom de l'organisme, et la typographie doit venir en dfonce blanche sur un fond de couleur, ou tre en noir sur un fond blanc. Si le site dpend de plusieurs metteurs, 2 prsentations possibles : - utiliser la Marianne flottante et le nom du site sa droite - utiliser le bloc Marianne dans lequel tous les metteurs doivent tre prsents.

Figure 8 Illustration des 2 cas possibles pour le bloc Marianne et des dimensions (en pixel)

Ressources

Le Bloc Marianne, le favicon Marianne, les logotypes pour le pied de page ainsi que des suggestions de pictogrammes sont disponibles sur demande ladresse suivante : charte-internet@premier-ministre.gouv.fr

18

Fonction de recherche

Rgle 12 La prsence dune fonctionnalit de recherche est obligatoire pour tout site de ltat. Lapparence, lemplacement et le comportement de la fonction recherche doivent tre identiques sur lensemble des pages. Rgle RGAA Localisation de la fonction recherche Critre 3.2.3 : Navigation cohrente

Bloc Principal Fil dAriane Rgle 13 Le fil dAriane doit tre directement en dessous du bandeau suprieur. Rgle 14 Le bloc Marianne et le titre du site doivent comporter un lien vers la page daccueil du site.

Figure 9 Bonne pratique de positionnement du fil d'Ariane (source : portail de la DILA)

Menu vertical Rgle 15 Si le site dispose dun menu de navigation vertical, celui-ci doit tre situ gauche dans le bloc principal. Voir aussi Consignes sur les systmes de navigation : Chapitre 1 :
Fil dAriane Menu de navigation vertical

Figure 10 Proposition de bloc principal

Bonne pratique

Site du Ministre de lEcologie du Dveloppement Durable des Transports et du Logement : http://www.developpement-durable.gouv.fr/-Actualites,129-.html

19

Aucune autre contrainte de positionnement sur le bloc principal nest impose par la Charte Internet de ltat. Les rgles applicables sur la prsence et lutilisation des contenus sont prsentes dans les chapitres contenus textuels, contenus multimdias et autres contenus.

Voir aussi

Consignes sur les contenus : Chapitre 4 : Contenus multimdia

Pied de page

Le pied de page constitue un lment de navigation et un point de repre tout au long du site. Il contient obligatoirement les lments suivants dtaills ci-dessous. Mots-cls Plan du site, recherche, sondage, rpertoire des informations publiques, mentions lgales, contact, FAQ

Rgle 16

Le pied de page doit reprendre minima lensemble 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 lgales Page Accessibilit Aide aux usagers Rpertoires des informations publiques ou Data.gouv.fr Recueil de lavis des utilisateurs Horaires et plans daccs (si la page existe) et dmarches en ligne (si la page existe)

20

Rgle 17

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 concerns.

Figure 11 Bonne pratique de pied de page (Source : inspir du site du Ministre de l'Intrieur)

Ressources

Les logotypes pour le pied de page sont disponibles sur demande ladresse suivante : charte-internet@premier-ministre.gouv.fr Page contact

Rgle 18

Les adresses lectroniques cliquables (attribut mailto ) sont interdites pour des raisons de compatibilit avec le poste de travail de lutilisateur, comme sur lensemble des pages du site. Lutilisation dun formulaire comme un des moyens de contact est obligatoire, sauf problmatique justifie. Le destinataire du formulaire doit tre unique. Si le volume de questions poses est important, il est conseill de proposer une prslection des sujets de questions poses afin de mettre en place un aiguillage des messages vers les services comptents. Les tablissements disposant dun accueil ouvert au public doivent fournir dans la page contact un lien vers les horaires douverture et le plan daccs ltablissement. Site du Ministre de lAgriculture : http://agriculture.gouv.fr/contact,1227 Consignes sur les formulaires : Chapitre 6 : Dmarches en ligne et donnes personnelles >Formulaires

Rgle 19

Rgle 20

Rgle 21

Bonne pratique

Voir aussi

21

Plan du site Le plan du site est un lment de navigation et dorientation qui permet lutilisateur davoir une vision densemble du site et datteindre un contenu quelque soit le niveau de profondeur dans larborescence. Rgle RGAA Aider lutilisateur se situer Critre 2.4.8 : Localisation Localisation du plan de site Critre 3.2.3 : Navigation cohrente Mentions lgales Rgle 22 Rgle 23 Une page Mentions lgales doit tre prsente sur le site Les mentions lgales doivent renseigner les informations suivantes : informations sur lditeur informations sur le traitement des donnes personnelles informations sur la prsence de liens hypertextes La CNIL propose un outil de cration des mentions lgales concernant le traitement des donnes personnelles : mentions lgales Site France.fr : http://www.france.fr/page/mentions-legales

Ressource s Bonne pratique

Page Accessibilit Rgle 24 La page Accessibilit doit lister les pages ou secteurs du site ne respectant pas les exigences daccessibilit nonces dans le RGAA Modalits d'application du RGAA Critre 5.4 : Attestation de conformit Aide aux usagers La Charte Internet de ltat oblige minima au site de proposer une page daide comprenant une foire aux questions (FAQ). En complment dautres outils daide peuvent tre implments, comme une assistance tlphonique, des infos bulle ou encore un lexique des termes employs.

Rgle RGAA

Rgle 25

Il est obligatoire de proposer un mcanisme daide aux usagers comprenant a minima une foire aux questions. La FAQ doit rpondre aux principales questions poses par les utilisateurs et leur offrir la possibilit dajouter des questions celles rfrences.

22

Figure 12 Exemple de FAQ en accordon (Ministre de la Dfense)

Rgle 26

Si le site propose une assistance tlphonique, il doit faire figurer le prix de lappel pour lusager et les horaires douverture du service.
Si vous navez pas trouv la rponse, vous pouvez contacter lassistance par tlphone au 0800 123 456 (cot dun appel local depuis un poste fixe), tous les jours, de 8h minuit.
Figure 13 Exemple de prsentation pour lassistance tlphonique

Rgle RGAA

Aide la comprhension Critre 3.1.3 : Mots rares Critre 3.1.4 : Abrviations Critre 3.1.6 : Prononciation Rpertoire des informations publiques / Data.gouv.fr

La page Rpertoire des informations publiques a pour but de recenser les donnes publiques rutilisables de ladministration et de permettre au portail data.gouv.fr de rfrencer automatiquement ces informations. Rgle 27 Un lien vers la page du Rpertoire des informations publiques ou un lien vers le site data.gouv.fr doivent tre prsent dans le pied de page du site. Si ladministration en charge du site nest pas en mesure de raliser la page rpertoire des informations publiques , le lien vers le portail data.gouv.fr est suffisant. Si le site comporte un Rpertoire des informations publiques , les informations prsentes sur celui-ci doivent tre accessibles via un flux XML. Pour en faciliter sa rutilisation, chaque document (ou chaque corpus de documents) est accompagn, minima, des renseignements suivants : titre date de cration nature ou type de ressource format du fichier dates et frquence des mises jour ventuelles et objet des mises jour description et/ou mots cls conditions de rutilisation (adresse de la licence ou des textes rglementaires dcret ou arrt- si la rutilisation du document est soumise une redevance).

Rgle 28

23

Figure 14 Exemple de prsentation des informations publiques (site du Gouvernement)

Rgle 29 Lorsque la page Rpertoire des informations publiques utilise des pictogrammes pour informer des conditions de rutilisation des informations, elle doit reprendre les pictogrammes de lAPIE et en respecter le mode demploi. Ressources Le guide ETALAB-APIE des rpertoires des informations publiques : www.data.gouv.fr

Recueil de lavis des utilisateurs La page recueil des avis utilisateurs a pour objectif dinciter les internautes partager leurs retours dexprience afin damliorer terme la qualit de navigation et dinformation des sites internet de ltat. Rgle 30 La prsence de loutil dvaluation mis disposition par le service dinformation du Gouvernement concernant la qualit du site et des services proposs est obligatoire sur le site. Ce systme permettra linternaute dvaluer rapidement la qualit du site et de comparer son apprciation aux avis des autres utilisateurs. Rgle 31 Cet outil devra tre accessible depuis un lien prsent dans le pied de page intitul Recueil de lavis des utilisateurs . Rgle 32 La page intitule Recueil de lavis des utilisateurs devra mentionner de manire obligatoire une adresse mail ddie au recueil des avis des utilisateurs. Les adresses lectroniques cliquables (attribut mail to ) sont interdites, et lutilisation dun formulaire est conseille.

24

CONTENUS

25

Chapitre 3 : Contenus textuels

Il est ici question des consignes de mise en forme de tous les contenus textuels. 1. Formatage dun texte 2. Contenus de type article Mots-cls Police, caractre, texte, article, couleurs, contraste, encodage, lisibilit, formatage

Formatage dun texte Rgle 33 Lencodage des caractres utiliss doit tre lUTF-8. Ce choix doit tre renseign dans les balises <meta> de chaque page. Rgle 34 La police utilise doit tre sans serif (exemple : Arial, Verdana). Il ne doit pas y avoir plus de 4 styles de police utiliss sur une mme page. Un style dfinit : la police, la taille de la police, les attributs de la police (droit, italique, gras, etc.), la casse, linterlignage, linter lettrage, la couleur et lalignement du texte. Enfin lassociation dune hirarchie de styles de police des niveaux dinformation doit tre cohrente et respecte sur lensemble du site. La taille de la police utilise doit tre au minimum de 12 pixels pour le contenu principal. Le soulignement doit tre rserv aux liens hypertextes. La couleur peut tre utilise condition quelle respecte les critres du RGAA. Un outil pour mesurer facilement le contraste entre deux couleurs est disponible ici : Contrle du contraste

Rgle 35

Rgle 36 Rgle 37

Ressources Consigne RGI

Interoprabilit technique 3.1.1 : Encodage des caractres 3.1.2 : Polices dcriture Prsentation du texte Critre 1.4.8 : Prsentation visuelle Texte dans les images Critre 1.4.5 et 1.4.9 : Texte sous forme dimage Augmenter la taille du texte Critre 1.4.4 : Redimensionnement du texte Texte clignotant Critre 2.2.2 : Mettre en pause, arrter, masquer Couleur des textes Critre 1.4.1 : Utilisation de la couleur Critre 1.4.3 et 1.4.6 : Contraste

Rgle RGAA

26

Contenus de type article La Charte Internet de ltat nimpose pas de rgles ditoriales pour la rdaction du contenu des articles. Cependant certaines rgles concernant la mise en forme sont dtailles ci-aprs : Rgle 38 La date de publication ou de mise jour de larticle doit tre indique sur la page de larticle en question. La longueur du texte ne doit pas dpasser 4 crans de 768 pixels de haut. Une fois atteinte cette limite, il faut paginer larticle. Si une possibilit dimprimer larticle est propose, une feuille de style ddie limpression doit tre applique. Celle-ci doit reprendre les lments suivants : lmetteur du site (y compris son identifiant visuel) la date de limpression lURL de la page le chemin de la page dans le site (fil dAriane). Le site doit mettre disposition de lusager un systme de glossaire (page ou infobulle) dfinissant les termes complexes utiliss.

Rgle 39

Rgle 40

Rgle 41

Figure 15 Exemple d'info bulle pour une abrviation

Consigne RGI Rgle RGAA

Formatage de larticle pour limpression 3.2.5 : change de donnes numriques dimpression Texte comprhensible par tous Critre 3.1.3 : Mots rares Critre 3.1.4 : Abrviations Critre 3.1.5 : Niveau de lecture Critre 3.1.6 : Prononciation

27

Chapitre 4 : Contenus multimdia

Il est ici question des rgles de publication des contenus multimdias suivants : images sons, vidos et animations Mots-cls Image, audio, vido, flash, animation, pictogramme, icone

Images Selon les fonctions associes aux images, des rgles spcifiques sont imposes. Les fonctions qui sont concernes sont les suivantes : fonction informative (ex : schma, pictogramme) fonction de navigation (ex : image-lien) fonction dcorative (ex : image de fond) La Charte Internet de ltat rappelle les rgles du RGI quant aux formats dimage utilisables sur un site web. Rgles gnrales sur les images Rgle 42 Les images ayant une fonction informative ou de navigation doivent avoir une alternative textuelle (attribut alt ). Les images ayant une fonction dcorative doivent avoir une alternative textuelle du type alt= "" ce qui correspond un attribut vide.

Voir aussi

Consignes sur la compatibilit avec les navigateurs Internet :Chapitre 7 : Vie du site > Compatibilit avec les navigateurs internet

Consigne RGI

Formats dimage autoriss 3.1.3 : Formats dimage 3.1.6 : Formats dobjet graphique 2D

Rgle RGAA

Alternative aux contenus multimdias Critre 1.1.1 : Contenu non textuel Incrustation de texte dans une image Critre 1.4.5 et 1.4.9 : Texte sous forme dimage Critre 1.4.6 : Contraste Pictogrammes

Le choix des pictogrammes est libre mais la Charte Internet de ltat impose certains symboles employer afin davoir une prsentation cohrente sur lensemble des sites.

28

Rgle RGAA

Consistance de lassociation dune image une signification Critre 3.2.4 : Identification cohrente

Rgle 43

Les pictogrammes utiliser selon leur signification (ci dessous) Signification Contact PDF Accueil Symbole Enveloppe Fichier + mention PDF Maison Imprimante Fauteuil roulant Verrou Logo RSS A+ AExemple

Imprimer Accessibilit concernant une adresse physique Authentification RSS Grossissement des caractres Ressources

Les pictogrammes sont disponibles sur demande ladresse : Charte-internet@premier ministre.gouv.fr

Sons, vidos et animations La Charte Internet de ltat rappelle les rgles du RGI quant aux formats de fichier pour les sons ou les vidos prsents sur un site web. Rgle 44 La lecture dun contenu audio ou vido ne doit pas commencer sans demande pralable de lutilisateur. Les contenus vidos doivent tre diffuss en utilisant la plateforme de diffusion interministrielle filGouv, sauf drogation par accord du SIG. Les vidos diffuses sur filGouv doivent disposer: dun titre dau minimum 5 mots cls dune courte description dune vignette (image de dpart) dun texte pour inciter la lecture de la vido audio description, sous titres et une transcription textuelle. Si un contenu audio ou vido est disponible en tlchargement, sa dure doit tre signale en plus des informations requises pour tout fichier.

Rgle 45

Rgle 46

Rgle 47

29

Figure 16 Exemple de lecteur fil'Gouv

Ressources Voir aussi

Consignes dAdobe pour des contenus flash accessibles (en) : Adobe Consignes pour laffiliation la plateforme de diffusion vido filGouv : charte-internet@premier-ministre.gouv.fr Consignes sur le tlchargement de fichiers : Chapitre 5 : Autres contenus > Fichiers

Voir aussi

Consigne RGI

Formats multimdias autoriss 3.1.4 : Formats de squence sonore 3.1.5 : Formats de squence vido Alternatives aux contenus multimdias (sous-titres et audio transcription) Rgle 1.2 : Mdia temporel Contenus clignotant Critre 2.3.1 : Pas plus de 3 flashs sous le seuil critique Accessibilit des lecteurs audio ou vido Critre 1.4.2 : Contrle du son Critre 2.1.3 : Clavier Critre 4.1.2 : Nom, rle et valeur Critre 2.2.2 : Mettre en pause, arrter, masquer Lancement automatique de la lecture Critre 3.2.5 : Changement la demande

Rgle RGAA

30

Chapitre 5 : Autres contenus

Sont abords ici les contenus autres que textes ou multimdias : Mots-cls liens hypertextes fichiers en tlchargement boutons daction tableaux bannires promotionnelles flux RSS partage de favoris lettre dinformation lectronique Liens, tlchargement, bouton, tableau, e-Rgie, RSS, widgets, bookmarks

Liens hypertextes Nous distinguons ici deux types de liens : les liens textuels les liens dans une image Rgle 48 Rgle 49 Un lien textuel doit visuellement se distinguer du texte normal. La prsentation et le comportement retenus pour les deux types de liens doivent tre identiques sur toutes les pages. Dans le cas dun lien textuel interne au site web, le libell du lien doit tre aussi proche que possible du titre de la page cible ou intgrer des mots-cls dcrivant le contenu de la page cible. Les liens vers des sites externes doivent : souvrir dans une nouvelle fentre se distinguer visuellement dun lien interne (couleur par exemple) avoir la formule Nouvelle fentre dans lattribut TITLE

Rgle 50

Rgle 51

Figure 17 Exemple de bonne utilisation de la attribut <TITLE>

31

Rgle RGAA

Alternative au contenu non textuel Critre 1.1.1 : Contenu non textuel Identification de la fonction dun lien Critre 2.4.4 et 2.4.9 : Fonction du lien Identification des types de contenu Critre 3.2.4 : Identification homogne Ouverture dans une nouvelle fentre Critre 3.2.5 : Changement la demande

Fichiers La Charte de lInternet de ltat reprend les rgles du RGI quant au choix des formats admis sur un site de ltat :

Tlchargement descendant (download) Rgle 52 Doivent figurer cot du lien vers le fichier : le nom du fichier le format du fichier le poids du fichier date de mise jour du fichier ou de publication.

Rgle 53

Pour les fichiers pesant plus de 5 Mo une estimation de la dure de tlchargement doit tre renseigne.

Figure 18 Bonne pratique d'indication des dures de tlchargement (source : www.telecharger.com)

Tlchargement montant (upload) Rgle 54 Pour les tlchargements montants il est ncessaire de mentionner le poids maximal autoris ainsi que la liste des formats accepts. Il faut notifier lutilisateur du succs ou de lchec de son tlchargement. 32

Rgle 55

Consigne RGI

Format des documents et archives 3.2.1 : change de documents bureautiques rvisables 3.2.2 : change de documents bureautiques non rvisables 3.2.3 : Archivages de documents bureautiques non rvisables statiques 3.2.4 : Conservation des documents bureautiques dynamiques 3.2.6 : change de documents structurs 3.2.8 : Service de compression de fichiers Information sur les fichiers en tlchargement Critre 2.4.4 : Fonction du lien

Rgle RGAA

Boutons daction Un bouton daction est un lien particulier qui dclenche un traitement de linformation. Rgle 56 Les boutons daction doivent tre reprsents de manire distincte des autres liens.

Figure 49 Exemple de boutons daction avec mise en vidence de laction par dfaut

Libells des boutons daction Rgle 57 Lapparence et le libell des boutons daction sont identiques sur toutes les pages. Il ne doit pas dpasser 15 caractres. Des libells sont imposs pour les fonctionnalits suivantes : Fonction associe Confirmer un choix ou une opration Poster un formulaire Lancer une requte Vide les champs dinformation Quitter la procdure/dmarche Revenir ltape prcdente Aller ltape suivante Dconnexion Partager Ajouter Tlcharger Libell Valider Envoyer Rechercher ou OK Effacer Annuler Retour Suivant Dconnexion Partager Ajouter Tlcharger

Rgle 58

33

Prsentation des boutons Rgle 59 Les boutons daction ne doivent pas tre au format image moins de proposer une version alternative accessible. Le survol dun bouton daction actif doit tre visible.

Figure 20 Exemple de changement dtat du bouton au passage de la souris et du focus (surbrillance de litem slectionn)

Rgle 60

Lattribut TITLE doit tre renseign afin que linfo-bulle apparaisse lors du survol du bouton. Linfo-bulle dcrit laction lie au bouton daction.

Rgle RGAA

Contraste des libells des boutons Critre 1.4.3 et 1.4.6 : Contraste (minimum et maximum) Focus sur les boutons Critre 2.4.7 : Visibilit du Focus

Tableaux Rgle 61 Les tableaux comportent un en-tte pour chaque colonne faisant office de libell pour les champs contenus dans la colonne.
43 rsultats

N de centre 123 456 789 123 456 789 123 456 789 123 456 789 123 456 789 123 456 789 123 456 789 123 456 789 123 456 789 123 456 789
43 rsultats

Nom Nom 1 Nom 2 Nom 3 Nom 4 Nom 5 Nom 6 Nom 7 Nom 8 Nom 9 Nom 10

Adresse 55, rue des Lauriers 48, rue des Gardes 13, rue de le Bretonnire

CP 77 288 77 288 77 288 77 288 77 288 77 288 77 288 77 288 77 288 77 288

Ville MELUN MELUN MELUN MELUN MELUN MELUN MELUN MELUN MELUN MELUN

50, rue des Grandes Mottes 6, rue de la Pommeraie 38, square des Moines 38, rue des Nos

48, rue des Gardes 13, rue de la Bretonnire le Bretonnire 50, rue des Grandes Mottes

Retour en haut de page

Figure 51 Exemple de tableau pagin

34

Rgle 62

Lorsque lusager peut dclencher une action sur les items dun tableau, il doit pouvoir cocher plusieurs ou toutes les lignes pour leur appliquer cette action. Dans le cas dun tableau pagin, laction sapplique uniquement la page visualise lcran.

Nom du document Certificat de non-gage Certificat de concubinage Attestation de lemployeur Certificat mdical Formulaire de demande daide Rcpiss dpt de plainte

Date 01/01/08 14/02/08 31/03/08 10/05/08 23/06/08 12/07/08

Type de document Certificat Certificat Attestation Certificat Formulaire Accus de rception

Auteur Jean Desmoulins Jean Desmoulins Jean Desmoulins Jean Desmoulins Jean Desmoulins Jean Desmoulins

Figure 22 Exemple de tableau avec outil de slection multiple des items

Rgle RGAA

Identification des donnes dans un tableau Critre 1.3.1 : Informations et relations Critre 2.4.6 : En-ttes et tiquettes Lecture dun tableau au clavier Critre 1.3.2 : Ordre squentiel logique Navigation au clavier Critre 2.1.3 : Clavier

Bannires promotionnelles (Service e-Rgie) E-Rgie est un dispositif mutualis de gestion de campagnes promotionnelles qui permet de programmer laffichage bannires dynamiques dans les espaces prvus sur les sites Internet de ltat. Ce service est administr par le service dinformation du Gouvernement (SIG). Rgle 63 Les bannires promotionnelles et publicits doivent tre valides par le service e-Rgie du SIG. Les pages daccueil des sites doivent arborer un emplacement e-Rgie. Dans le cas o dautres pages bnficieraient dun fort trafic, des emplacements complmentaires peuvent tre prvus. Les emplacements rservs aux bannires E-Rgie sur les pages du site metteur doivent respecter lune des dimensions suivantes : 46860 - 72890 - 300250 - 180150.

Rgle 64

Voir aussi Rgle RGAA

Pour saffilier au service e-Rgie veuillez contacter le SIG ladresse suivante: charte-internet@premier-ministre.gouv.fr

Vitesse de dfilement des contenus Critre 2.2.2 : Mettre en pause, arrter, masquer Remplacement des mdias temporels Critre 1.2.1 : Contenu audio ou vido prenregistr 35

Flux RSS La syndication de flux RSS consiste rendre le contenu dun site instantanment disponible dautres sites. Ainsi, ds lors que le contenu syndiqu dun site est mis jour (cration ou modification dun article), le flux RSS est automatiquement mis jour.

Rgle 65

Si un site Internet public agrge sur ses pages un flux RSS issu dun site tiers, il endosse la responsabilit propre un diteur de contenu et doit le signaler dans les mentions lgales du site.

Rgle 66

Les flux RSS doivent tre indiqus par un pictogramme ddi.

Rgle 67

La mise disposition de flux RSS doit prvoir une aide contextuelle pour utilisateurs afin de faciliter lutilisation de ces flux.

Consigne RGI

Flux RSS 3.2.9 : Syndication de contenu

Consignes sur les pictogrammes : Consignes sur les pictogrammes : Chapitre 4 : Contenus multimdia > Pictogrammes Voir aussi

36

Partage communautaire de contenus Le partage communautaire de contenus ou encore partage de signets (social bookmarking) permet aux internautes de stocker, classer, chercher et partager leurs liens favoris. Rgle 68 Les lments de partage communautaire doivent tre indiqus par les pictogrammes ddis dans la zone de fonction associe larticle. Consignes sur les pictogrammes : Chapitre 4 : Contenus multimdia > Pictogrammes

Voir aussi

Figure 23 Exemple dun article de fonctionnalits de partage communautaire de contenus via 8 rseaux (Source : Ministre de la Justice)

Lettre dinformation lectronique La lettre dinformation (infolettre ou newsletter) est un courrier lectronique qui est envoye des utilisateurs abonns. Rgle 69 Les lettres dinformation doivent tre proposes la fois au format HTML et au format texte. Toute constitution de fichier dabonns doit faire pralablement lobjet dune dclaration la Cnil. Les conditions dutilisation des lettres dinformations doivent figurer sur la page mentions lgales du site metteur. Un mcanisme de dsinscription labonnement aux lettres dinformation doit tre disponible dans chacune des lettres et sur le site.

Rgle 70

Rgle 71

Rgle 72

37

Figure 24 Bonne pratique de formulaire d'inscription et dsinscription une lettre d'information (Source : www.gouvernement.fr)

Voir aussi

Consignes sur la dclaration des listes dabonns la CNIL : Chapitre 6 : Dmarches en ligne et donnes personnelles Conservation des donnes personnelles

38

FONCTIONNALITES

39

Chapitre 6 : Dmarches en ligne et donnes personnelles

Il est ici question des principaux outils qui permettent aux sites de ltat de proposer des services interactifs et/ou personnaliss lutilisateur : dmarches en ligne formulaires utilisation des donnes personnelles Pour signaler une dmarche en ligne rfrencer sur servicepublic.fr : 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 Pour demander lhomologation dune dmarche en ligne auprs de la DGME : contacter DGME Service Projets Tel : 01.53.18.05.24. 64-70, alle de Bercy, Btiment Sully, 75572 Paris Formulaires, authentification, dmarche en ligne, tlservice, outil de suivi, accus de rception

Ressources

Mots-cls

Dmarches en ligne Pour dfinir la dmarche en ligne, la Charte Internet de ltat reprend la dfinition du tlservice donne par lordonnance n 2005-1516 du 8 dcembre 2005 relative aux changes lectroniques entre les usagers et les autorits administratives et entre les autorits administratives : Tout systme d'information permettant aux usagers de procder par voie lectronique des dmarches ou formalits administratives. Dans ce chapitre la notion de dmarche en ligne couvre : les tapes en ligne (interactions avec lutilisateur via internet) les tapes hors ligne (traitements par la ou les administration(s) concerne(s)) Mise en place dune dmarche en ligne Selon les termes du communiqu diffus lissue du conseil des ministres du 9 dcembre 2009, la RGPP doit galement permettre damliorer la qualit de service. Sagissant de laccueil, les guichets uniques distance seront renforcs (raccordement de tous les sites publics mon.servicepublic.fr dici fin 2011 et lien systmatique entre le 39 39 et les autres services dappels). Rgle 73 Toute mise disposition dune dmarche en ligne doit tre homologue par la direction gnrale de la modernisation de ltat (DGME) et signale auprs de la direction de linformation lgale et administrative (DILA) /Service-public.fr. La dmarche sera alors rfrence dans les pages du portail et annonce dans la lettre hebdomadaire de service-public.fr. 40

Rgle 74

Le dlai de traitement dune dmarche en ligne doit tre affich avant le dmarrage de celle-ci. Suivi de lavancement dune dmarche en ligne

Rgle 75

Un site qui propose une dmarche en ligne doit mettre disposition un outil de suivi de lavancement de la dmarche. Cet outil dlivrera un accus de rception de la demande de lutilisateur (obligation dtre envoy dans les 48 heures) sous forme dun courriel et/ou dune notification dans loutil de suivi de la dmarche. Il doit galement indiquer : la date et le statut de dbut du traitement par ladministration la date et le statut de fin de traitement par ladministration

Figure 25 Exemple de suivi de dmarche sur Mon.service-public.fr

Ressources

La DGME propose un outil de cration de dmarches en ligne avec mcanisme de suivi. Pour plus dinformations contacter : DGME Service Projets Tel : 01.53.18.05.24. 64-70, alle de Bercy, Btiment Sully, 75572 Paris

Consigne RGS Consigne RGI

Accus de rception 4.2 : Rgles et recommandations de scurit Services en ligne 4.3.1 : Protocole dchange des messages de ladministration 4.3.2 : Les services Web SOAP 4.3.3 : Les services Web REST Utilisation du courrier lectronique 4.2.1 : Messagerie

Formulaires La Charte Internet de ltat dfinit un formulaire comme loutil permettant la saisie dinformations par lutilisateur dans le but de les transmettre, de les conserver ou encore dalimenter une dmarche en ligne . Rgle 76 Pour publier un formulaire en ligne, celui-ci doit tre pralablement dclar auprs de la direction gnrale de modernisation de ltat (DGME) sauf en cas drogation prvue par le dcret n98-1083 du 2 dcembre 1998. Le formulaire Cerfa doit tre publi uniquement sur le site de la DGME (formulaires.modernisation.gouv.fr), sauf drogation. 41

Rgle 77

La direction de linformation lgale et administrative (DILA) doit tre informe de lhomologation et de la publication du formulaire pour le rfrencer sur www.servicepublic.fr (dcret n99-68 du 2 fvrier 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

Ressources

Pour dclarer un formulaire la DGME contacter : DGME Service Projets Tel : 01.53.18.05.24. 64-70, alle de Bercy, Btiment Sully, 75572 Paris

Voir aussi

Consignes sur les boutons daction : Chapitre 5 : Autres contenus > Boutons daction

Rgle RGAA

Alternatives aux champs dun formulaire Critre 1.1.1 : Contenu non textuel Assistance dans lutilisation dun formulaire Rgle 3.3 : Assistance la saisie : aider lutilisateur viter et corriger les erreurs de saisie Constance de lintitul dun champ du formulaire Critre 3.2.4 : Identification cohrente Prsentation dun formulaire

Rgle 78

La manire de signaler les champs obligatoires doit tre identique pour tous les formulaires. Elle doit tre explique au dbut de chaque formulaire.

Figure 26 Bonne pratique de prsentation de la signalisation des champs obligatoires

Rgle 79

Les boutons dactions associs au formulaire (valider, annuler, effacer) doivent tre prsents en dessous du formulaire. Si un systme de CAPTCHA est utilis pour viter une soumission frauduleuse du formulaire, il doit disposer dune alternative sonore. Consignes sur les boutons daction : Chapitre 5 : Autres contenus > 42

Rgle 80

Voir aussi

Boutons daction Rgle RGAA Utilisation des CAPTCHA Contenu non textuel Signalisation des champs obligatoires Critre 1.3.1 : Information et relations Navigation au clavier dans un formulaire Critre 2.1.1 : Clavier Mise en valeur du champ en cours de saisie Critre 2.4.7 : Visibilit du focus Navigation dans les formulaires Rgle 81 Si le formulaire dpasse deux crans de 768 pixels de hauteur, il doit tre scind en plusieurs pages.

Les rgles suivantes sappliquent dans le cas dun formulaire spar en plusieurs pages : Rgle 82 Les informations saisies doivent tre automatiquement enregistres chaque page pour limiter la ressaisie par lutilisateur. Une description des diffrentes pages doit tre prsente en amont du formulaire, de mme quune page de synthse rcapitulant les diffrentes informations saisies doit tre intercale avant la soumission finale du formulaire. Un systme de navigation ddi au formulaire doit permettre tout moment lutilisateur de : Revenir une page prcdente Dterminer la page laquelle il se trouve et le nombre de pages restantes.

Rgle 83

Rgle 84

Figure 267 Exemple de systme de navigation dans un formulaire pages multiples

Voir aussi

Consignes les systmes de navigation, voir : Chapitre 1 :

Utilisation des donnes personnelles Pour simplifier lexprience de lutilisateur et personnaliser son offre, le site peut lui proposer de retrouver des donnes le concernant (favoris, coordonnes) aprs une authentification. Authentification Rgle 85 Si un mcanisme dauthentification pour accder des dmarches en ligne concernant le public Particulier est disponible sur le site alors il doit aussi tre possible pour lutilisateur de sauthentifier avec mon.service-public.fr. Le mcanisme dauthentification mon.service-public.fr doit tre constitu des lments suivants : 43

Rgle 86

Le logotype de mon.service-public.fr Un lien texte vers la page de connexion de mon.service-public.fr

Figure 28 Exemple de zone d'authentification proposant les deux mcanismes (Source : Assurance Retraite)

Rgle 87

Une fois connect, le site doit proposer un mcanisme de dconnexion de mon.service-public.fr. Ce mcanisme doit tre constitu des lments suivants : le logotype de mon.service-public.fr avec un lien vers le portail un lien de gestion des liaisons avec mon.service-public.fr un lien de dconnexion globale de mon.service-public.fr.

Figure 79 Exemple de mcanisme de dconnexion de mon.service-public.fr

Voir aussi

Consignes sur le positionnement des mcanismes dauthentification, voir : Chapitre 2 : Structure des pages > Bandeau suprieur Pour fdrer son site mon.service-public.fr contacter : DGME Service Projets

Ressources Consigne RGI Consigne RGS

Mcanisme dauthentification 4.4.1 : Services dannuaires et fdration didentit Scurisation de lauthentification 3.2 : Authentification Mcanismes didentification 3.3 : Signature lectronique Renouvellement de lauthentification Critre 2.2.5 : Nouvelle authentification

Rgle RGAA

44

Conservation des donnes personnelles Rgle 88 Tout formulaire en ligne doit tre pr-rempli avec les donnes personnelles dont dispose le site. Si le site est fdr et que lutilisateur utilise son compte mon.service-public.fr alors il doit lui tre propos, chaque transmission de documents justificatifs, de dposer ces documents dans lespace personnel de stockage de lutilisateur. Si le site conserve des donnes personnelles sur des utilisateurs dans un espace autre que celui de mon.service-public.fr, il doit pralablement dclarer ce fichier la Commission Nationale de lInformatique et des Liberts (CNIL). Formulaire de dclaration dun fichier de donnes personnelles auprs de la CNIL : Dclaration la CNIL

Rgle 89

Rgle 90

Ressources Consigne RGS Rgle RGAA

Protection des donnes personnelles 3.4 : Confidentialit Modification des donnes personnelles Critre 3.3.4 : Prvention des erreurs (juridiques, financires, donnes)

45

GESTION OPERATIONNELLE

46

Chapitre 7 : Vie du site

Ce chapitre dcrit les principales procdures respecter selon les phases dun projet de site Internet de ltat : Mots-cls Cadrage du projet Ralisation du site internet Gestion du site Fin du projet : archivage du site ou fusion Architecture de linformation, nom de domaine, pilotage, Stat@Gouv, rfrencement, compatibilit, navigateur internet, script.

Cadrage du projet Le lancement dun projet de cration ou de refonte de site, est le dbut dun long processus qui va durer entre 2 mois et 1 an, voire plus selon la taille du projet raliser et la ncessit de ressources humaines et financires importantes. Avant tout projet, assurez-vous de pouvoir rpondre aux questions suivantes : Quel est lobjectif du site, sa fonction, et ses cibles ? Est-ce que ce projet ncessite la cration dun site indpendant ? Un autre site gouvernemental remplit-il dj cette fonction ? Est-ce que je possde les ressources suffisantes son alimentation en contenus et sa gestion technique ? Quels sont les marchs et moyens financiers dont je dispose ?

Enfin le service dinformation du Gouvernement recommande aux ministres de linformer rapidement de leurs projets de cration ou de refonte dans le cadre de la procdure dagrment obligatoire, ceci afin dviter aux ministres davancer sur des projets dont lagrment serait refus, rendant impossible la mise en ligne du site ou dun service en ligne. Ralisation du site Internet : Architecture de linformation Aprs la phase du cadrage, la phase de ralisation doit dbuter par la dfinition de larchitecture de linformation du futur site. Larchitecture de l'information est la catgorisation de l'information en une structure cohrente et hirarchique. Elle permet le choix de systmes de navigation adapts la structure et la taille du site et peut se formaliser sous forme darborescence. Rgle 91 La dfinition de larchitecture de linformation doit rpondre trois objectifs : 1. Recenser les contenus du site 2. Catgoriser ses contenus en rubriques 3. Organiser les rubriques entre elles (hirarchisation en plusieurs niveaux dinformation, liens entre contenus)

Dans la Charte Internet de ltat, deux notions sont utilises pour caractriser larchitecture de linformation : La profondeur : le nombre de niveaux dinformation du site (recommandation 4 maxi) 47

La largeur ou hauteur : le nombre de rubriques un niveau dinformation donn (recommandation 9 maxi)

Accueil Accueil

1er niveau

L=4

2e niveau P=3
L=3

3e niveau

L=2

Figure 380 Illustration de la notion de largeur (L) et profondeur (P) d'un site web

Voir aussi

Consignes sur les aspects techniques de la ralisation, voir : Chapitre 7 : Vie du site > Langages de dveloppement

Voir aussi

Consignes sur les systmes de navigation, voir : Chapitre 1 :

Noms de domaines Lannexe 1 de cette circulaire dcrit dans les dtails la procdure dagrment dun nom de domaine ainsi que les conditions dobtention de celui-ci. Rgle 92 Tout projet de cration de site, de nom de domaine ou sous domaine doit faire lobjet dune demande dagrment auprs du service dinformation du Gouvernement (SIG), quelle que soit lextension du nom de domaine choisie (.gouv.fr, .fr, .com ). Les alias ventuels dun 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 dagrment : agrementweb@premier-ministre.gouv.fr Langages de dveloppement La Charte Internet de ltat rappelle les rgles du RGI quant aux langages de programmation autoriss pour le dveloppement dun site web. Rgle 94 Lintgralit du contenu du site (quelle que soit sa nature) doit tre consultable aprs dsactivation des scripts (ex : JavaScript).

Rgle 93

Ressources

48

Ressources Consigne RGI

Outil en franais de validation des normes du W3C utilises par le RGI : W3C Validator (Franais)

Normes de sur les langages utilisables pour internet 4.1.1 : Technologies pour construire les IHM 4.1.2 : Feuilles de styles 4.1.3 : Utilisation de scripts

Rgle RGAA

Pas de contrainte de temps Critre 2.2.1 : Rglage du dlai Pas de comportement imprvisible provoqu par des scripts Critre 3.2.1 : Au focus Critre 3.2.2 : A la saisie Critre 3.2.5 : A la demande Respect des normes dutilisation des attributs HTML Critre 4.1.1 : Analyse syntaxique

Gestion du site Sont abords ici les sujets relatifs aux performances du site en termes daffluence et de confort dutilisation pour lutilisateur : Statistiques du site : Stat@Gouv Rfrencement naturel Compatibilit technique Statistique du site : Stat@Gouv Stat@Gouv est un dispositif de mesure daudience et de performances dun site. Ce service est mis disposition par le service dinformation du Gouvernement (SIG) pour lensemble des sites gouvernementaux. Ce dispositif utilise un outil de mesure daudience dont la prcision et la mthode de mesure sont compatibles avec les recommandations et une certification OJD (Association pour le contrle et la diffusion des mdias). Il offre, notamment, les fonctionnalits suivantes: Rgle 95 mesure du nombre de visites par page parcours de navigation des internautes remonte des erreurs de type 404 indicateurs daudience qualitatifs et quantitatifs Lutilisation du service Stat@Gouv est obligatoire de mme que lintgration de marqueurs de mesure daudience sur toutes les pages. Pour intgrer le Stat@Gouv sur son site, il faut demander une ouverture de compte au SIG. 49

Pour louverture, il est ncessaire de transmettre le nom de domaine du site et ladresse lectronique du futur administrateur du compte. Contact au SIG pour lintgration ou informations sur le dispositif Stat@Gouv : Stat-gouv@premier-ministre.gouv.fr

Ressources

Rfrencement naturel Voici une liste non exhaustive de bonnes pratiques respecter pour optimiser le rfrencement naturel dun site : Considrer loptimisation du rfrencement du site ds sa conception (linclure dans le cahier des charges). Respecter les critres daccessibilit du RGAA pour que le contenu du site soit comprhensible par les mcanismes dindexation des moteurs de recherche. Utiliser des expressions claires et explicites dans la rdaction des titres des contenus et des pages. viter la duplication de contenus (duplicate contents qui dtriore le rfrencement - plusieurs pages avec un contenu identique). Si plusieurs pages identiques existent, les url de ces pages doivent tre rediriges vers la page principale (via une redirection 301) viter les acronymes. Dans le cas dadministrations centrales ou doprateurs de lEtat, dont lacronyme dvelopp en toutes lettres comprend trop de mots-clefs (80 caractres espaces compris), lurl doit comporter le ou les mots-clefs les plus pertinents faisant rfrence leur mission ou la thmatique traite.

,:

Bonne pratique

le site de la direction gnrale de la modernisation de lEtat : modernisation.gouv.fr ou le site de la direction gnrale du Trsor : tresor.economie.gouv.fr. Optimiser la balise <TITLE> META name="description"> et lattribut <ALT> Mettre en valeur le nom de lorganisme metteur. Limiter si possible le champ 80 caractres. Insrer la description du contenu (texte affich dans les rsultats recherche du moteur) via la balise <META name="description">. 50

Favoriser les liens externes vers dautres sites de ltat. Multiplier les liens internes entre les contenus. Soumettre aux moteurs de recherche un plan du site (sitemap) qui permettra aux robots dtre et dindexer lintgralit du site internet. Recommandations des moteurs de recherche concernant le : sitemap Consignes sur les navigateurs en mode texte et laccessibilit : Chapitre 7 : Vie du site > Compatibilit avec les navigateurs internet

Ressources

Voir aussi

51

Compatibilit avec les navigateurs internet Face la multiplication des terminaux de consultation, la Charte Internet de ltat dcrit les rgles respecter par les sites Internet pour obtenir une qualit de service satisfaisante. Rgle 96 Les sites Internet de ltat doivent tre optimiss pour un fonctionnement sur un cran dune rsolution de 1024x768 pixels. Les sites doivent tre compatibles avec les navigateurs suivants : Internet Explorer 6, 7, 8 et 9 Mozilla Firefox 3.5 et ultrieure Safari 4 et 5 Opra

Rgle 97

Rgle 98

Lintgralit du contenu textuel doit tre accessible sur le navigateur en mode texte

La consultation par un navigateur en mode texte permet de facilement dterminer le comportement lors dune navigation au clavier et donc la conformit au RGAA. Cela permet aussi didentifier ce que comprendront les mcanismes dindexation automatique des moteurs de recherche.

Figure 391 Exemple de consultation d'une mme page sur un navigateur classique (partie haute) et sur un navigateur en mode texte (partie basse). (Source : www.gouvernement.fr)

Ressources Consigne RGI

Le navigateur en mode texte Lynx pour Windows/Mac/Linux est disponible ici : Lynx

Compatibilit avec les navigateurs internet 4.1.4 : Navigateurs web Compatibilit avec les protocoles rseaux 4.4.2 : Technologies

52

Rgle RGAA

Alternative aux contenus non textuels Critre 1.1.1 : Contenu non textuel Navigation au clavier Critre 2.1.1 : Clavier Critre 2.1.2 : Pas de pige au clavier Critre 2.4.1 : Contourner des blocs Contenu comprhensible indpendamment de sa prsentation Critre 1.3.1 : Information et relations Critre 1.3.2 : Ordre squentiel logique Critre 1.3.3 : Caractristiques sensorielles Critre 4.1.2 : Nom, rle et valeur

Fin du projet : archivage du site ou fusion Chaque administration en charge de sites internet a pour obligation darchiver les sites la fermeture de ceux-ci. Rgle 99 Larchivage sur support physique est obligatoire pour tout site ntant plus mis jour ou maintenu techniquement. La mise disposition des archives reste sous la responsabilit du ministre. Les contenus archivs peuvent tre intgrs des sites encore en activit. Dans ce cas, une redirection dfinitive (type 301) doit tre mise en place vers lemplacement qui intgre les contenus. Aprs 3 ans, les redirections durl peuvent tre suspendues si celles-ci ne gnrent plus un trafic important.

Rgle 100

53

FORMULAIRE DVALUATION

54

Critres de conformit la Charte Internet de l'Etat

Conformit

Observations

Gestion oprationnelle

1. La dfinition de l'architecture de l'information rpond aux objectifs suivants: - Recensement des contenus du site - Catgorisation des contenus en rubriques - Organisation des rubriques entre elles

2. Une demande d'agrment a t dpose auprs du SIG pour tout projet de cration 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'intgralit du contenu du site est consultable aprs dsactivation 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 rsolution de 1024x768 pixels

7. Le site est compatible avec les navigateurs suivants: - Internet Explorer 6, 7, 8 et 9 - Mozilla Firecfox 3.5 et ultrieure - Safari 3 et 4 - Opra

8. Le contenu textuel du site est accessible sur le navigateur en mode texte 9. Un systme d'archivage sur support physique est prvu ds lors que le site ne sera plus mis jour ou maintenu techniquement Structure et lments visuels 10. Le systme de navigation principal est horizontal 11. Le format, le contenu et l'emplacement du systme de navigation principal est identique sur toutes les pages du site 12. Tous les liens du systme de navigation principal s'ouvrent dans la fentre active

13. Un ou des systmes de navigation complmentaires ont t mis en place lorsque le site dpasse la profondeur maximale du systme 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 dpli la fois

55

16. Le fil d'Ariane est prsent et son emplacement (directement en dessous du bandeau suprieur) est identique sur toutes les pages du site

17. Le bandeau suprieur et le pied de page sont prsents sur toutes les pages du site

18. L'emplacement, la forme, le contenu et le comportement du bandeau suprieur et du pied de page sont identiques sur toutes les pages du site

19. Le bandeau suprieur comprend les lments suivants: - Bloc "Marianne - Titre et/ou adresse du site - Champ de recherche - Systme de navigation principale - Authentification pour accder des dmarches 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 Lgifrance, Service Public, Gouvernement.fr, et France.fr 22. Un lien vers la page du "Rpertoire des informations publiques" ou vers le site data.gouv.fr est prsent en pied de page 23. Un favicon permettant l'identification de l'metteur est prsent 24. Le titre de la page puis le titre du site sont renseigns 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 prsente sur 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 prsent sur le site 32. Le destinataire du formulaire de contact est unique 33. Les horaires d'ouverture au public et le plan d'accs des tablissements sont prciss dans la page de contact 34. Une page "Mentions lgales" est prsente sur le site et respecte les consignes de l'APIE

56

35. Les Mentions lgales du site comportent les informations suivantes: - Informations sur l'diteur - Informations sur le traitement des donnes personnelles - Informations sur la prsence de liens hypertextes

36. La page "Accessibilit" liste les pages/secteurs du site ne respectant pas les exigences d'accessibilit nonces dans le RGAA

37. Une aide aux usagers (FAQ) est prsente sur le site 38. Si le site propose une aide tlphonique, le prix de l'appel et les horaires d'ouverture du service sont prciss

39. Les informations prsentant le Rpertoire des informations publiques sont accessibles via un flux XML

40. Les pictogrammes utiliss pour informer des conditions de rutilisation des informations sont ceux de l'APIE

41. L'outil d'valuation concernant la qualit du site et des services proposs est prsent 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 rsultats des tudes utilisateurs ralises par le SIG

44. Une adresse email de contact est mentionne sur la page "Recueil de l'avis des utilisateurs" Contenus 45. L'encodage des caractres utiliss est UTF-8 46. La police utilise est sans serif et il n'y a pas plus de 4 styles de police sur une mme page

47. Les pictogrammes utiliss 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 souligns 50. La couleur utilise respecte les critres du RGAA 51. La date de publication ou de mise jour est indique sur les pages de contenu 52. La longueur du texte ne dpasse pas 4 crans de 768 pixels de haut 53. Lorsque la longueur du texte dpasse 4 crans de 768 pixels, l'article est pagin

57

54. Une feuille de style ddie 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 systme de glossaire est mis disposition des usagers 56. Les images ayant une fonction informative ou de navigation ont une alternative textuelle (attribut "alt") 57. La lecture d'un contenu audio ou vido requiert une demande de la part des utilisateurs 58. Les contenus vido sont diffuss via la plateforme de diffusion interministrielle FilGouv

59. Les contenus vidos diffuss disposent des informations suivantes: - Un titre - 5 mots-cls minimum - Une courte description - Une vignette (image de dpart) - Un texte pour inciter la lecture

60. Les contenus audio et vido disponibles en tlchargement signalent la dure du contenu 61. Les liens textuels se distinguent visuellement du texte normal 62. La prsentation 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 intgrent des mots-cls dcrivant la page cible

64. Les liens vers des sites externes: - s'ouvrent dans une nouvelle fentre - se distinguent visuellement des liens internes au site web - ont la formule "Nouvelle fentre" dans l'attribut "title"

65. Les informations suivantes sont prcises lors d'un tlchargement descendant (ou download): - Nom du fichier - Format du fichier - Poids du fichier - Date de mise jour du fichier ou de publication

66. Les fichiers tlcharger (tlchargement descendant ou download) de plus de 5Mo apportent une estimation de la dure de tlchargement

58

67. Les informations suivantes sont prcises lors d'un tlchargement montant (upload): - Poids maximal autoris - Liste des formats accepts

68. L'utilisateur reoit une notification de russite ou d'chec de son tlchargement 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 dpassent pas 15 caractres 71. Les libells choisis pour les boutons d'action sont conformes ceux imposs par la Charte Internet de l'Etat 72. Le survol d'un bouton d'action actif est visible 73. Une info-bulle dcrit l'action lie au bouton d'action (attribut Title) 74. Les tableaux comportent un en-tte 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-Rgie et les bannires et publicits sont valides en amont par le SIG

77. La responsabilit lie l'agrgation de flux RSS sur son site est signale dans les mentions lgales 78. Un pictogramme ddi 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 ddis sont utiliss pour les partages communautaires et situs dans la zone de fonction associe l'article

81. Les lettre d'information sont proposes la fois au format html et au format texte 82. La constitution d'un fichier d'abonns a fait l'objet au pralable d'une dclaration la Cnil 83. Les mentions lgales du site prcisent les conditions d'utilisation des lettres d'information

84. Un mcanisme de dsinscription l'abonnement aux lettres d'information est disponible dans chacune des lettres et sur le site Fonctionnalits 85. Les dmarches en ligne ont t homologues par la DGME et signales la DILA

86. Le dlai de traitement d'une dmarche en ligne est affich avant le dmarrage de celle-ci

59

87. Un outil de suivi de l'avancement de la dmarche est mis disposition des utilisateurs 88. Les formulaires en ligne du site ont t dclars au pralable la DGME et signals la DILA 89. Les champs obligatoires des formulaires en ligne sont signals de manire identique sur l'ensemble du site 90. La signaltique des champs obligatoires des formulaires en ligne est explique au dbut de chaque formulaire 91. Les boutons d'action associs un formulaire en ligne sont situs en dessous du formulaire

92. Les systmes de CAPTCHA disposent d'une alternative sonore

93. Le formulaire est scind en plusieurs pages lorsqu'il dpasse deux crans de 768 pixels 94. Les formulaires en ligne sont pr-remplis avec les donnes personnelles dont dispose le site

95. Lorsque le formulaire est scind en plusieurs pages: - Les informations saisies par l'utilisateur sont automatiquement enregistres chaque page - Une description des diffrentes pages est prsente en amont du formulaire - Une page de synthse des informations est intercale avant la soumission finale du formulaire - Un systme de navigation ddi permet l'internaute de dterminer sa position et de revenir la page prcdente

96. Le mcanisme d'authentification pour accder des dmarches en ligne permet galement l'utilisateur de s'authentifier au site mon.servicepublic.fr

97. Le mcanisme 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 mcanisme de dconnexion 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 dconnexion globale de mon.service-public.fr

60

99. Il est propos l'utilisateur utilisant son compte mon.service-public.fr de dposer les documents qu'il tlcharge (tlchargement montant ou upload) dans son espace personnel de stockage

100. La conservation des donnes personnelles des utilisateurs dans un fichier autre que celui de mon.service-public.fr a fait l'objet d'une dclaration la Cnil

Votre site est conforme

61

ANNEXE 2

Procdures dagrment des projets internet et numriques de ltat I. Cration de sites1 Internet, refontes et modifications majeures2 de sites Internet ETAPE 1 : Agrment de principe en cas de cration ou de refonte de sites La demande dagrment doit tre transmise au SIG au moyen du formulaire (que vous trouverez en fin de lannexe 1), par courrier et par courriel, ds le lancement du projet et avant la publication au Bulletin officiel des annonces de marchs publics (BOAMP). Les demandes dagrment sont instruites par le SIG sur la base des lments fournis par ladministration requrante : Cadrage du projet : formulaire de prsentation du projet Noms de domaine envisags, accompagns, le cas chant, de l'avis des autorits comptentes sur leur disponibilit Lagrment de principe est accord au vu des critres suivants : Objectifs, thmatique traite, cibles Cohrence du projet au regard des sites existants Cohrence avec les priorits dfinies au niveau interministriel

Dlai de rponse : le dlai de rponse du dpartement communication externe du SIG est de 7 jours ouvrs aprs le dpt dune demande. Le dlai est comptabilis partir de la rception du courrier ou du courriel. A rception de lagrment de principe : Le demandeur peut faire procder lachat du nom de domaine par son bureau denregistrement, le SIG aura au pralable inform lAFNIC de lobtention de lagrment, pour ce qui concerne l'extension .fr. Le nom de domaine doit tre rserv au nom de ltat franais, sous la formule suivante : tat franais, reprsent par suivie de l'identit de lautorit du responsable de la rservation. Cette procdure permet une dsignation uniforme de ltat franais en tant que propritaire de noms de domaine. Le demandeur peut galement faire procder l'achat des noms de domaine identiques ou proches du nom de domaine envisag, dans les extensions les plus pertinentes et les plus populaires (prvention du typosquatting).

Afin de faciliter lobtention de lagrment dfinitif, le SIG propose au demandeur un suivi de projet lors des grandes tapes de dcision.
Un site internet se dfinit comme tant constitu dune interface comprenant un contenu, une arborescence et un graphisme spcifiques. Une modification majeure se dfinit par la modification dun des lments constitutifs du site : positionnement, arborescence, charte graphique
2 1

ETAPE 2 : Agrment dfinitif Tout projet doit obtenir un agrment dfinitif avant sa mise en ligne. Afin de faciliter lapprciation du projet, le ministre devra fournir 10 jours avant louverture du site les lments constitutifs (charte, maquettes, ) ou communiquer une adresse de pr-production. La dcision prise par le directeur du SIG, par dlgation du Premier ministre, est motive par le respect de la Charte Internet de ltat et des lments valids lors de lagrment de principe.

II. Cration de noms de domaine usage dadresses de messagerie, dextranet ou renouvellement de noms de domaine, sans modification majeure darborescence : Agrment simplifi

La demande dagrment simplifie doit tre transmise au SIG. Le dlai de rponse du dpartement communication externe du SIG est de 5 jours ouvrs aprs le dpt dune demande (par courrier et par courriel). Lorsque lagrment simplifi est accord, le SIG en informe le ministre qui achte le nom de domaine selon les modalits dcrites prcdemment. En cas de renouvellement dun nombre important de noms de domaine, les demandes peuvent tre groupes sur un mme formulaire.

III. Conventions de nommage Tout site internet cr par un service de l'tat doit pouvoir tre identifi sans ambigut comme site officiel de l'administration franaise. Pour cela, il utilise le nom de domaine gouv.fr . Il ne peut tre drog cette rgle qu'avec l'accord du SIG. Tous les dpartements ministriels doivent mettre en place des conventions de nommage. Les ministres doivent, pour ce faire, se conformer aux recommandations tablies dans la Charte Internet de ltat. Les conventions de nommage sont communiques au service d'information du Gouvernement.

IV. Modalits de mise en uvre

1. Rle des administrations centrales Au sein de chaque ministre, la direction ou le service en charge de la communication coordonne les crations de sites pour lensemble des services et des directions. Il veille notamment au respect des procdures dagrment dcrites ci-dessus. Chaque ministre est responsable des sites crs par ses services dconcentrs. Les ouvertures et renouvellements de sites doivent faire l'objet d'une dcision de la part de l'administration centrale comptente. Les administrations centrales sont charges de vrifier lapplication de la Charte internet de ltat par leurs administrations dconcentres. Il appartient, dans ce cas, chaque direction ou service en charge de la communication ministrielle de diffuser ces services des instructions complmentaires sur les modalits d'ouverture d'un site, tant entendu que la procdure doit toujours dboucher sur une demande dagrment au SIG valide au pralable par la direction ou le service en charge de la communication du ministre de tutelle.

2. Internet territorial de ltat Sagissant de ladministration territoriale de ltat, la circulaire SGG/1060 du 11 juin 2009 a fix les premires orientations en matire de sites Internet dpartementaux et rgionaux des services de ltat. Il a ainsi t dcid que linternet territorial avait pour vocation de regrouper au sein dun site unique nomdudpartement.gouv.fr, lensemble des sites dpartementaux des services de ltat. Les rgions bnficieront quant elles dun portail des services de ltat dont les noms de domaine seront de la forme nomdelargion.gouv.fr. Le projet de site unique dpartemental fait lobjet dinstructions spcifiques prcises en annexe 3.

V. Suivi des sites de ltat

1. Validit des agrments Les agrments sont soumis un renouvellement priodique pour tenir compte de lvolution des sites. La dure de validit de lagrment (pour les sites et noms de domaines) dpend du type de projet concern : Trois ans, reconductibles, pour un site institutionnel ; Un an pour un site vnementiel.

Les sites existants, dont le maintien a t confirm lors de la runion interministrielle du 22 octobre 2010 (cf. annexe 3), sont considrs comme ayant un agrment de 3 ans.

2. Suppression des agrments La suppression de lagrment dun site interviendra dans les cas suivants :

Le site ne respecte plus les lments de lagrment dfinitif (cf.supra), Il prsente des problmes bloquants rcurrents.

Dans les cas sus-cits, le service dinformation du Gouvernement adressera une dcision motive au titulaire du nom du domaine, afin de linformer de la suspension de lagrment de son site. Si les problmes motivant la suspension ne peuvent tre rsolus dans un dlai de 6 mois, le SIG demandera la suspension de la mise en ligne du site. 3. Suivi des crations de sites Un baromtre de suivi des sites internet de ltat sera publi annuellement par le service dinformation du Gouvernement afin de suivre lvolution de la prsence de ltat sur internet.

VI. FORMULAIRES DAGREMENT : FORMULAIRE DE PRSENTATION DE CREATION, REFONTE OU MODIFICATION MAJEURE DE SITE INTERNET ---------------------------------DEMANDE DAGREMENT DE PRINCIPE

Administration de rfrence .... Description de lmetteur ..... .. .... Description du projet internet Type de projet :

Cration dun nouveau site Refonte complte du site Modification (lancement, suppression) des thmatiques rfrentes traites

Type de site et supports de diffusion :

Site Institutionnel - Information Site vnementiel (campagne) Site mobile Site de services en ligne (dmarches en ligne, formulaires.) Application mobile Objectif(s) du projet : .... .. . . .

Descriptif du contenu et des services proposs (thmatiques traites, types de contenus) : ....... ... ... ... ... ... .. ... ... Public vis (volumtrie cible) :

Grand public Descriptif : Professionnel Descriptif : Institutionnel Articulation avec dautres sites (du point de vue du contenu, des objectifs et du public vis) et opportunit de crer ce site par rapport aux sites existants : ....... ... ... Ce site est : rattach au site du ministre .... rattach au portail ..... indpendant... Contraintes spcifiques de scurit : Oui, prciser : .. ... Non En cas de cration, nom de domaine sollicit : Avant toute demande dagrment, les administrations sont invites vrifier auprs de lAgence du patrimoine immatriel de ltat (APIE) ou des autorits comptentes en la matire (INPI, AFNIC) lexistence ventuelle d'une marque dpose 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 dagrment est/sont par ordre de prfrence : Si vous possdez dj un nom de domaine indiquez simplement ladresse 1. . 2. . 3. . Noms de domaine rserver pour viter le typosquatting : 1. . 2. . 3. . 4. . 5. . Gestion du site Nom et coordonnes du chef de projet ou du responsable ditorial : ... .. ... Nom et coordonnes du contact administratif : ... .. ... Nom et coordonnes du contact technique (webmaster ou prestataire actuel) : ... .. ... Dans le cas dune base de donnes intgre, indiquer le type de serveur (Oracle, SQL Server, DB2) : ... Indiquer les autres composants ventuels (applications, services web, systmes dimport de donnes) :

Joindre les documents relatifs au projet si existants : Note descriptive dtaille, projet de cahier des charges.

Nom : Date et signature :

ADRESSE DE COMMUNICATION ADRESSE DE MESSAGERIE RENOUVELLEMENT DE NOM DE MODIFICATION MAJEURE ------------------------------DEMANDE DAGREMENT SIMPLIFIEE

ELECTRONIQUE DOMAINE SANS

Administration de rfrence Le Ministre . souhaite la cration dun nom de domaine usage durl de communication 3 le renouvellement dun nom de domaine et des noms associs la cration de noms de domaine en vue de protection contre le typosquatting la cration dun nom de domaine usage dadresse de messagerie

* Dans le cas de cration dadresse de communication, joindre le descriptif du projet : objectif(s) et public viss, contenu et services proposs et le cas chant lagrment de campagne. Gestion de ladresse Nom et coordonnes du contact administratif : ..... . Nom et coordonnes du contact technique : ..... . Adresse concerne Le(s) adresse(s) objet(s) de la demande dagrment est/sont par ordre de prfrence : 1. 2. 3. Nom :

Date et signature :

Une Url de communication se dfinit comme un nom de domaine redirig de manire permanente (redirection de type 301) vers la page ddie la communication en question.

ANNEXE 3 Linternet territorial de ltat

I. Niveau dpartemental 1. Les principes La nouvelle organisation des services de ltat, issue de la rforme de ladministration territoriale de ltat (RATE), impose lensemble des services dconcentrs concerns une adaptation des moyens de communication de ltat dans le dpartement. De mme, les travaux engags la suite du rapport de M. Riester de fvrier 2010 concernant la rationalisation de la prsence gouvernementale sur Internet visent amliorer la cohrence et lharmonie de la prsence de ltat sur internet. Les rcentes cyber-attaques dont ont fait lobjet plusieurs sites Internet de prfecture confirment par ailleurs la ncessit de prendre toutes mesures pour garantir la scurit et lintgrit de ces outils, en veillant notamment lhbergement centralis et scuris des sites internet. Le projet Internet dpartemental de ltat , engag en 2010, sinscrit dans ce triple contexte. Il vise la mise en place dun site dpartemental unique et homogne sur lensemble du territoire mtropolitain, conforme au modle IDE. Le comit de pilotage national, prsid par le secrtariat gnral du Gouvernement, et runissant le service dinformation du Gouvernement, la direction de linformation lgale et administrative et les ministres concerns, a arrt en 2010 et 2011 les modalits de mise en uvre de cette cible : Un nom de domaine unique par dpartement de la forme nomdudepartement.gouv.fr. Les rgions bnficieront quant elles dun portail des services de ltat dont les noms de domaine seront de la forme nomdelargion.gouv.fr. Un modle unique de site organisant les informations qui devront tre contenues dans les sites de dpartements. Deux offres de services, lune porte par le ministre de l'cologie, du dveloppement durable, des transports et du logement (offre Giseh ) et lautre par le ministre de lintrieur, de loutre-mer et des collectivits territoriales et de limmigration ( offre Pise ). 2. Les modalits techniques Chaque dpartement doit faire le choix de la solution technologique, support de son site unique, partir des deux offres existantes prcites. Un planning global sera tabli entre lquipe projet SIG/DILA, les deux ministres prcits et les correspondants dpartementaux afin dorganiser ce dploiement en tenant compte des diffrentes contraintes des ministres et des dpartements.

II. Niveau rgional Le mandat confi au SIG sur linternet territorial permettra de dfinir les principes de larticulation technique et ditoriale entre les contenus dpartementaux et rgionaux. Chaque dpartement chef-lieu de rgion doit nanmoins disposer de son propre site, conforme au modle IDE, distinct, pour laccs usager, des contenus relevant du niveau de ladministration rgionale de ltat.