Référentiel d'évaluation CollectiWeb(R) - Version texte Thème 3 - Système de navigation et liens hypertextes ---------------------------------------------------- 1. Le système de navigation ne met pas en oeuvre une technologie risquant d'évincer(1) une partie des utilisateurs. 2. Le système de navigation est d'un apprentissage facile ; il est conforme aux standards de la navigation Web et s'appuie sur l'expérience acquise par l'utilisateur. 3. Les menus et les barres de navigation sont cohérents et constants sur l'ensemble des pages du site : dans leur emplacement, dans leur aspect, dans leur fonctionnement, dans l'ordre des rubriques/catégories affichées... 4. Le système de navigation permet une interaction rapide avec l'interface. 5. Le système de navigation indique en permanence à l'utilisateur sa position relative dans le site. 6. Le système de navigation est placé dans une zone visible et accessible de l'écran dans la résolution 800x600. 7. Les contrôles de navigation sont regroupés par type : navigation globale, locale, contextuelle, fonctionnelle... (2) 8. Le système de navigation propose un lien spécifiquement libellé "accueil" (sauf sur la page d'accueil). 9. Le logo de l'entreprise est présent sur chacune des pages du site. Il est cliquable et ramène l'utilisateur sur la page d'accueil du site (logo non cliquable sur la page d'accueil). 10. Le système de navigation permet l'accès à la fonction de recherche et au plan du site à partir de chacune des pages. 11. Les libellés des boutons, menus, etc. sont clairs et pertinents au regard des contenus et des publics du site. 12. Les messages visuels du système de navigation sont clairs et pertinents (codes couleurs, iconographie...) ; si des icônes sont utilisées pour la navigation, elles sont "doublées" en texte. 13. La navigation est possible sur le site en utilisant les raccourcis clavier (accesskeys). 14. L'attribut tabindex est utilisé, si nécessaire, pour ordonner la navigation par la touche tabulation dans les liens de la page ou les zones de formulaire. 15. La signalétique des liens hypertextes est clairement identifiée et constante sur l'ensemble du site. 16. Les liens déjà visités par l'utilisateur sont différenciés des liens "à visiter". 17. Les liens hypertextes vers la page en cours sont désactivés. 18. La destination des liens hypertextes est explicite, soit directement dans le texte, soit au travers de l'attribut title. Si cet attribut est utilisé, il est correctement documenté. 19. Le type de contenu et le format de fichier auquel on accède en cliquant sur le lien sont précisés lorsqu'il ne s'agit pas d'une page Web (fichier PDF(3), image, séquence audio...) ; le "poids" du fichier est indiqué, en particulier s'il excède le poids d'une page Web classique (35 à 80 kio(4)) 20. Les liens hypertextes fonctionnent correctement (mènent bien vers les informations attendues). 21. Le site dispose d'une page d'erreur 404(5) personnalisée, permettant de revenir à la page d'accueil. 22. Les liens s'ouvrent dans la même fenêtre ; si ce n'est pas le cas, les liens s'ouvrant dans une nouvelle fenêtre sont facilement identifiables par l'utilisateur. 23. Si les liens sont ouverts par JavaScript(6), ceux-ci restent utilisables lorsque JavaScript est désactivé. 24. Si des fenêtres sont ouvertes pour afficher une information complémentaire (une définition par exemple) ou une image, elles sont pré-positionnées sur l'écran et d'une dimension fixe ; elles proposent un bouton ou un lien texte "fermer cette fenêtre". La navigation n'est pas possible à partir de ces fenêtres. 25. Si le site utilise des menus déroulants, ceux-ci sont d'un fonctionnement aisé (ne requièrent pas un pointage de précision) et stable (pas de comportement erratique). (1) Éviction technologique : on parle d'éviction technologique lorsqu'un site met en oeuvre une technologie à laquelle n'ont pas accès une partie de ses utilisateurs. (2) Navigation globale (ou primaire) : grandes catégories/rubriques du site ; navigation locale (ou secondaire) : sous-rubriques proposées à l'intérieur d'une rubrique ; navigation contextuelle : liens vers des contenus en relation (sur le même thème, par exemple) avec le contenu affiché sur la page ; navigation fonctionnelle : fonctions et informations de "support", accessibles de n'importe quelle page du site (par exemple : recherche, contact, aide, politique d’accessibilité, plan de site…). (3) PDF : Portable Document Format. (4) Kio : kibioctet (1 024 octets ; 1 octet = 8 bits). (5) Erreur 404 : c'est le code d'erreur renvoyé par un serveur Web lorsque la page demandée n'existe pas. (6) JavaScript : langage interprété largement utilisé dans la conception des pages Web. Adresse de ce document : http://collectiweb.fr/documents/them3_ref.txt Version PDF de ce document : http://collectiweb.fr/documents/them3_ref.pdf Page concernée sur le site : http://collectiweb.fr/theme-3-navigation-et-liens.php (C) 2009 CollectiWeb(R) - Dernière mise à jour le 10/07/09 Droits d'utilisation : le référentiel d'évaluation CollectiWeb(R) est soumis aux termes de la licence Creative Commons BY-NC-SA 2.0 France (Paternité - Pas d'utilisation commerciale - Partage des conditions initiales à l'identique) - Texte de la licence : http://creativecommons.org/licenses/by-nc-sa/2.0/fr/ Patrice Bourlon Cour Damoye 12 place de la Bastille 75011 - Paris Tél. : +33 1 42 74 39 42 Fax : +33 1 48 04 06 54 Mél. : http://www.collectiweb.fr/contact.php Siret : 420 894 214 00022 - NAF : 741G Organisme de formation 11 75 31185 75