Normes du Web : Un guide de référence approfondi

WEB-27

WEB-27: Toutes les agences doivent afficher la bannière du Commonwealth telle qu'elle est définie par le système de conception du COV. 

Comprendre WEB-27  

Le Commonwealth Branding Bar aide les citoyens à identifier les sites web officiels des organisations gouvernementales du Commonwealth de Virginie. Il aide également les visiteurs à comprendre que le site sur lequel ils se trouvent est officiel et sécurisé. La nouvelle barre de marque sert également de portail de navigation pour les visiteurs du site web, qui peuvent ainsi facilement naviguer entre les agences gouvernementales et rechercher des informations sur l'ensemble du Commonwealth, sans avoir à retourner sur Virginia.gov. 

La barre de marquage est facile à installer, et des instructions et un code peuvent être trouvés pour que les agences les placent sur leurs sites web sous Get the Commonwealth Branding Bar (Obtenir la barre de marquage du Commonwealth). Cette page présente des instructions étape par étape pour générer un code à placer dans la balise head du site web d'une agence. Les agences ont également la possibilité de choisir entre des barres de marquage grises et blanches pour mieux s'adapter à la thématique des couleurs de leurs sites web. 

Chaque barre de marque générée contient : 

• Le logo de l'État de Virginie 
• Le nom de l'agence ou de l'entité gouvernementale de Virginie, dont les générateurs doivent écrire le nom en toutes lettres. 
• Une signature indiquant "Un site officiel du Commonwealth de Virginie" et un menu déroulant indiquant "Voici comment vous le savez". 

• Le menu déroulant contient des informations sur le logo du Commonwealth de Virginie et les certificats HTTPS. 

• Un sous-menu intitulé "Find a Commonwealth Resource" (Trouver une ressource du Commonwealth) qui, lorsqu'il est cliqué, permet aux utilisateurs de rechercher des agences ou des entités gouvernementales de Virginie, ainsi que des services et des ressources du Commonwealth couramment utilisés, triés par domaine de service de l'agence. 

Le code généré doit être utilisé tel quel et ne doit pas être modifié de quelque manière que ce soit. Toute difficulté d'installation doit être signalée à l'équipe Enterprise Web Services de VITA par courrier électronique à l'adresse suivante Le code généré doit être utilisé tel quel et ne doit pas être modifié de quelque manière que ce soit. Toute difficulté d'installation doit être signalée à l'équipe Enterprise Web Services de VITA en envoyant un courriel à developer@vita.virginia.gov. 

WEB-28

WEB-28: Les systèmes web du COV doivent fournir une boîte de recherche sur le site de l'agence qui doit apparaître sur chaque page et être affichée conformément aux directives du système de conception du COV. 

Comprendre WEB-28

La présence d'une boîte de recherche sur chaque site et page de l'agence permet aux utilisateurs d'accéder plus rapidement à l'information en tapant des mots-clés et des termes de recherche pertinents qui les renvoient à une liste de liens pertinents.  Une agence ne peut pas dépendre uniquement de la navigation primaire ou secondaire pour diriger les utilisateurs vers les informations pertinentes.  

Étant donné que les boîtes de recherche deviennent de plus en plus essentielles pour les sites web qui contiennent de grandes quantités de contenu et d'informations, en particulier en ce qui concerne les politiques, les procédures ou les services aux citoyens, les boîtes de recherche doivent être affichées de manière visible sur chaque page et doivent être facilement repérables par les utilisateurs. 

En outre, les boîtes de recherche doivent respecter les meilleures pratiques suivantes : 

• La recherche, dans la mesure du possible, doit conserver un champ d'interrogation en texte libre avec un texte de remplacement intitulé "recherche" ou avec des instructions plus contextuelles limitées à quelques mots dans lesquels l'utilisateur peut taper des requêtes. 

• Les boîtes de recherche doivent être accompagnées d'une icône de loupe avec le moins de détails possible.s possible (simple lineart). Les utilisateurs reconnaissent universellement la loupe comme le symbole de la fonctionnalité de recherche. 

• Dans la mesure du possible, cette icône ne doit pas masquer la fonctionnalité de recherche, car elle augmente le coût de l'interaction (plus de clics) et rend la fonctionnalité de recherche moins distincte. 
• En cas de doute, faites comme Google. 

• Les requêtes de recherche doivent être confirmées en appuyant sur la touche "Entrée". Les requêtes de recherche peuvent également être confirmées en appuyant sur un bouton de confirmation si vous le souhaitez, bien que l'interaction consistant à appuyer sur la touche "Entrée" dans le champ de recherche doive être conservée. 

