NSI - Navigation et présentation

Ligne directrice 6.1

Il n'est pas obligatoire de se conformer aux lignes directrices élaborées aux fins de l'application de cette politique, mais elles sont destinées à aider les institutions à appliquer les politiques gouvernementales de manière efficace et efficiente.

Justification

La conception d'une information efficace est le fruit de l'utilisation intelligente de plusieurs éléments de présentation : couleur, espace, images, typographie et mise en page. Bien que les technologies Web offrent de nouvelles possibilités de créativité au niveau de la présentation de l'information, la normalisation de certains éléments présente des avantages distincts pour la communication, l'identification, la navigation et le contenu. L'application de normes de présentation de l'information à de nombreux sites Web inter-reliés permet à l'utilisateur final de mieux reconnaître, visuellement, les sites du GdC et mène à des associations plus fortes entre diverses institutions du GdC.

Dans cette optique, la mise en page normalisée efficace des sites Web se conforme à des pratiques élaborées pour assurer une cohérence, un professionnalisme et des liens cognitifs entre tous les éléments de chaque document Web.

Interprétation

L'utilisation efficace de l'espace est d'une importance cruciale pour une bonne présentation de l'information. L'utilisation efficace de l'espace dans la colonne de gauche, alliée à une largeur fixe obligatoire pour l'espace réservé au contenu, renforce la reconnaissance visuelle des sites du GdC. Une utilisation uniforme des étiquettes, de la largeur des lignes, de la mise en page des documents Web, etc., améliorera la reconnaissance visuelle des sites du GdC et permettra à l'utilisateur d'y retrouver plus facilement ce qu'il cherche. Des feuilles de style en cascade codées soigneusement sont la façon la plus efficace d'observer cette norme. On peut aussi utiliser des tableaux, codés simplement, pour déterminer l'emplacement des éléments.

Pratiques exemplaires

Mise en page et présentation

Lorsque la plupart des utilisateurs emploieront des logiciels de navigation qui prennent en charge les feuilles de style CSS2, les techniques suivantes devront être utilisées pour définir la mise en page et la présentation :

1. Utiliser les feuilles de style pour la mise en forme du texte plutôt que des images.
   Par exemple, il est possible de créer du texte stylisé sur un arrière-plan coloré au moyen de feuilles de style plutôt que d'une image. Cette méthode permet aux utilisateurs de modifier l'affichage du texte comme il leur convient le mieux à l'égard de la taille, des combinaisons de couleur (p. ex., blanc sur noir) ou de la police de caractères.
2. Utiliser les feuilles de style plutôt que des images invisibles ou transparentes pour forcer la position des objets.
3. Utiliser les feuilles de style plutôt que des éléments et attributs de présentation à éviter qui contrôlent la présentation visuelle (éléments {BASEFONT, CENTER, FONT, S, STRIKE et U} et attributs {"align", "background", "bgcolor", "color" et "face"}). Les auteurs sont encouragés à utiliser des éléments (tels que STRONG, EM, H1, H2, ABBR, etc.) qui ajoutent de la structure aux documents.

Les logiciels de navigation les plus répandus ne prennent pas en charge les feuilles de style CSS de façon uniforme. Toutefois, la dernière génération de logiciels de navigation d'un certain nombre de fournisseurs démontre une solide mise en oeuvre des technolgoies CSS1 et d'un grand nombre des technologies CSS2, et cette tendance va en s'améliorant.

Un aspect de la conception de documents accessibles au moyen des feuilles de style CSS consiste à veiller à ce que les documents demeurent accessibles lorsque les feuilles de style sont désactivées ou non prises en charge.

En attendant que la plupart des logiciels de navigation prennent en charge les feuilles de style de façon uniforme, les concepteurs Web peuvent quand même créer des documents accessibles en combinant les caractéristiques prises en charge des feuilles de style CSS à certaines fonctions de présentation du HTML.

D'ici là, les tables (pour contrôler la mise en page) et le texte intégré à des images (pour des effets textuels spéciaux) peuvent être utilisés avec des pages optionnelles, au besoin. http://www.w3.org/WAI/GL/19980624txt.htm

