Mode d’emploi

Vous trouverez ici un peu d’aide pour vous aider à entrer votre contenu.

Infobulle

Pour ajouter un infobulle, il suffit d’y ajouter la nomenclature suivante autour du mot choisi : . Vous n’avez pas à aller dans le code source pour le faire.

Hiérarchie de la page

Puisque nous avons un site qui est accessible, la nomenclature est alors plus important. Garder un ordre logique dans la présentation des contenus est primordial pour permettre à tous et à chacun de voir l’information de façon adéquate.

  • H1 (C’est le titre principal de la page et il doit être unique)
  • H2
  • H3
  • H4
  • H5

Un H2 ne pas être suivi d’un H4 par exemple.

Les niveaux de titre ont habituellement une grosseur qui lui est propre. Le H1 est le plus gros et le H5 le plus petit. Dans le vas ou vous voulez avoir un niveau de titre H2, mais avec la taille d’un H4, il est possible en ajoutant une classe spécifique à celui-ci (Avancé/Classe(s) CSS additionnelle(s)).

  • h2
  • h3
  • h4
  • h5

Liste

Il est important d’utiliser les listes à puce ou numéroté aussitôt que nous avons du contenu qui s’y prête.

Accordéons

Si le « bloc » Accordéon est utilisé sans titre, il est automatiquement un H2. Dans le vas ou vous utilisez un titre au dessus, les accordéons d’adapteront au titre pour devenir un H3, H4 ou H5. Il est alors bien important que le contenu à l’intérieur de l’accordéon ne soit pas être supérieur au niveau de titre de celui-ci.

Images

Les images doivent avoir un text alternatif qui décris bien l’image. Dans le cas ou l’image est n’est pas importante à la compréhension de la page, vous pouvez seulement le laisser vide. Le lecteur d’écran ne le prendra pas en considération dans ça lecture du contenu. Si vous vous questionnez si vous devez en ajouter un ou non, ajoutez le.

Iframe (carte google)

Lors de l’ajout d’une carte google, il est important d’ajouter une balise title= »Carte pour se rendre au cégep » après le mot <iframe ICI…….

Iframe (vidéo)

Lors de l’ajout d’une carte google, il est important d’ajouter une balise title= »Vidéo de la remise des diplômes 2022″ après le mot <iframe ICI..

Dans un WYSIWYG, si vous ajouter un vidéo, de base il ne sera pas « responsive ». Pour le mettre responsive, il faut ajouter un <div class= »iframe »>IFRAME</div> autour du IFRAME.