0
Passer à la recherche Passer au contenu Passer à la navigation
Gouvernement du Québec Gouvernement du Québec Office québécois de la langue française
  • Nous joindre
  • Accueil
  • Index thématique
  • La rédaction et la communication
  • Rédaction pour le Web
  • Recours aux repères visuels
Logo Banque de dépannage linguistique

Recours aux repères visuels en rédaction Web

Dans une page Web, les repères visuels guident et facilitent la lecture. Ils contribuent à aérer le texte et aident les internautes à trouver rapidement l’information recherchée. Cependant, lorsqu’ils sont présents en trop grande quantité, ces procédés peuvent déranger la lecture. Il faut donc les employer avec modération.

Gras et italique

Le gras sert à mettre en évidence un mot ou un groupe de mots, comme des mots-clés ou un contenu important (date limite, avis récent, etc.).

L’italique s’emploie plutôt pour les citations, les titres de documents (guides, rapports, formulaires, etc.), les mots étrangers et les autonymesMot ou groupe de mots considéré comme élément de la langue, sans égard à la réalité à laquelle il renvoie. Par exemple, dans la phrase suivante, on ne fait pas référence à l’animal, mais bien au mot lui-même : chien prend un s au pluriel., et ce, même sur les hyperliens. Il est déconseillé de mettre de longs passages de texte en italique, car cela peut nuire à la lisibilité.

Couleurs

Les couleurs sont parfois utilisées pour mettre en évidence une partie de texte. Par exemple, le rouge, souvent associé à une erreur ou à une mise en garde, fournit une information de façon complémentaire au texte. Il est important de s’assurer que l’information donnée par la couleur est également accessible à une personne qui ne la percevrait pas bien.

Listes

Les listes (ou énumérations verticales) facilitent la lecture et améliorent la présentation de l’information. Elles sont généralement précédées par une phrase d’introduction suivie du deux-points, et contiennent entre 3 et 7 éléments. L’information importante ou les mots-clés doivent figurer au début de chaque élément de la liste. Les éléments peuvent être classés en ordre d’importance, en ordre alphabétique ou en ordre chronologique. Des puces (carrées, rondes, etc.), des tirets, des lettres ou des chiffres sont utilisés devant les éléments.

Pour en apprendre davantage à ce sujet, consultez l’article Énumération verticale.

Tableaux

Les tableaux comportent toujours un titre, le plus évocateur possible, et des en-têtes clairs. Ils doivent respecter l’accessibilité du Web. Il est conseillé de diviser les tableaux complexes, par exemple ceux qui comportent des cellules fusionnées ou plusieurs lignes ou colonnes d’en-têteSelon les rectifications de l’orthographe, on peut aussi écrire : entête., en plusieurs tableaux simples. La compréhension des données ne dépend alors pas de la mise en forme du tableau.

Notons que les tableaux sont réservés à la présentation de données; celles-ci doivent donc être complémentaires au texte.

Illustrations

Les illustrations (images ou graphiques, par exemple) contribuent à la compréhension du contenu. Elles peuvent reprendre le contenu textuel ou encore y être complémentaires. Elles sont donc informationnelles.

Une illustration pertinente est liée au contenu, présente une valeur ajoutée et est facile à interpréter. De plus, elle ne doit pas être utilisée qu’à des fins esthétiques. 

Les illustrations doivent par ailleurs être conformes aux standards d’accessibilité.

Encadrés

Les encadrés font ressortir une information importante déjà mentionnée dans la page ou liée au contenu de cette dernière. Ils peuvent contenir des dates, des mises à jour récentes ou des mises en garde, par exemple.

Dernière mise à jour : 2023

À lire aussi

  • Y a-t-il des règles typographiques spécifiques au Web?
  • Rédiger pour le Web : quels sont les principes de base?
  • Découvrez les normes d’accessibilité du Web en bref.
  • Apprenez-en davantage sur la présentation des tableaux.

Évaluation de la page

L’information sur cette page vous a-t-elle été utile?
L’information sur cette page vous a-t-elle été utile?
Évitez d’inscrire des renseignements personnels. Prenez note que vous ne recevrez aucune réponse.

Pour obtenir une réponse à une question de nature linguistique, utilisez le formulaire Nous joindre.

Partager cette page

  • Courriel
  • Facebook
  • X
  • LinkedIn

Navigation principale

  1. À propos de la Vitrine linguistique

    1. Capsule vidéo sur la Vitrine linguistique
    2. Foire aux questions
    3. Les mots de la Vitrine linguistique
    4. Offre de services linguistiques
    5. Politiques et guides
  2. Actualités

    1. Articles et fiches en vedette
    2. Brèves
  3. Autres sites

    1. Office québécois de la langue française
    2. Commission de toponymie
    3. Concours de créativité lexicale
    4. Mérites du français
  4. Ressources linguistiques

    1. Chroniques
    2. Conseils linguistiques pour les entreprises
    3. Contenus téléchargeables
    4. Lexiques et vocabulaires
    5. Outils pour apprendre le français
    6. Ressources linguistiques externes
    7. Ressources pour le personnel enseignant
  5. Sujets d’intérêt

    1. Féminisation et rédaction épicène
    2. Néologie
    3. Officialisation linguistique
  6. Navigation

    1. Index thématique de la BDL
    2. Tutoriel

Abonnez-vous!

Nos infolettres vous permettent d’avoir accès à plusieurs ressources.
Ce champ est obligatoire.
Ce champ est obligatoire.
Ce champ est obligatoire.
Retourner en haut de la page
  • Accessibilité
  • Accès à l’information
  • Déclaration de services aux citoyennes et aux citoyens
  • Politique de confidentialité
  • Plan du site
Office québécois de la langue française
© Gouvernement du Québec, 2025