Éléments assurant la qualité d'un site Web

Voici quelques éléments à surveiller lorsque vous réalisez un site Web :

| Généralités | Lisibilité | Sources et références | Navigation |

Généralités

• Le titre du site est explicite, pertinent et visible dès la page d'accueil.

• Le texte de présentation du site (objectif, objet, contexte, ampleur, etc.) est accessible dès la page d'accueil.

• Les noms et une brève présentation des auteurs ou des concepteurs sont présentés sur la page d'accueil ou sur une page en hyperlien évident sur la page d'accueil.  Aucun renseignement personnel (adresse électronique ou civique, numéro de téléphone, etc.) n'est autorisé.

• On y retrouve des remerciements et crédits à ceux qui ont contribué au site ou qui ont assisté les auteurs.

• Les particularismes techniques d'affichage du site sont indiqués (navigateur spécifique requis, logiciels ou applets nécessaires, résolution d'écran particulière, etc.).

• Si certaines applications (applets ou modules externes) sont requises pour l'affichage du site, le visiteur en est informé et un hyperlien lui permet de télécharger automatiquement cette application.

• Dans la mesure du possible, les mêmes caractéristiques s'affichent dans les trois navigateurs les plus populaires (Internet Explorer, Netscape, Firefox).

• Si nécessaire, les normes optimales d'affichage sont indiquées (ex. : écran 600 x 800, sous Netscape 6.0).

• La date de mise à jour du site est indiquée.

Lisibilité

• Une couleur de fond contrastant avec celle des images est utilisée.

• Les couleurs, les polices et la taille des caractères facilitent la lecture.

• Les éléments qui bougent ou s'animent sans sollicitation sont utilisés avec modération.

• Le fond d'écran ne nuit pas à la lecture.

• Les images sont toujours suffisamment contrastées et précises en termes de résolution pour permettre un bon affichage.

• Le texte contourne ou entoure les images, s'il y a lieu.

• Il n'y a pas trop de texte dans chacune des pages-écrans.

• La mise en page facilite le repérage de l'information et la navigation.

• La taille des caractères est assez grande, sans exagération.  Attention aux caractères en mode script en majuscules.

• Les caractères gras, soulignés ou italiques sont utilisés avec bon goût et circonspection.

• Les polices de caractères sont supportées par les principaux navigateurs ou sont facilement disponibles. 

Sources et références

• Les sources et les références des textes ou images empruntées sont bien identifiées et l'autorisation a été acquise auprès du détenteur des droits. Les autorisations sont précisées.

• Les citations sont bien indiquées et facilement identifiables.

• Une vignette significative apparaît sous chaque photo, image ou graphique.

• Une bibliographie est présente sur le site.

• Une webographie (ou sitographie) est disponible sur le site. Les liens proposés sont hyperactifs et actuels.

• Les images utilisées appuient ou renforcent le texte.

Navigation

• Un plan du site est disponible, si nécessaire. Les liens sont hyperactifs et permettent d'accéder directement aux pages listées.

• Une table des matières (avec ou sans menu dynamique ou Pop menu) est toujours disponible, si possible sur chaque écran (par multifenêtrage ou autrement) de façon à permettre une navigation transversale sur le site.

• S'il y a lieu, le multifenêtrage est utilisé avec circonspection et de façon à aider à la navigation tout en ne nuisant pas à la lecture des textes ou à l'affichage des images.

• Le choix de résolution d'écran ne nécessite pas de déplacement latéral de la fenêtre.

• Tous les hyperliens fonctionnent.

• Les boutons de navigation sont discrets.

• Les boutons de navigation sont placés à des endroits stratégiques pour ne pas nuire à la visualisation.

• Les boutons de navigation sont esthétiques et explicites.

• Les boutons de navigation sont faciles à localiser et à activer avec le pointeur de la souris.

• Une double navigation est offerte, et ce, par la table des matières et par des boutons de navigation.

• Un témoin ou un indice au menu (couleur des caractères, par exemple) indique les sections du site déjà visitées.

• Si nécessaire, un rappel visuel (couleur du fond de l'écran, par exemple) indique la section du site.

• La fin du récit est indiquée de façon explicite. Un bouton de navigation permet le retour à la page d'accueil.

• Si nécessaire, une fonction d'aide en contexte est disponible.

• Les messages d'aide ou les courts commentaires sont offerts sous la forme de boîtes de dialogue en surimpression sur l'écran.

• Les boîtes de dialogue peuvent être refermées facilement.

• Le visiteur ne perd jamais le contrôle du défilement des éléments à l'écran si une animation est lancée de façon inopinée.

• Il n'y a pas de bogues ou de mauvais fonctionnement.

• La consultation du site est possible avec les versions récentes des trois principaux navigateurs (Internet Explorer, Netscape et Firefox).

• Toutes les composantes du site sont présentes et fonctionnelles. 

Accès et adresse URL du site

• Le chargement est rapide et efficace.

• Les effets spéciaux, sons ou introductions animées (Flash) peuvent être contournés aisément. 

• Un retour à Internet est toujours possible, à partir de la page d'accueil, évitant de garder l'internaute prisonnier du site.

Contenu

• Le contenu est original.

• Le contenu est véridique dans le cas d'un récit historique ou vraisemblable dans le cas d'un conte.

• Le contenu s'appuie sur un fondement historique diversifié.

• On évite les anachronismes, ou alors ils sont compris et font partie du récit (conte, fable, etc.).

• Le texte est facile à lire et tient compte de l'âge des interlocuteurs à qui on le destine.

• Le contexte et l'époque sont présentés, suffisamment développés et véridiques.

• Les dessins sont originaux.

• Les graphiques, images ou dessins sont pertinents.

• Si nécessaire, un lexique ou glossaire est disponible et exact.

• Les chapitres sont bien identifiés et bien titrés.

• Les séquences sonores sont l'œuvre des auteurs du site Web ou, s'ils ont été empruntées, font état des autorisations obtenues.

• Les séquences vidéo ou sonores sont pertinentes et contribuent à la compréhension de l'histoire.

• Les images utilisées appuient ou renforcent le texte. 

Langue

• Le texte est adapté au sujet, à la situation et au lecteur (espace temps, personnage, intrigue, intérêt).

• Le récit est cohérent (continuité, progression, registre de la langue).

• Le vocabulaire est riche, diversifié, approprié (justesse des mots et des expressions, etc.)

• Le texte ne comporte pas de fautes d'orthographe.

• La ponctuation est juste.

Inspiré et adapté de Robert Bibeau, publié dans Portail des Tic, juin 1999.

Voir aussi Évaluation (site québécois) et Aspect technique : la construction des pages Web (site français).