Utilisez des feuilles de style en cascade seulement lorsque les techniques sont appuyées d'un navigateur adéquat. Chaque nouvelle version des principaux navigateurs graphiques appuie davantage la ligne directrice en matière de CSS. Un grand nombre de commandes CSS (particulièrement pour les effets des caractères, les marges simples, etc.) sont bien appuyées depuis l'introduction des navigateurs graphiques de niveau 4. Des techniques d'appui des CSS plus avancées sont en cours d'élaboration. Une étiquette symbolique devrait toujours être utilisée pour remplacer une balise <FONT>. Les six étapes ci-dessous permettront de réduire au minimum la nécessité de tester les multiples combinaisons plate-forme/navigateur et garantiront que le contenu du site est accessible.

En suivant les six étapes suivantes, on évitera d'avoir à tester un grand nombre de combinaisons plate-forme / navigateur.

1. Concevez les pages conformément aux points de contrôle prioritaires 1 et 2 de W3C et aux normes de la NSI.
2. Validez les pages avec la version HTML 4.01 Transitional au minimum.
3. Choisissez les couleurs dans la liste des 216 couleurs adaptées au Web.
4. Utilisez des feuilles de style.
5. Testez les pages dans un navigateur après avoir désactivé les feuilles de style.
6. Quand un client vous soumet un problème d'accès au contenu, faites un essai en rapport avec ce problème particulier, faites des améliorations ou solutionnez le problème.

Justification

Tout comme les numéros de téléphone du gouvernement fédéral dans tout le pays sont facilement reconnaissables grâce au chiffre « 9 » au début du préfixe, la norme de la NSI en vue de l'adoption d'un seul nom de domaine vise à établir un identificateur semblable pour tous les sites du GdC sur Internet. Les noms de domaine sont d'une extrême importance pour l'utilisateur final. Le nom de domaine est le plus haut niveau de référence pour l'accès à un site particulier. Si l'utilisateur connaît le nom de domaine exact, il peut entrer directement l'adresse qui le mènera aux renseignements qu'il cherche. En plus d'agir comme passerelles d'accès à l'information et aux services, les sites Web sont des éléments importants du matériel de marketing, de promotion et d'information. Un nom de domaine commun permettrait aussi de renforcer l'image de marque, la présence et la visibilité du gouvernement fédéral.

L'adoption d'un seul domaine pour tous les sites du GdC permettra au grand public de reconnaître plus facilement les sites et les gens pourront se souvenir plus facilement des noms de domaine qu'ils utilisent régulièrement. De plus, la normalisation augmentera peut-être leurs chances de trouver des sites qu'ils n'ont jamais visités. Des sondages non officiels révèlent que les Canadiens et les Canadiennes commencent à faire le lien entre le domaine gc.ca et le GdC.

Justification

La page d'accueil est la clé de la communication initiale, de l'identification et de la navigation sur tout site Web du GdC et elle doit donc être conçue de manière à faciliter ces fonctions. La taille unique d'écran normalisée garantit que tous les éléments nécessaires sont visibles sans défilement et offre un accès immédiat au contenu complet de toute page d'accueil. Si toute la partie centrale de la page d'accueil peut être personnalisée pour convenir aux besoins de l'institution (ou de ses programmes et services), la normalisation de la taille d'écran et de la disposition des éléments obligatoires améliorera la cohérence visuelle de l'ensemble des sites du GdC.

Justification

Les normes relatives à la taille, à l'emplacement et à la proéminence du mot-symbole « Canada » et de la signature institutionnelle conforme au PCIM au point initial d'entrée des sites du GdC (pages d'accueil) et sur toutes les pages Web suivantes, favorisent la reconnaissance visuelle de chaque institution et accentuent la visibilité de leurs liens avec le GdC. L'emploi cohérent d'identificateurs fédéraux normalisés garantit que toute partie de tout site pourra être associée aisément au gouvernement du Canada et indique que l'information a été fournie par une institution du GdC. Les identificateurs du PCIM servent aussi à garantir aux utilisateurs que l'information est convenablement employée dans le contexte indiqué.