Cette checklist est à destination des personnes intervenant sur un site WordPress afin d’en rédiger les contenus (contribution). Elle est basée sur une sélection de critères du Référentiel Général d’Amélioration de l’Accessibilité (RGAA), du Référentiel Général d’Eco-conception des Services Numériques (RGESN) et de règles Opquast.
À l’origine, elle a été rédigée afin de faciliter la contribution, en prenant en compte les critères principaux permettant de valider les démarches qualités engagées sur le site.
Dernière modification le 6 décembre 2022
Ce document est disponible sous licence Creative Commons BY-NC-SA / GPLv3
Auteur : Agence WordPress Whodunit
Contact : Jean-Baptiste Audras – [email protected]
-
Préparer une alternative textuelle pour les images porteuses d’information.
Pour plus d’informations, consulter notre guide pour choisir le bon texte alternatif pour vos images.
(Accessibilité) (Référencement) -
Choisir le format image adapté à la typologie d’image et au contexte d’affichage : utiliser de préférence le format vectoriel comme le SVG lorsque cela est possible (illustrations, icônes, logos, graphiques...), le format JPEG pour des photos et le format PNG pour des illustrations avec aplats de couleurs.
Note : les images concernées seront automatiquement converties au format WebP et toutes les images du site seront automatiquement optimisées lors de la mise en production du site.
(Eco-conception)
-
Prévoir un intitulé (texte visible et cliquable) pertinent. Éviter les formulations génériques de type « en savoir plus » ou « lire la suite ». (Accessibilité) (Référencement)
-
Spécifier lorsqu’un lien ouvre une nouvelle fenêtre.
Exemple : "consulter nos mentions légales (nouvelle fenêtre)"
(Accessibilité) (Expérience d’utilisation) -
Le soulignement du texte est strictement réservé aux liens.
(Accessibilité) (Expérience d’utilisation) -
Vérifier que les liens utilisés sur le site sont bien des liens valides et ne tombent pas sur une page d’erreur 404.
(Expérience d’utilisation)
-
Indiquer les changements de langue (via l’éditeur de blocs en utilisant le bouton de formatage de l’attribut de langue fourni par l’extension dédiée de Whodunit).
(Accessibilité) -
Indiquer lorsqu’un lien mène vers une page qui n’est pas dans la même langue que la page consultée, soit directement dans le texte, soit à l’aide de l’attribut
hreflang. Exemple : "consulter notre politique internationale (en anglais)".
(Accessibilité) -
Si le site ou la page a une vocation internationale, l’indicatif téléphonique des numéros de téléphone est indiqué, et le pays est indiqué sur les adresse postales.
(Expérience d’utilisation)
-
La hiérarchie des titres et sous-titres est cohérente sur chaque page, en utilisant les 6 niveaux de titres à votre disposition.
Veiller à ce que la structure ne comporte pas de « trous » : un titre de niveau 2 ne doit pas être suivi d’un titre 4, 5 ou 6, par exemple, mais d’un titre de niveau 2 ou de niveau 3.
(Accessibilité) (Référencement) -
Les éléments présentés sous forme de liste doivent utiliser le bloc liste (soit numérotée, soit à puces).
(Accessibilité) -
Formatage : ne pas utiliser de texte justifié.
(Accessibilité) (Expérience d’utilisation) -
Abréviations : indiquer la signification des acronymes et abréviations lors de leur première occurrence. Exemple : « Notre site est conforme au Référentiel Général d’Amélioration de l’Accessibilité (RGAA). Le RGAA permet de s’assurer que le site est consultable par toutes et tous ».
Il est aussi possible d’utiliser l’extension dédiée de Whodunit (bouton de formatage présent sur chaque bloc).
(Accessibilité) -
Les éléments textuels et graphiques des pages de contenu utilisent la charte graphique (couleurs, typos) disponible dans votre backoffice, pour assurer la cohérence et la persistance de la charte au travers de l’ensemble du site.
(Expérience d’utilisation) -
Les mises en majuscules à des fins décoratives sont faites à l’aide des styles. Si vous avez un besoin régulier d’utiliser des majuscules, nous pouvons créer un bouton de formatage pour cela.
(Expérience d’utilisation) -
Le titre principal de chaque page permet d’identifier son contenu.
(Expérience d’utilisation) (Référencement)
-
Indiquer le format et le poids des fichiers téléchargeables. Exemple : "télécharger notre brochure (PDF, 56 Ko)".
(Accessibilité) -
Le nommage des fichiers disponibles en téléchargement doit permettre d’en identifier le contenu et la provenance.
(Expérience d’utilisation) -
La langue des fichiers proposés en téléchargement est indiquée si elle diffère de la langue de la page où le fichier peut-être téléchargé.
(Expérience d’utilisation)
-
Les vidéos proposant une bande sonore doivent être sous-titrées ou une transcription textuelle doit être proposée.
(Accessibilité) (Référencement) -
Privilégier l’insertion de vidéos depuis des plateformes tierces Youtube ou Viméo aux vidéos hébergées sur le site (prévoir de déposer les vidéos sur ces plateformes en amont). La lecture des vidéos sera bloquée automatiquement tant que l'internaute n'aura pas donné son consentement pour le dépôt des cookies associés.
(Eco-conception) -
Les vidéos, animations et autres contenus interactifs doivent apporter une information complémentaire au contenu de la page.
(Eco-conception) (Expérience d’utilisation) -
Multimédia : les vidéos ne doivent pas être en autoplay.
(Eco-conception) -
Limiter le nombre de carrousels présents sur le site, et ne pas en avoir plus d’un par page (l’idéal étant de ne pas en avoir).
(Eco-conception)
-
Prévoir le contenu de la méta description pour les pages stratégiques. Cette métadonnée sera saisie dans Yoast pour améliorer la visibilité de vos pages dans les résultats de recherche. Longueur maximum : 155 caractères espaces compris.
(Référencement) -
Prévoir une image d’illustration à mettre en avant pour les pages stratégiques. Cette image est notamment utilisée lors du partage de vos pages sur les réseaux sociaux.
(Référencement)