Éditer des pages

Accessibilité

Les blocs intégrés produisent un HTML lisible par les lecteurs d’écran et l’éditeur s’utilise au clavier. Quelques options restent à régler page par page : textes alternatifs, niveaux de titres, sous-titres des vidéos.

Images

Les blocs Image, Cartes, Galerie et Média et texte ont une option Image décorative.

• Une image qui porte une information garde l’option décochée et reçoit un texte alternatif qui dit ce qu’elle montre.
• Une image purement décorative (ambiance, illustration sans contenu) est cochée Image décorative : elle reçoit un alt vide et les lecteurs d’écran l’ignorent.

Le contrôle SEO signale les images des blocs sans texte alternatif qui ne sont pas marquées décoratives.

Niveaux de titres

Les blocs Cartes, Accordéon, Fichiers et Appel à l’action ont une option Niveau du titre (H2 à H4). Par défaut, le niveau est celui utilisé avant la mise à jour. Choisissez le niveau qui suit le titre de la section : un H3 sous un H2, sans sauter de niveau. Le contrôle SEO signale les sauts de niveau.

Vidéos

Le bloc Vidéo accepte :

• un titre, lu par les lecteurs d’écran ;
• un fichier de sous-titres WebVTT (.vtt) et sa langue, pour un fichier vidéo uniquement : pour une vidéo YouTube ou Vimeo, ajoutez les sous-titres sur la plateforme ;
• une transcription, affichée sous la vidéo.

Couleurs et contrastes

• Une section avec une couleur de fond choisit d’elle-même une couleur de texte lisible (foncée ou blanche), selon le contraste avec le fond. Un bloc clair placé dans une zone foncée garde un texte foncé.
• Le texte atténué reste lisible sur les fonds foncés.
• Les champs de couleur des blocs Hero, Section et Lien rappellent le contraste à garder : au moins 4,5:1 entre le texte et le fond.

Sur le site

• Les liens qui s’ouvrent dans une nouvelle fenêtre l’annoncent aux lecteurs d’écran.
• Les caractères décoratifs dessinés par les styles des blocs ne sont plus lus.
• La visionneuse de la galerie : les liens des images ont un nom accessible, la fenêtre a un libellé et la position de l’image est annoncée.
• Le texte d’exemple d’un bloc Texte vide n’apparaît que dans l’aperçu de l’éditeur, plus sur le site.

Utiliser l’éditeur au clavier

Dans la liste des blocs de l’éditeur :

Les actions sont annoncées aux lecteurs d’écran. La fenêtre d’ajout de bloc, le choix d’icône, le constructeur de champs des blocs personnalisés (monter, descendre, entrer dans un répéteur ou en sortir) et le champ de blocs imbriqués (boutons Monter et Descendre) s’utilisent aussi au clavier.