Examen de la Charte Internet de l`Etat
Contents
1. 1 2 R f rentiel g n ral d interop rabilit RGI La Charte Internet de l tat fait r f rence au r f rentiel g n ral d interop rabilit RGI En particulier elle cite comme ressource l outil de validation des normes du W3C Toutefois une seule r gle figure dans le formulaire d valuation en annexe de la Charte Internet de l tat sur ce sujet R gle 94 L int gralit du contenu du site quelle que soit sa nature doit tre consultable apr s d sactivation des scripts ex JavaScript Aussi j ai volontairement ajout pour m moire dans le formulaire la R gle RGI Appliquer les r gles du RGI v2 La r gle concernant XHTML 1 0 figure dans la version 2 du RGI qui est en cours d laboration Aussi compte tenu du fait que le code g n r par SPIP 2 sur le site public est compatible avec XHTML 1 0 il serait int ressant que le plugin des squelettes de base et le plugin ciform qui sont actuellement en HTML 4 01 passent en XHTML 1 0 A noter que le site portail du minist re sous SPIP mais sans plugin Giseh est d j en XHTML 1 0 Passer les squelettes en XHTML 1 0 puis utiliser l outil de validation du W3C 1 3 Accessibilit RGAA La Charte Internet de l tat fait r f rence au r f rentiel g n ral d accessibilit pour les administrations RGAA Toutefois seules certaines r gles corr latives figurent dans le formulaire d valuation en annexe de la Charte Internet de l2. formulaire 78 n c 91 Les boutons d action associ s un formulaire en ligne sont situ s en dessous du formulaire 79 n C 92 Les syst mes de CAPTCHA disposent d une alternative sonore 80 n C 93 Le formulaire est scind en plusieurs pages lorsqu il d passe deux crans de 768 pixels 81 n C 94 Les formulaires en ligne sont pr remplis avec les donn es personnelles dont dispose le site 88 n C 95 Lorsque le formulaire est scind en plusieurs pages Les informations saisies par l utilisateur sont automatiquement enregistr es chaque page Une description des diff rentes pages est pr sent e en amont du formulaire Une page de synth se des informations est intercal e avant la soumission finale du formulaire Un syst me de navigation d di permet l internaute de d terminer sa position et de revenir la page pr c dente 82 et 83 84 n C 96 Le m canisme d authentification pour acc der des d marches en ligne permet galement l utilisateur de s authentifier au site mon servicepublic fr 85 n c Un sujet cons quent 97 Le m canisme d authentification au site mon service public fr est constitu Du logotype du site mon service public fr D un lien texte vers la page de connexion du site mon service public fr 86 n C 98 Le m canisme de d connexion du site mon service public fr est constitu D
3. 11 Oui exigences de la charte Internet de l Etat 27 Le bloc Marianne comporte un lien vers la page 14 Oui d accueil du site 28 Une fonctionnalit de recherche est pr sente sur le site 12 Oui 29 L apparence l emplacement et le comportement de la 12 Oui fonctionnalit de recherche sont identiques sur l ensemble des pages du site 30 Il n y a pas d adresse lectronique cliquable attribut 18 Non Consign Ceux dans Mailto sur le site e les EC n cessitent d tre authentifi 31 Un formulaire de contact est pr sent sur le site 19 Non Cisquel 32 Le destinataire du formulaire de contact est unique 20 n c 33 Les horaires d ouverture au public et le plan d acc s 21 Non Consign des tablissements sont pr cis s dans la page de contact e 34 Une page Mentions l gales est pr sente sur le site et 22 Non Consign 1 respecte les consignes de l APIE e 35 Les Mentions l gales du site comportent les 23 Non Consign 1 informations suivantes e Informations sur l diteur Informations sur le traitement des donn es personnelles Informations sur la pr sence de liens hypertextes 36 La page Accessibilit liste les pages secteurs du site 24 Non Consign 1 ne respectant pas les exigences d accessibilit nonc es e dans le RGAA 37 Une aide aux usagers FAQ est pr sente sur le site 25 Non Consign 1 e 38 Si le site propose une aide t l phonique le prix de 26 n c l appel et
4. au format HTML et au format texte 70 Es constitution de fichier d abonn s doit faire pr alablement l objet d une d claration la nil 71 Les conditions d utilisation des lettres d informations doivent figurer sur la page mentions l gales du site metteur 72 Un m canisme de d sinscription l abonnement aux lettres d information doit tre disponible dans chacune des lettres et sur le site Impact sur la lettre d information lectronique qui est un outil externe aux sites Internet SG SPSSI CP2I D0 Ouest C Imberti Page 5 1 7 D marche en ligne Les r gles 73 90 concernent les d marches en lignes qui sont des outils externes aux sites Internet Impact sur les applications de d marche en ligne A noter que la charte graphique Internet de l Etat ne comporte pas de r gle sur la m thode d int gration d une application de d marche en ligne dans un site web nouvelle fen tre iframe etc Il convient de souligner en particulier la r gle 89 Si le site est f d r et que l utilisateur utilise son compte mon service public fr alors il doit lui tre propos chaque transmission de documents justificatifs de d poser ces documents dans l espace personnel de stockage de l utilisateur 1 8 Authentification via mon service public La r gle 85 indique Si un m canisme d authentification pour acc der des d marches en ligne concernant le public Particul
5. CP2I D0 Ouest C Imberti Page 6 2 Liste des t ches mener pour mettre en conformit les sites Internet 2 1 Introduction La charte s applique aux sites Internet Aussi elle ne s applique pas aux sites intranet l espace priv de SPIP la saisie facile etc Pour chacune de ces r gles non respect es il convient d identifier les travaux de mise en conformit mener en distinguant s il s agit de consignes pour les webmestres modifier les plugin de charte graphique __ modifier le plugin des squelettes de base impact sur SPIP consignes d exploitation Seuls les travaux concernant les sites Internet seront identifi s et pas ceux qui concernent les applications de d marche en lignes l authentification via mon service public le r pertoire des informations publiques la lettre d information lectronique etc SG SPSSI CP21 D0 Ouest C Imberti Page 7 2 2 R gles communiquer aux webmestres Sur les 100 r gles de la charte graphique Internet de l Etat il semble n cessaire de communiquer les 17 r gles suivantes aux webmestres en pr cisant qu elles concernent uniquement les sites internet N r gle Description 9 Le titre d un article ou d une rubrique doit ne pas d passer de pr f rence 80 caract res 18 Les adresses lectroniques cliquables attribut mailto sont interdites sur l ensemble des pag
6. RAPPORTS Service SG SPSSI Sous service CP2I DO Ouest Date 16 05 2012 Examen de la Charte Internet de l Etat ne E Tf ES C Imberti 16 05 2012 e E 2 5E S y5 RES p N Sig 2 5 amp Pr sent pour l avenir EX EA Libert galit Fraternit R PUBLIQUE FRAN AISE Minist re de l cologie 4u peveloppemet Minist re de l Ecologie des Transports du D veloppement durable et du Logement des Transports et du Logement www developpement durable gouv fr Historique des versions du document Auteur du document Christophe IMBERTI SG SPSSI CP21 D0 Ouest SG SPSSI CP21 D0O Ouest C Imberti Page 2 Sommaire 1 r a EXAMEN DE LA CHARTE INTERNET DE L ETAT ssesnnnnneerenese 4 1 1 trodu tion is Lines nl Ed aE de titres de ere ta tenta ends Vds lee a dans dt Ps 4 1 2 R f rentiel g n ral d interop rabilit RGI ses 4 1 37 Accessibilit RGAA E ser ris it mn nee nitrate trs ee EE EAR 4 1 4 R pertoire des informations publiques ss 5 1 5 Outil d valuation dU SHE rie noino a E a a a te tin E 5 1 6 Lettre d information lectronique ss 5 1 7 D marche en None tint tte nt etant E E ea a 6 1 8 Authentification via mon service public sisi 6 LISTE DES TACHES A MENER POUR METTRE EN CONFORMITE LES SITES INTERNET 7 2 1 Introductio iesin ne nn Rs nent nn order entr te sein pin LEE tr 7 2 2 R gles communiquer aux webmestres s
7. ative utilisait dans ce cas alt illustration ou bien textuelle du type alt ce qui alt picto correspond un attribut vide O ii lls ont t remplac s par alt 52 Doivent figurer c t du lien vers le fichier La charte de Jouve de 2004 n affichait pas la en particulier la date de mise jour du date du fichier Comme SPIP dispose fichier ou de publication uniquement de la date du versement du fichier c est cette derni re qui a t ajout e 53 Les fichiers t l charger t l chargement Si le lien vers le document est dans le texte de descendant ou download de plus de 5Mo l article ci qui n est pas rare cela semble apportent une estimation de la dur e de difficilement applicable Aussi une solution t l chargement consiste ne pas mettre dans le texte de l article une pi ce jointe de plus de 5 Mo Les pi ces jointe de plus de 5 Mo qui ne sont pas dans le texte de l article ont d sormais une estimation de la dur e de t l chargement 57 L apparence et le libell des boutons L article de forme wiki a un bouton d action sont identiques sur toutes les Joindre un document gt qui comprend plus de pages Il ne doit pas d passer 15 15 caract res Toutefois un bouton caract res T l verser serait moins compr hensible 59 Les boutons d action ne doivent pas tre au La charte de Jouve de 2004 utilisait une image format image moins de proposer une pour le b
8. de publication ou de mise jour est indiqu e 38 Oui sur les pages de contenu 52 La longueur du texte ne d passe pas 4 crans de 768 39 Non Consign 1 pixels de haut e 53 Lorsque la longueur du texte d passe 4 crans de 768 39 Non Consign 1 pixels l article est pagin e 54 Une feuille de style d di e est disponible pour 40 Non Cisquel l impression d un article et comprend L metteur du site et son identifiant visuel La date de l impression L URL de la page Le fil d Ariane 55 Un syst me de glossaire est mis disposition des 41 Non Consign usagers e 56 Les images ayant une fonction informative ou de 42 Non Consign 1 navigation ont une alternative textuelle attribut alt e 56bis Les images ayant une fonction d corative ont une 42 Non Cisquel Charte alternative textuelle du type alt Jouve alt illustrati on 57 La lecture d un contenu audio ou vid o requiert une 44 Oui demande de la part des utilisateurs 58 Les contenus vid o sont diffus s via la plateforme de 45 Non Charte A t on une diffusion interminist rielle FilGouv d rogation 59 Les vid os diffus es sur FilGouv disposent des 46 informations suivantes Un titre 5 mots cl s minimum Une courte description Une vignette image de d part Un texte pour inciter la lecture 60 Les contenus audio et vid o disponibles en 47 Non Consign t l chargement signalent la dur e
9. du contenu e 61 Les liens textuels se distinguent visuellement du texte 48 Oui normal 62 La pr sentation et le comportement des liens 49 Oui Sauf si hypertextes sont identiques sur toutes les pages du site choix nouvelle fen tre 63 Le libell d un lien interne au site web est aussi proche 50 Oui que possible du titre de la page cible ou int grent des mots cl s d crivant la page cible 64 Les liens vers des sites externes 51 Non Charte Visuel s ouvrent dans une nouvelle fen tre identique Se distinguent visuellement des liens internes au site web entre liens ont la formule Nouvelle fen tre dans l attribut title internes et externes Choix graphique SG SPSSI CP2I DO Ouest C Imberti Page 17 65 Les informations suivantes sont pr cis es lors d un 52 Non Cisquel Il manque la t l chargement descendant ou download date du Nom du fichier fichier Format du fichier Poids du fichier Date de mise jour du fichier ou de publication 66 Les fichiers t l charger t l chargement descendant 53 Non Non ou download de plus de 5Mo apportent une estimation de applicable la dur e de t l chargement si le document est dans le texte 67 Les informations suivantes sont pr cis es lors d un 54 Non SPIP Le poids t l chargement montant upload maximal Poids max
10. ection d finitive type 301 doit tre mise en place vers l emplacement qui int gre les contenus Apr s 3 ans les redirections d url peuvent tre suspendues si celles ci ne g n rent plus un trafic important Remarques _ SPIP permet d utiliser l encodage UTF 8 A noter que depuis d but 2011 les nouveaux sites sous Giseh utilisent l encodage UTF 8 Si un site utilise actuellement l encodage iso 8859 1 SPIP permet de convertir une fois pour toutes l ensemble des textes du site articles br ves forums etc vers l encodage UTF 8 Cette action ne peut pas tre d clench e par le webmestre car SPIP effectue une v rification n cessitant l acc s FTP La redirection 301 semble tre en cours de mise en uvre SG SPSSI CP21 D0O Ouest C Imberti Page 11 3 Annexe 3 1 Modifications effectu es sur le plugin des squelettes de base La mise en uvre du chapitre 2 4 Modification du plugin des squelettes de base a n cessit la r alisation des modifications suivantes N r gle Description Modifications effectu es sur le plugin cisquel et ciform 7 Le bandeau sup rieur et le pied de page Pour m moire dans la version 1 8 du plugin doivent tre pr sents sur toutes les pages y compris les pages d erreur erreur 404 L emplacement la forme le contenu et le comportement des l ments principaux du bandeau sup rieur et du pied de page doivent tre identiques sur toutes les pages d
11. es du site pour des raisons de compatibilit avec le poste de travail de l utilisateur 21 Les tablissements disposant d un accueil ouvert au public doivent fournir dans la page contact un lien vers les horaires d ouverture et le plan d acc s l tablissement 22 Une page Mentions l gales doit tre pr sente sur le site 23 Les Mentions l gales doivent renseigner les informations suivantes Informations sur l diteur Informations sur le traitement des donn es personnelles Informations sur la pr sence de liens hypertextes 24 La page Accessibilit doit lister les pages ou secteurs du site ne respectant pas les exigences d accessibilit nonc es dans le RGAA 25 Il est obligatoire de proposer un m canisme d aide aux usagers comprenant a minima une foire aux questions La FAQ doit r pondre aux principales questions pos es par les utilisateurs et leur offrir la possibilit d ajouter des questions celles r f renc es 27 Un lien vers la page du R pertoire des informations publiques ou un lien vers le site data gouv fr doit tre pr sent dans le pied de page du site Si l administration en charge du site n est pas en mesure de r aliser la page r pertoire des informations publiques le lien vers le portail data gouv fr est suffisant 39 La longueur du texte ne doit pas d passer 4 crans de 768 pixels de haut Une fois atteinte cette limite il faut paginer l article 41 Le site doit mettre di
12. gins de charte graphique Internet des sites sous Giseh N r gle Description 9 Le titre de la page suivi du titre du site doit tre renseign sur toutes les pages 14 Le bloc Marianne et le titre du site doivent comporter un lien vers la page d accueil du site 10 Le bandeau sup rieur doit contenir en particulier les l ments suivants Champ de recherche dans le coin sup rieur droit L authentification pour acc der des d marches en ligne au dessus de la fonction de recherche 34 La police utilis e doit tre sans serif exemple Arial Verdana II ne doit pas y avoir plus de 4 styles de police utilis s sur une m me page Un style d finit la police la taille de la police les attributs de la police droit italique gras etc la casse l interlignage linter lettrage la couleur et l alignement du texte Enfin l association d une hi rarchie de styles de police des niveaux d information doit tre coh rente et respect e sur l ensemble du site 37 La couleur peut tre utilis e condition qu elle respecte les crit res du RGAA en particulier ceux du contraste 40 Si une possibilit d imprimer l article est propos e l impression doit comprendre l identifiant visuel de l metteur du site le reste sera pris en charge par les squelettes de base 45 Les contenus vid os doivent tre diffus s en utilisant la plateforme de diffusion interm
13. ier est disponible sur le site alors il doit aussi tre possible pour l utilisateur de s authentifier avec mon service public fr L examen de 4 sites offrant ce mode d authentification montre que lorsque l on clique sur Se connecter avec Mon Service Public le lien pointe sur une URL d authentification propre l organisme qui redirige vers connexion mon service public fr Exemple http www msaportesdebretagne fr Nouveau connectez vous CONNEXION gt avec SHfe Pubiic gt En savoir plus Le lien de connexion pointe sur https votredossier msa fr FrontalMSP SSOAuthenticationServlet qui redirige vers https connexion mon service public fr auth 0 spid https votredossier msa fr ProviderID amp Le m canisme est le m me sur les 3 autres organismes suivants http www cesu urssaf fr cesweb loginempl jsp https www lassuranceretraite fr cs Satellite PUBPrincipale Salaries Accueil Salaries service AuthentExigee https assure ameli fr PortailAS appmanager PortailAS assure _somtic true Aussi le lien doit pointer vers l application de d marche en ligne qui devra g rer l authentification via MSP Si l application d l gue l authentification cerb re cactus pour la d marche en ligne ces modules devront tre impact s Aussi le PNE s curit doit tre inform de la charte Internet de l Etat Impact vraisemblable sur le composant d authentification du minist re SG SPSSI
14. imal autoris n est pas Liste des formats accept s indiqu dans les forums 68 L utilisateur re oit une notification de r ussite ou 55 Non SPIP d chec de son t l chargement 69 Les boutons d actions sont distincts des autres liens 56 Non Charte 70 Les boutons d actions sont identiques sur toutes les 57 Non Cisquel L article wiki pages du site apparence et libell et ne d passent pas a un bouton 15 caract res gt 15 carac 71 Les libell s choisis pour les boutons d action sont 58 Non Il en conformes ceux impos s par la Charte Internet de l Etat manque dans la r gle 58 72 Le survol d un bouton d action actif est visible 59 Non Charte Choix graphique 73 Une info bulle d crit l action li e au bouton d action 60 Non Cisquel attribut Title Ciform 74 Les tableaux comportent un en t te pour chaque 61 Non Consign 1 colonne e 75 L usager peut cocher plusieurs ou toutes les lignes 62 n c d un tableau pour y appliquer une action 76 La page d accueil du site arbore un emplacement E 64 Non Charte 1 R gie et les banni res et publicit s sont valid es en amont D cision par le SIG DICOM de l poque 77 La responsabilit li e l agr gation de flux RSS sur 65 Non Consign 1 son site est signal e dans les mentions l gales e 78 Un pictogramme d di indique la mise disposition de 66 Non Consign 1 flux RSS e 79 Une aide contextuelle l utilisation des flux RSS es
15. inist rielle fil Gouv sauf d rogation par accord du SIG 51 Les liens vers des sites externes doivent en particulier se distinguer visuellement d un lien interne couleur par exemple 56 Les boutons d action doivent tre repr sent s de mani re distincte des autres liens 59 Les boutons d action ne doivent pas tre au format image moins de proposer une version alternative accessible Le survol d un bouton d action actif doit tre visible 64 Les pages d accueil des sites doivent arborer un emplacement e R gie Dans le cas o d autres pages b n ficieraient d un fort trafic des emplacements compl mentaires peuvent tre pr vus Les emplacements r serv s aux banni res E R gie sur les pages du site metteur doivent respecter l une des dimensions suivantes 468x60 728x90 300x250 180x150 RGI Appliquer les r gles du RGI v2 Remarques R gle 9 actuellement le titre de la page est pr c d du titre du site R gle 10 le champ recherche est actuellement droite mais pas dans le coin sup rieur droit du bandeau sup rieur Par ailleurs il convient de pr voir un lien d authentification pour acc der des d marches en ligne au dessus de la fonction de recherche R gle 34 actuellement il y a plus de 4 styles de police utilis s sur une m me page par exemple la page d accueil R gle 37 l outil Colour Contrast Analyser gt mentionn dans la circulaire indique par exemp
16. ise 8 2 3 Modification des plugins de charte graphique Internet des sites sous Giseh esssessersesseeresseerserrees 9 24 Modification du plugin des squelettes de base nssessesssesseeseeeesreersseststsrrstesresrssrsrtnestententesresresrnees 10 2 5 Impact Sur SPIP ni Eden dt Mint din isa E diet dns eate end enr des 11 2 6 Exploitation des sites Internet ist moin und tete Antist dote teens 11 ANNEXE nent E I E A AT IA AE AN AEE ten en tte na AA 12 3 1 Modifications effectu es sur le plugin des squelettes de base 12 3 2 Modifications effectu es relatives l impact sur SPIP ss 14 3 3 Formulaire d valuation annex la charte renseign eeeeeeeseeesseeesesessessessresstessrsserssresseesseessesee 15 SG SPSSI CP2I D0 Ouest C Imberti Page 3 1 Examen de la charte Internet de l Etat 1 1 Introduction Il s agit tout d abord d examiner dans son ensemble la charte Internet de l Etat Cette charte comporte 100 r gles La charte fait r f rence au RGI et RGAA qui comprennent de nombreuses r gles qui ne figurent pas toutes dans les 100 r gles de la charte Internet de l Etat Certaines r gles de la charte concernent des applications particuli res _ R pertoire des informations publiques Outil d valuation du site Lettre d information lectronique D marche en ligne Authentification via mon service public Par exemple le dernier point repr sente un sujet part enti re
17. itre du site doit tre renseign sur toutes les pages 14 Le bloc Marianne et le titre du site doivent comporter un lien vers la page d accueil du site 19 L utilisation d un formulaire comme un des moyens de contact est obligatoire sauf probl matique justifi e 40 Si une possibilit d imprimer l article est propos e une feuille de style d di e l impression doit tre appliqu e Celle ci doit reprendre les l ments suivants l metteur du site l identifiant visuel sera pris en charge par le plugin de charte graphique la date de l impression l URL de la page le chemin de la page dans le site fil d Ariane 42 Les images ayant une fonction d corative doivent avoir une alternative textuelle du type alt ce qui correspond un attribut vide 52 Doivent figurer c t du lien vers le fichier en particulier la date de mise jour du fichier ou de publication 53 Les fichiers t l charger t l chargement descendant ou download de plus de 5Mo apportent une estimation de la dur e de t l chargement 57 L apparence et le libell des boutons d action sont identiques sur toutes les pages Il ne doit pas d passer 15 caract res 59 Les boutons d action ne doivent pas tre au format image moins de proposer une version alternative accessible Le survol d un bouton d action actif doit tre visible 60 L attribut TITLE doit tre renseign afin que l info bulle apparaisse lors du sur
18. le contenu et le 7 Oui comportement du bandeau sup rieur et du pied de page sont identiques sur toutes les pages du site SG SPSSI CP2I D0O Ouest C Imberti Page 15 19 Le bandeau sup rieur comprend les l ments 10 Non Charte Champ suivants recherche Bloc Marianne droite mais Titre et ou adresse du site pas en haut Champ de recherche 1 Syst me de navigation principale Pr voir lien Authentification pour acc der des d marches en ligne authentifi cation 20 Le pied de page reprend toutes les rubriques de niveau 16 Oui 1 et les principales rubriques de niveau 2 21 Le pied de page affiche les liens logotypes des sites 17 Non 1 L gifrance Service Public Gouvernement fr et France fr 22 Un lien vers la page du R pertoire des informations 27 Non Consign publiques ou vers le site data gouv fr est pr sent en pied e de page 23 Un favicon permettant l identification de l metteur est 8 Oui pr sent 24 Le titre de la page puis le titre du site sont renseign s 9 Non Cisquel Consign Le titre de sur toutes les pages du site Charte le la page doit et viter les titres de plus de 80 caract res longueu tre en r titre premier 25 Le titre du site comporte un lien vers la page d accueil 14 Non Cisquel du site Charte 26 Le bloc Marianne est graphiquement conforme aux
19. le que les liens en vert dans le texte ont un contraste insuffisant de 2 5 il faut 3 en AA et 4 5 en AAA pour des textes inf rieurs 150 ou 120 gras de la taille par d faut R gle 51 actuellement le visuel est identique entre liens internes et externes R gle 64 pour m moire cette fonctionnalit tait pr sente dans Giseh sous SPIP 1 8 mais elle n tait pas utilis e conform ment la d cision de la DICOM de l poque Aussi cette fonctionnalit sp cifique aux sites Internet ne figure pas dans les plugins Giseh R gles 34 37 51 56 59 l application de ces r gles n cessite des d cisions en mati re de graphisme R gle RGI les plugins charte sont en HTML 4 01 et pas en XHTML 1 0 SG SPSSI CP2I D0 Ouest C Imberti Page 9 2 4 Modification du plugin des squelettes de base Les r gles suivantes semblent impacter le plugin des squelettes de base N r gle Description 7 Le bandeau sup rieur et le pied de page doivent tre pr sents sur toutes les pages y compris les pages d erreur erreur 404 L emplacement la forme le contenu et le comportement des l ments principaux du bandeau sup rieur et du pied de page doivent tre identiques sur toutes les pages du site ou sous domaine du site Ceux ci peuvent tre compl t s par des informations sp cifiques la th matique ou la rubrique en question 9 Le titre de la page suivi du t
20. les horaires d ouverture du service sont pr cis s 39 Les informations pr sentant le R pertoire des 28 Non informations publiques sont accessibles via un flux XML 40 Les pictogrammes utilis s pour informer des conditions 29 Non de r utilisation des informations sont ceux de l APIE 41 L outil d valuation concernant la qualit du site et des 30 Non services propos s est pr sent sur le site 42 La page Recueil de l avis des utilisateurs est 31 Non accessible depuis le pied de page du site 43 La page Recueil de l avis des utilisateurs 32 Non communique les r sultats des tudes utilisateurs r alis es par le SIG 44 Une adresse email de contact est mentionn e sur la 32 Non page Recueil de l avis des utilisateurs SG SPSSI CP2I DO Ouest C Imberti Page 16 Contenus 45 L encodage des caract res utilis s est UTF 8 33 Non 1 Exploitation 46 La police utilis e est sans serif et il n y a pas plus de 4 34 Non Charte Choix styles de police sur une m me page graphique 47 Les pictogrammes utilis s sont conformes la charte 43 Oui Internet de l Etat 48 La taille de la police est au minimum de 12 pixels pour 35 Oui le contenu principal 49 Seuls les liens hypertextes sont soulign s 36 Oui 50 La couleur utilis e respecte les crit res du RGAA 37 Non Charte Choix graphique 51 La date
21. outon OK Elle a t remplac e par un version alternative accessible Le survol bouton sans image similaire celui du portail d un bouton d action actif doit tre visible internet du minist re Le survol des boutons est d sormais visible 60 L attribut TITLE doit tre renseign afin que L attribut TITLE des boutons est d sormais l info bulle apparaisse lors du survol du renseign avec l action li e au bouton bouton L info bulle d crit l action li e au bouton d action RGI Appliquer les r gles du RGI v2 J ai r alis une version XHTML 1 0 des plugins cisquel et ciform Le r sultat de ces modifications est visible sur le site http gisehlab cete ouest i2 etudes Ce site passe avec succ s l outil de validation du W3C Remarques Le code HTML 4 01 des squelettes de base actuels est celui qui avait t produit par la soci t Jouve en 2004 Tous les gabarits du plugin des squelettes de base ont t impact s par ces modifications SG SPSSI CP2I DO Ouest C Imberti Page 13 3 2 Modifications effectu es relatives l impact sur SPIP Si les forums publics sont utilis s sur le site Internet et que le site est configur pour autoriser les visiteurs joindre des documents leurs messages de forum N r gle Description Modifications effectu es 54 Pour les t l chargements montants il est n cessaire de mentionner le poids maximal autoris ainsi q
22. re a t renseign dans l objectif d identifier les travaux de mise en conformit mener pour les sites Internet Dans le formulaire d valuation qui figure dans la charte graphique Internet de l Etat la num rotation est diff rente de celles des r gles dict es par la charte et les libell s sont parfois diff rents Ceci ne facilite pas l usage de ce formulaire d valuation Aussi je l ai compl t avec une colonne comprenant le num ro de r gle corr latif Les valeurs utilis es pour la colonne conforme sont oui non n c non concern N Confo Impact Impact Com r gle rme plugin web mentaire mestre Gestion op rationnelle 1 La d finition de l architecture de l information r pond aux 91 objectifs suivants Recensement des contenus du site Cat gorisation des contenus en rubriques Organisation des rubriques entre elles 2 Une demande d agr ment a t d pos e aupr s du SIG 92 pour tout projet de cr ation de site noms de domaine ou sous domaine 3 Les alias du site redirigent tous vers le nom de domaine 93 Exploitation principal redirection 301 4 L int gralit du contenu du site est consultable apr s 94 Oui d sactivation des scripts 5 Le site dispose des marqueurs de mesure d audience 95 Non Xiti est Stat Gouv sur toutes ses pages utilis 6 Le site est optimis pour un fonctionnement sur un 96 Oui cran d une r sol
23. respecter le mode d emploi Le plugin des squelettes de base permet d ajouter un lien dans le pied de page aussi la r gle 27 peut tre appliqu e En revanche la constitution d un R pertoire des informations publiques est un sujet part enti re 1 5 Outil d valuation du site N r gle Description 30 La pr sence de l outil d valuation mis disposition par le service d information du Gouvernement concernant la qualit du site et des services propos s est obligatoire sur le site Ce syst me permettra l internaute d valuer rapidement la qualit du site et de comparer son appr ciation aux avis des autres utilisateurs 31 Cet outil devra tre accessible depuis un lien pr sent dans le pied de page intitul Recueil de l avis des utilisateurs 32 La page intitul e Recueil de lavis des utilisateurs devra mentionner de mani re obligatoire une adresse mail d di e au recueil des avis des utilisateurs Les adresses lectroniques cliquables mailto sont interdites et l utilisation d un formulaire est conseill e Le plugin des squelettes de base permet d ajouter un lien dans le pied de page aussi la r gle 31 peut tre appliqu e Toutefois la mise en oeuvre de cet outil d valuation est un sujet part enti re 1 6 Lettre d information lectronique N r gle Description 69 Les lettres d information doivent tre propos es la fois
24. site peut l affecter un article Le formulaire b n ficie de plusieurs s curit s test si un champ non visible a t renseign test si plus de 3 URL dans le message jeton valable 30 minutes test de la syntaxe de l adresse email Suppression du code HTML dans le titre et dans le message etc 40 Si une possibilit d imprimer l article est propos e une feuille de style d di e l impression doit tre appliqu e Celle ci doit reprendre les l ments suivants l metteur du site l identifiant visuel sera pris en charge par le plugin de charte graphique la date de l impression URL de la page le chemin de la page dans le site fil d Ariane Les gabarits d di s l impression ont t modifi s le nom du site et le chemin de la page dans le site fil d Ariane s affichent en haut de la page la date de l impression et l URL de la page sont affich s en pied de page ils utilisent pour la partie haute affichage du nom du site le fichier noisettes haut_print html Cette factorisation facilitera l ajout par le plugin de charte graphique de l identifiant visuel du site SG SPSSI CP2I DO Ouest C Imberti Page 12 N r gle Description Modifications effectu es sur le plugin cisquel et ciform 42 Les images ayant une fonction Le code HTML de la charte de Jouve de 2004 d corative doivent avoir une altern
25. sposition de usager un syst me de glossaire page ou infobulle d finissant les termes complexes utilis s 42 Les images ayant une fonction informative ou de navigation doivent avoir une alternative textuelle attribut alt 45 Les contenus vid os doivent tre diffus s en utilisant la plateforme de diffusion interminist rielle fil Gouv sauf d rogation par accord du SIG 47 Si un contenu audio ou vid o est disponible en t l chargement sa dur e doit tre signal e en plus des informations requises pour tout fichier 61 Les tableaux comportent un en t te pour chaque colonne faisant office de libell pour les champs contenus dans la colonne 65 Si un site Internet public agr ge sur ses pages un flux RSS issu d un site tiers il endosse la responsabilit propre un diteur de contenu et doit le signaler dans les mentions l gales du site 66 Les flux RSS doivent tre indiqu s par un pictogramme d di 67 La mise disposition de flux RSS doit pr voir une aide contextuelle pour utilisateurs afin de faciliter l utilisation de ces flux Remarques Un accompagnement portant sur la mise en uvre de ces r gles accompagn d exemples serait int ressant Pour m moire la consigne de ne pas saisir du code HTML existe d j SG SPSSI CP2I D0 Ouest C Imberti Page 8 2 3 Modification des plugins de charte graphique Internet des sites sous Giseh Les r gles suivantes semblent impacter les plu
26. t 67 Non Consign 1 mise en place pour les usagers e 80 Des pictogrammes d di s sont utilis s pour les 38 1 partages communautaires et situ s dans la zone de fonction associ e l article 81 Les lettres d information sont propos es la fois au 69 Lettre 1 format html et au format texte 82 La constitution d un fichier d abonn s a fait l objet au 70 Lettre 1 pr alable d une d claration la Cnil 83 Les mentions l gales du site pr cisent les conditions 71 Lettre 1 d utilisation des lettres d information 84 Un m canisme de d sinscription l abonnement aux 72 Lettre 1 lettres d information est disponible dans chacune des lettres et sur le site Fonctionnalit s 85 Les d marches en ligne ont t homologu es par la 73 n c DGME et signal es la DILA 86 Le d lai de traitement d une d marche en ligne est 74 n c affich avant le d marrage de celle ci 87 Un outil de suivi de l avancement de la d marche est 75 n c mis disposition des utilisateurs 88 Les formulaires en ligne du site ont t d clar s au 76 etj n c pr alable la DGME et signal s la DILA 77 SG SPSSI CP2I DO Ouest C Imberti Page 18 89 Les champs obligatoires des formulaires en ligne sont signal s de mani re identique sur l ensemble du site 78 n c 90 La signal tique des champs obligatoires des formulaires en ligne est expliqu e au d but de chaque
27. tat sur ce sujet Aussi jai volontairement ajout pour m moire dans le formulaire la R gle RGAA Appliquer les r gles du RGAA Un audit d accessibilit est indispensable et il figure d j dans les actions mener en 2012 Comme pour l audit de s curit l audit d accessibilit gagnerait tre confi une soci t priv e sp cialis e A noter que l accessibilit des sites pour les t l phones mobiles n est pas voqu e par la Charte Internet de l Etat SG SPSSI CP2I D0 Ouest C Imberti Page 4 1 4 R pertoire des informations publiques N r gle Description 27 Un lien vers la page du R pertoire des informations publiques ou un lien vers le site data gouv fr doit tre pr sent dans le pied de page du site Si l administration en charge du site n est pas en mesure de r aliser la page r pertoire des informations publiques le lien vers le portail data gouv fr est suffisant 28 Si le site comporte un R pertoire des informations publiques les informations pr sentes sur celui ci doivent tre accessibles via un flux XML Pour en faciliter sa r utilisation chaque document ou chaque corpus de documents est accompagn minima des renseignements 29 Lorsque la page R pertoire des informations publiques utilise des pictogrammes pour informer des conditions de r utilisation des informations elle doit reprendre les pictogrammes de l APIE et en
28. tion 54 Pour les t l chargements montants il est n cessaire de mentionner le poids maximal autoris ainsi que la liste des formats accept s 55 Il faut notifier l utilisateur du succ s ou de l chec de son t l chargement 57 L apparence et le libell des boutons d action sont identiques sur toutes les pages Il ne doit pas d passer 15 caract res Remarques _ R gle 54 le poids maximal autoris n est pas indiqu dans les forums R gle 55 l chec de son t l chargement n est pas notifi l utilisateur par SPIP 2 1 R gle 57 Le formulaire pour poster un commentaire a un bouton Voir ce message avant de le poster qui comprend plus de 15 caract res etc 2 6 Exploitation des sites Internet Les r gles suivantes concernent l exploitation des sites Internet N r gle Description 33 L encodage des caract res utilis s doit tre l UTF 8 93 Les alias ventuels d un site noms de domaine pointant vers un contenu identique doivent rediriger redirection 301 vers le nom de domaine principal afin de ne pointer que vers une seule et unique page 99 L archivage sur support physique est obligatoire pour tout site n tant plus mis jour ou maintenu techniquement La mise disposition des archives reste sous la responsabilit du minist re 100 Les contenus archiv s peuvent tre int gr s des sites encore en activit Dans ce cas une redir
29. u logotype de mon service public fr avec un lien vers le portail D un lien de gestion des liaisons avec mon service public fr D un lien de d connexion globale de mon service public fr 87 n C 99 Il est propos l utilisateur utilisant son compte mon service public fr de d poser les documents qu il t l charge t l chargement montant ou upload dans son espace personnel de stockage 89 n C 100 La conservation des donn es personnelles des utilisateurs dans un fichier autre que celui de mon service public fr a fait l objet d une d claration la Cnil 90 n C Appliquer les r gles du RGI v2 RGI non Passer en XHTML1 0 puis au valideur du W3C Appliquer les r gles du RGAA RGAA non Audit n cessaire 1 Sauf sur certains sites SG SPSSI CP2I DO Ouest C Imberti Page 19
30. u site ou sous domaine du site Ceux ci peuvent tre compl t s par des informations sp cifiques la th matique ou la rubrique en question cisquel livr e le 25 04 2012 l volution du multirubricage vite l ouverture dans une nouvelle fen tre sans bandeau sup rieur Par ailleurs un gabarit 404 a t ajout pour viter que celui de SPIP s affiche Enfin le bandeau sup rieur et le pied de page sont d sormais pr sents dans les gabarits acces_interdit et altern Cette approche vient d tre tendue aux gabarits breve identifiants et recherche _interdit Le titre de la page suivi du titre du site doit tre renseign sur toutes les pages Le titre de la page tait pr c d du titre du site Il est d sormais suivi du titre du site Le bloc Marianne et le titre du site doivent comporter un lien vers la page d accueil du site Si le titre du site est renseign dans la configuration des squelettes il est d sormais cliquable et permet un retour l accueil L utilisation d un formulaire comme un des moyens de contact est obligatoire sauf probl matique justifi e Un formulaire de contact a t ajout Il envoie un courriel l auteur de l article sans cr er d article ce qui est le cas du formulaire pour poser une question Pour l utiliser il suffit une forme d article Formulaire de contact a t ajout e Seul l administrateur du
31. ue la liste des formats accept s Le poids maximal autoris n est pas indiqu dans les forums Ce comportement a t modifi par le plugin des squelettes de base via un pipeline 1 55 Il faut notifier l utilisateur du succ s ou de l chec de son t l chargement L chec de son t l chargement n est pas notifi l utilisateur par SPIP 2 1 Cela n cessiterait de surcharger au moins un fichier de SPIP 2 1 ce qui est viter Une solution consiste recommander aux webmestres de ne pas renseigner dans la configuration des sites Internet autoriser les visiteurs joindre des documents 57 L apparence et le libell des boutons d action sont identiques sur toutes les pages Il ne doit pas d passer 15 caract res Le formulaire pour poster un commentaire a un bouton Voir ce message avant de le poster qui comprend plus de 15 caract res 2 etc Cela n cessiterait de surcharger au moins un ou fichier de SPIP 2 1 ce qui est 1 Pour m moire le plugin des squelettes de base modifie d j actuellement via des pipelines le comportement du formulaire de saisie des message ajout d un message de remerciement etc 2 A noter que SPIP 3 utilise le libell Pr visualiser au lieu de Voir ce message avant de le poster SG SPSSI CP2I DO Ouest C Imberti Page 14 3 3 Formulaire d valuation annex la charte renseign Ce formulai
32. ution de 1024x768 pixels 7 Le site est compatible avec les navigateurs suivants 97 Oui Internet Explorer 6 7 8 et 9 Mozilla Firefox 3 5 et ult rieure Safari 3 et 4 Op ra 8 Le contenu textuel du site est accessible sur le 98 Oui navigateur en mode texte 9 Un syst me d archivage sur support physique est pr vu 99 et Exploitation d s lors que le site ne sera plus mis jour ou maintenu 100 techniquement Structure et l ments visuels 10 Le syst me de navigation principal est horizontal 3 Oui _ 11 Le format le contenu et l emplacement du syst me de Oui navigation principal est identique sur toutes les pages du site 12 Tous les liens du syst me de navigation principal 2 Oui s ouvrent dans la fen tre active 13 Un ou des syst mes de navigation compl mentaires 5 Oui ont t mis en place lorsque le site d passe la profondeur maximale du syst me de navigation 14 Si le site dispose d un menu de navigation vertical 15 n c celui ci est situ gauche dans le bloc principal 15 Dans un menu vertical un seul item peut tre d pli 4 n c la fois 16 Le fil d Ariane est pr sent et son emplacement 6 et 13 Oui directement en dessous du bandeau sup rieur est identique sur toutes les pages du site 17 Le bandeau sup rieur et le pied de page sont pr sents 7 Non Cisquel sur toutes les pages du site 18 L emplacement la forme
33. vol du bouton L info bulle d crit l action li e au bouton d action RGI Appliquer les r gles du RGI v2 Remarques R gle 9 actuellement le titre de la page est pr c d du titre du site R gle 19 la DREAL PACA utilise la forme d article formulaire pour poser une question qui cr er un article non publi et envoie un courriel R gle 40 noter que le navigateur ajoute d j automatiquement le titre de la page son URL et la date d impression R gle 42 la charte de Jouve de 2004 utilisait dans ce cas alt illustration R gle 52 SPIP dispose de la date du versement du fichier mais elle ne figurait pas dans la charte Jouve qui a t utilis e pour les squelettes de base R gle 57 L article de forme wiki a un bouton Joindre un document qui comprend plus de 15 caract res Toutefois un bouton T l verser serait moins compr hensible R gle 59 la charte de Jouve de 2004 utilisait une image pour le bouton OK R gle 60 Le plugin Ciform est galement concern R gle RGI Les plugins Cisquel et Ciform sont en HTML 4 01 et pas en XHTML 1 0 SG SPSSI CP2I D0 Ouest C Imberti Page 10 2 5 Impact sur SPIP Si les forums publics sont utilis s sur le site Internet et que le site est configur pour autoriser les visiteurs joindre des documents leurs messages de forum alors les r gles suivantes semblent impacter SPIP N r gle Descrip
Download Pdf Manuals
Related Search