Structure du contenu sémantique

Le traitement d’une grande quantité d’information est un défi pour tout le monde. Les utilisateurs qui ont une bonne vision parcourent rapidement une page en cherchant des en-têtes pour obtenir une impression du contenu de la page. Les personnes qui utilisent une technologie d’assistance peuvent naviguer dans le contenu grâce à des repères, à des en-têtes, à des listes et à des éléments d’interface utilisateur. Un contenu correctement structuré permet de garantir une expérience uniforme et compréhensible.


L’importance d’une structure de contenu appropriée

L’importance d’une structure de contenu appropriée

Les gens se fient à des indices visuels pour la structure (p. ex. liste à puces) et à une hiérarchie visuelle pour comprendre ce que signifie le contenu (sémantique).

Les technologies d’assistance s’appuient sur les attributs natifs du code HTML sémantique ou du code d’application native pour la navigation et l’utilisation du contenu numérique.

L’utilisation appropriée d’éléments sémantiques (p. ex. en-têtes, boutons, liens, listes, rôles et tableaux) permet de les rendre visuellement perceptibles et compréhensibles pour les technologies d’assistance.

De plus, un contenu structuré de façon logique offre aux clients de TELUS une expérience claire et uniforme. Les technologies d’assistance et les lecteurs d’écran suivent le défilement naturel d’une page web ou d’un écran.

Les gens se fient à des indices visuels pour la structure (p. ex. liste à puces) et à une hiérarchie visuelle pour comprendre ce que signifie le contenu (sémantique).

Les technologies d’assistance s’appuient sur les attributs natifs du code HTML sémantique ou du code d’application native pour la navigation et l’utilisation du contenu numérique.

L’utilisation appropriée d’éléments sémantiques (p. ex. en-têtes, boutons, liens, listes, rôles et tableaux) permet de les rendre visuellement perceptibles et compréhensibles pour les technologies d’assistance.

De plus, un contenu structuré de façon logique offre aux clients de TELUS une expérience claire et uniforme. Les technologies d’assistance et les lecteurs d’écran suivent le défilement naturel d’une page web ou d’un écran.


How to structure content

How to structure content

Les pages doivent être présentées de façon à être compréhensibles pour tous les lecteurs et les applications qui y accèdent.

Lorsque vous structurez le contenu :

  • Placez les renseignements les plus importants en premier
  • Créez du contenu visuellement sémantique et une hiérarchie de contenu appropriée avec des en-têtes, des sections, des puces, des tableaux et des champs de formulaire
    • Utilisez des tableaux pour les données qui contiennent des lignes et des colonnes ou qui contiennent du contenu à comparer, par exemple, comme des résumés de commandes
  • Ne sautez pas les en-têtes :
    • Le premier en-tête (H1) décrit le sujet principal des pages et devrait appuyer le titre de la page
    • Les sections de niveau supérieur sont H2
    • Les sections subséquentes sont H3 et ainsi de suite (dépassant rarement H4 et jamais H6)
    • La sémantique du code doit être H1, H2, H3, etc
    • Vous pouvez créer un style visuel pour les en-têtes avec CSS, à condition que le code soit hiérarchique. Par exemple, vous pouvez utiliser un style visuel H2 sur un élément sémantique H4 pour une mise en évidence visuelle
  • Veillez à ce que les blocs de contenu soient concis et contiennent tous les renseignements pertinents
  • Collaborez avec le responsable de produit, le responsable du contenu et le concepteur pour clarifier la structure du contenu

Les pages doivent être présentées de façon à être compréhensibles pour tous les lecteurs et les applications qui y accèdent.

Lorsque vous structurez le contenu :

  • Placez les renseignements les plus importants en premier
  • Créez du contenu visuellement sémantique et une hiérarchie de contenu appropriée avec des en-têtes, des sections, des puces, des tableaux et des champs de formulaire
    • Utilisez des tableaux pour les données qui contiennent des lignes et des colonnes ou qui contiennent du contenu à comparer, par exemple, comme des résumés de commandes
  • Ne sautez pas les en-têtes :
    • Le premier en-tête (H1) décrit le sujet principal des pages et devrait appuyer le titre de la page
    • Les sections de niveau supérieur sont H2
    • Les sections subséquentes sont H3 et ainsi de suite (dépassant rarement H4 et jamais H6)
    • La sémantique du code doit être H1, H2, H3, etc
    • Vous pouvez créer un style visuel pour les en-têtes avec CSS, à condition que le code soit hiérarchique. Par exemple, vous pouvez utiliser un style visuel H2 sur un élément sémantique H4 pour une mise en évidence visuelle
  • Veillez à ce que les blocs de contenu soient concis et contiennent tous les renseignements pertinents
  • Collaborez avec le responsable de produit, le responsable du contenu et le concepteur pour clarifier la structure du contenu

Explore more

Explore more