Le WordPress d'aujourd'hui, décodé pour les développeurs

Accessibilité

WordPress 6.6 et les styles de section : un impact discret sur l’accessibilité

Les nouveautés de WordPress 6.6 classées par impact réel sur la structure et le contraste générés par les styles de section, du plus visible au plus anecdotique.

Par WordPress Développement • 22 juillet 2024 • 4 min de lecture • Aucun commentaire
WordPress 6.6 et les styles de section : un impact discret sur l'accessibilité

wp core version affiche 6.6.0 sur ce projet de blog associatif, mis à jour le jour même de la sortie. Cette version, publiée en juillet 2024, introduit les styles de section : des blocs de type group ou cover peuvent désormais porter un style de couleur prédéfini dans theme.json, sélectionnable directement dans l’inspecteur de bloc sans écrire une seule ligne de CSS.

Sur le papier, cette fonctionnalité facilite la vie des rédacteurs : plus besoin de choisir manuellement une couleur de fond et une couleur de texte à chaque section, un style prédéfini garantit une cohérence visuelle. Mais elle déplace aussi une responsabilité d’accessibilité du développeur vers la configuration du thème, ce qui mérite d’être classé par impact réel plutôt que traité comme un simple gadget d’interface.

Impact fort : le contraste devient une propriété du thème, pas du rédacteur

Avec les styles de section, un rédacteur choisit un style nommé « Fond sombre » ou « Accent » dans le panneau latéral, sans jamais manipuler de valeur hexadécimale. Cela signifie que la responsabilité du contraste minimal (4,5:1 pour le texte courant selon les critères WCAG) repose entièrement sur la déclaration du style dans theme.json, au moment de la conception du thème.

{
  "styles": {
    "blocks": {
      "core/group": {
        "variations": {
          "accent": {
            "color": {
              "background": "var(--wp--preset--color--accent)",
              "text": "var(--wp--preset--color--contraste-accent)"
            }
          }
        }
      }
    }
  }
}

Concrètement, cela signifie qu’un audit de contraste effectué une seule fois sur les couleurs déclarées dans le thème couvre désormais l’ensemble des combinaisons possibles offertes aux rédacteurs, à condition que le développeur ait bien pensé à décliner une couleur de texte associée à chaque couleur de fond du style de section.

Impact moyen : la structure de section n’introduit pas de nouveau rôle sémantique

Un style de section reste un bloc group ordinaire dans le DOM final : il ne génère ni landmark, ni rôle ARIA particulier. Un rédacteur peut donc appliquer un style visuellement distinct sans que la structure de la page en soit changée, ce qui est plutôt une bonne nouvelle : le risque de landmarks dupliqués ou mal imbriqués, déjà présent avant WordPress 6.6, ne s’aggrave pas avec cette fonctionnalité.

L'essentiel à retenir : Les styles de section héritent des couleurs du thème ; Un contraste correct en amont évite les surprises ; Le contrôle manuel reste indispensable

Impact faible : les variations d’espacement associées

WordPress 6.6 permet aussi d’associer un espacement prédéfini à un style de section, dans le même esprit que les couleurs. Cette variation n’a aucun effet direct sur l’accessibilité, si ce n’est un effet indirect positif : des zones de texte moins compressées facilitent la lecture pour les utilisateurs malvoyants qui zooment la page, un besoin couvert par le critère WCAG de redimensionnement du texte.

Ce que cette version ne corrige pas

  • Le contrôle de niveau de titre dans les blocs imbriqués reste un point de vigilance manuel, indépendant des styles de section.
  • Aucun contrôle automatique n’empêche un rédacteur de superposer un style de section à une image de fond peu contrastée ajoutée séparément.
  • Les thèmes classiques, non basés sur theme.json, ne bénéficient pas des styles de section : la fonctionnalité reste réservée aux thèmes de blocs.

Vérifier après mise à jour

Sur ce projet associatif, la mise à jour vers WordPress 6.6 a été suivie d’une vérification ciblée : ouvrir chaque style de section défini dans le thème, appliquer une paire de couleurs à un bloc de test, puis mesurer le ratio de contraste avec l’outil de contraste du navigateur. Deux styles sur cinq affichaient un contraste insuffisant, faute d’avoir prévu une couleur de texte associée à une couleur de fond ajoutée tardivement dans theme.json.

Un style de section bien nommé donne l’illusion d’un choix sûr ; seul un ratio de contraste mesuré donne une garantie.

En résumé

Les styles de section de WordPress 6.6 ne changent rien à la sémantique du DOM et n’introduisent aucun risque nouveau sur ce plan, mais ils déplacent la vigilance du contraste vers la configuration du thème plutôt que vers chaque page individuelle. Un audit unique des couleurs déclarées dans theme.json, refait à chaque ajout de style, suffit à couvrir l’ensemble des usages rédactionnels qui en découlent, ce qui représente en réalité un gain de temps par rapport à un contrôle page par page.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Partager :

À propos de l'auteur

WordPress Développement

Développeur WordPress, passionné par Elementor, le FSE et l’automatisation par IA.

Voir tous ses articles

Dans la même veine

À lire aussi