• Si vous ajoutez un bouton de confirmation, sa taille et son emplacement doivent être appropriés (généralement la hauteur de la boîte de recherche elle-même, placée à droite du champ d'interrogation en texte libre). Ce bouton de recherche doit avoir une taille minimale de 45 x 45 pixels pour respecter les meilleures pratiques en matière d'accessibilité. 

• Le champ de saisie doit être suffisamment large pour contenir au minimum 27 caractères (définis à l'aide d'ems). 

• Dans la mesure du possible, la boîte de recherche doit être placée dans le coin supérieur droit du site web de l'agence, sous la barre de marque du Commonwealth. 
• Un champ déroulant d'auto-suggestion de moins de 10 éléments peut aider les utilisateurs à trouver plus rapidement ce qu'ils recherchent, mais les agences qui l'utilisent doivent s'assurer que les suggestions générées automatiquement par le champ sont pertinentes par rapport aux termes de recherche saisis dans le champ de saisie. 
• Une fois que l'utilisateur a appuyé sur la touche "Entrée", le terme de recherche initial doit rester dans le champ, sauf si l'utilisateur l'efface, et l'utilisateur doit se voir présenter une page de résultats affichant les résultats de sa recherche. 

• Si une recherche ne donne aucun résultat, les utilisateurs doivent recevoir des informations indiquant clairement qu'il n'y a pas de résultats correspondants. 

WEB-29

WEB-29: Les systèmes web du COV comprennent un plan du site (sitemap) pour permettre aux moteurs de recherche d'explorer plus efficacement un site web. Des exemples seront fournis dans le système de conception COV.

Comprendre WEB-29

Un plan du site est un fichier qui permet aux moteurs de recherche de découvrir la majeure partie de votre site en parcourant son contenu. 

Les sitemaps doivent être au format XML, qui permet aux moteurs de recherche d'indexer non seulement les fichiers HTML, mais aussi les données relatives aux images, aux vidéos, au contenu des actualités et aux versions localisées des pages web de l'agence. 

Pour en savoir plus sur la manière de créer des sitemaps au format XML, veuillez consulter le site Web de la Commission européenne. Documentation sur le format XML de Sitemaps sur sitemaps.org. 

VITA recommande de suivre les meilleures pratiques suivantes en matière de sitemap, telles qu'elles sont exposées sur le site developers.google.com : 

• Un sitemap unique doit être limité à 50MB non compressé. Si le fichier sitemap de votre agence est plus volumineux, veuillez diviser votre sitemap en plusieurs sitemaps. 
• Les fichiers Sitemap doivent être codés en UTF-8. 
• Il est recommandé d'héberger vos sitemaps à la racine du site. 
• Utilisez des URL absolues et pleinement qualifiées dans votre sitemap, par exemple, utilisez https://www.myvaagency.gov/agencypage.html plutôt que /agencypage.html. 

WEB-30

WEB-30: Les systèmes web du COV garantissent que chaque page comporte un pied de page contenant, au minimum, les informations suivantes : 

• Nom de l'agence 
• Informations sur les droits d'auteur 
• Texte ou lien iconique approuvé indiquant la conformité à l'initiative pour l'accessibilité du Web (WAI).
• Lien vers la déclaration de politique de confidentialité sur Internet de l'agence.
• Lien vers l'information sur la liberté d'information
• Traduction et clause de non-responsabilité
• Une page de contact
• Autres éléments définis par le système de conception COV 

Comprendre WEB-30

Le pied de page d'un site web est un modèle d'interface utilisateur statique qui apparaît tout en bas de toutes les pages du site d'une agence. WEB-30 prévoit que les éléments suivants soient affichés dans le pied de page de chaque page : 

• Nom de l'agence : Le nom complet de l'agence doit être affiché 
• Informations sur les droits d'auteur : Affiché en tant que droit d'auteur © Nom complet de l'agence [année en cours] 

• Texte ou lien iconique approuvé indiquant l'initiative pour l'accessibilité du Web (WAI) : Rédigé en tant qu'initiative pour l'accessibilité du Web et lié à la page WCAG 2.0 AA Conformance. Les agences peuvent également établir un lien avec le WAI en utilisant le logo du WAI. Les lignes directrices et le code d'utilisation du logo peuvent être consultés sur le site suivant la page du W3C sur l'ajout du logo de conformité aux WCAG. 

• Il est important que les agences s'efforcent de respecter la conformité AA telle qu'elle est définie dans WCAG 2.0 lorsqu'elles utilisent ce lien. 

• Lien vers la déclaration de politique de confidentialité sur Internet de l'agence : Les politiques de confidentialité sont propres à chaque agence, mais elles doivent au moins expliquer comment une agence utilise et collecte les informations d'un utilisateur lorsqu'il accède au site, quelles sont les informations collectées, en quoi elles sont conformes à la loi de Virginie, où l'utilisateur peut s'adresser pour obtenir plus d'informations, la politique en matière de cookies et d'autres informations relatives à l'utilisation des données de l'utilisateur. Un exemple peut être trouvé sur virginia.gov. 
• Lien vers l'information sur la FOIA : Les informations relatives à la FOIA sont spécifiques à chaque agence et doivent contenir des informations en langage clair sur la loi sur la liberté d'information de Virginie, les droits d'un utilisateur en matière de FOIA, la manière dont un utilisateur peut demander des documents, l'endroit où envoyer la demande et les responsabilités d'une agence lorsqu'elle reçoit une demande. Vous trouverez de plus amples informations sur la FOIA dans la rubrique Code de Virginie, chapitre 37. 
• Avis de non-responsabilité concernant la traduction : un avis de non-responsabilité concernant la traduction indique qu'une tierce partie (généralement Google translate) est disponible pour localiser les pages. Cette clause de non-responsabilité doit mentionner le nom du tiers, ainsi qu'un verbiage indiquant que l'option est fournie pour aider les utilisateurs à consulter le site web dans des langues autres que l'anglais, mais qu'aucune traduction automatique n'est parfaite et que le service tiers est fourni "en l'état". Un exemple peut être trouvé sur Page de l'avis de non-responsabilité de VITA en matière de traduction. 

• Une page de contact : Une page de contact doit être incluse dans le pied de page. Veuillez consulter WEB-31 pour de plus amples informations. 

En outre, le système de conception COV recommande que tous les pieds de page 

• Travailler sur le mobile 
• Les liens supplémentaires dans le pied de page doivent être choisis en fonction de leur objectif (fréquemment utilisés, mini sitemap, etc.). 
• contenir des liens/icônes de médias sociaux, mais pas de flux sociaux entiers 

• Est clair et lisible avec un minimum ou pas d'images 
• Les appels à l'action doivent être brefs, avec une direction et un objectif clairs s'ils sont utilisés. 

WEB-31

WEB-31: Les systèmes web du COV doivent fournir une page "Contactez-nous" qui doit inclure, au minimum, les coordonnées de l'agence : 

• Adresse postale
• Numéro de fax, si disponible
• Numéro de téléphone, y compris un numéro gratuit et/ou un numéro ATS le cas échéant
• Envoyez un lien ou un formulaire de contact par courriel à un contact de l'agence. 
• La page "Contactez-nous" doit être accessible à partir du pied de page.  

Comprendre WEB-31

Note Les agences doivent utiliser des adresses électroniques génériques et éviter d'associer les liens de contact de l'agence à des personnes spécifiques. 

Une page "Contactez-nous" permet aux utilisateurs de contacter l'agence pour toute question ou préoccupation par différents moyens afin de répondre aux besoins des différents utilisateurs. 

• Les adresses postales doivent être l'adresse physique de l'agence et non une boîte postale, formatée comme suit : 
   Nom complet de l'agence 
  123 Adresse de la rue Route, numéro de bureau 456 
  Ville, VA Code postal 
   
• Numéro de fax, si disponible, formaté ainsi : 
  123-555-5555 (Fax)
  

• Numéro de téléphone, y compris un numéro gratuit et/ou un numéro ATS le cas échéant, ainsi formaté : 
  1-123-555-5555 (téléphone) 
  1-800-555-5555 (gratuit) 
  1-123-555-5555 (TTY) 

• Des instructions supplémentaires peuvent être fournies, si nécessaire, sur la manière d'utiliser les services ATS ou de relais, s'ils sont disponibles. 
  

• Un lien générique doit être utilisé pour éviter d'associer le contact de l'agence à une personne spécifique et doit être formaté de la manière suivante : 
   
  contact@agency.virginia.gov 
   
  Un formulaire de contact destiné à un contact de l'agence est une alternative à l'adresse électronique. Si vous utilisez un formulaire, celui-ci doit comporter au minimum les champs suivants, obligatoires pour la réponse, avec un étiquetage approprié :
• Prénom
• Nom de famille ( ? Le nom de famille est-il vraiment nécessaire ? selon le principe du moindre)
• Courriel ou numéro de téléphone
• Champ pour message ou commentaire 

WEB-36

WEB-36: Les systèmes web de la plate-forme COV, y compris les systèmes commerciaux prêts à l'emploi (COTS), prennent en charge la marque blanche pour une utilisation transparente de l'image de marque du Commonwealth, telle que définie par le système de conception COV.

Comprendre WEB-36

Les systèmes de plateforme web sont définis par l'EA comme suit : 

Tout système web offrant des capacités de niveau entreprise pour des implémentations à grande échelle ou multitenant, y compris les systèmes de gestion des ressources humaines (HRMS), les solutions de gestion financière (FMS), la gestion de la chaîne d'approvisionnement (SCM), la gestion de la relation client (CRM), la gestion de la performance de l'entreprise (EPM), et les systèmes de gestion de contenu (CMS). 

Ces systèmes devraient permettre aux agences de la COVA de changer leur apparence pour correspondre aux normes du système d'apparence et de conception de l'EA (également connu sous le nom de marque blanche) lorsqu'elles sont présentées à l'extérieur ou qu'elles sont en contact avec le public. Au minimum, un système web de plateforme accessible aux utilisateurs publics doit afficher la barre de marque du Commonwealth en haut de la page.