CMS accessibles : bases et exemples (Contao, Plone et Papaya CMS)

Depuis l’entrée en vigueur de la loi sur le renforcement de l’accessibilité, il est indispensable de créer des sites Web accessibles avec un CMS. Un système de gestion de contenu doté des fonctionnalités adaptées permet de respecter les exigences légales, d’améliorer l’expérience utilisateur et d’optimiser les contenus pour le référencement.

Pourquoi un CMS devrait-il garantir des contenus accessibles à tous ?

L’accessibilité numérique ne concerne pas seulement l’infrastructure technique d’un site Web, mais aussi les contenus publiés. Pour que les informations numériques soient accessibles à tous les visiteurs, elles doivent être conçues de manière à pouvoir être consultées avec des lecteurs d’écran, des dispositifs braille ou au clavier.

Le système de gestion de contenu (CMS) utilisé joue ici un rôle central. Si l’accessibilité de l’interface utilisateur d’un CMS est souvent mise en avant, il est tout aussi essentiel de considérer dans quelle mesure celui-ci soutient la création éditoriale de contenus accessibles. Le CMS doit fournir aux rédacteurs des outils d’assistance, des directives structurelles et des mécanismes de validation facilitant la création de sites Web sans barrière. Voici quelques exemples concrets :

• Champs de saisie pour les textes alternatifs des images
• Avertissements en cas d’absence de structure des titres
• Outils pour créer des tableaux et formulaires
• Vérifications automatiques des contrastes et des erreurs sémantiques

Un CMS accessible réduit le risque d’erreurs éditoriales et aide les organisations à respecter les exigences légales, tout en fournissant des informations équivalentes à tous les utilisateurs.

Quelles sont les normes qui définissent l’accessibilité du Web ?

L’accessibilité du Web est encadrée par le Référentiel général d’amélioration de l’accessibilité (RGAA), qui transpose la directive européenne (UE) 2016/2102 sur l’accessibilité des sites et applications publics. Depuis 2023, la transposition de la directive (UE) 2019/882 (European Accessibility Act) étend ces obligations à certains produits et services numériques, applicables à partir du 28 juin 2025. Ces règles s’appuient sur les directives internationales WCAG 2.2 du W3C ainsi que sur la norme européenne EN 301 549, qui fixent les principes fondamentaux pour garantir l’accessibilité des contenus en ligne.

Les WCAG 2.2 définissent quatre principes essentiels à respecter pour assurer l’accessibilité d’un site ou d’un CMS :

• Perceptibilité : toutes les informations doivent être présentées de manière compréhensible pour chaque utilisateur, par exemple avec des alternatives textuelles aux images et des contrastes suffisants.
• Utilisabilité : l’interface doit être navigable avec différents dispositifs, y compris au clavier.
• Compréhensibilité : les contenus doivent être structurés clairement, rédigés dans un langage simple et faciles à lire.
• Robustesse : les contenus doivent être compatibles avec différents appareils et outils d’assistance.

Pour les rédacteurs, cela implique notamment d’utiliser une hiérarchie de titres logique (H1 à H6) et d’intégrer des textes alternatifs et liens pertinents. Il est tout aussi essentiel d’adopter un langage clair et une navigation cohérente. Un CMS inclusif conforme à ces exigences simplifie le travail rédactionnel et contribue au respect des obligations légales en France.

Accessibilité dans le CMS : exemples pratiques avec Contao, Plone et Papaya CMS

Tous les CMS ne proposent pas les mêmes conditions pour créer des contenus accessibles. Certains systèmes se distinguent par la qualité de leur rendu frontend, tandis que d’autres mettent l’accent sur le contrôle rédactionnel ou la rigueur sémantique. Les trois CMS open source Contao, Plone et Papaya CMS sont particulièrement réputés pour favoriser l’accessibilité. C’est pourquoi nous présentons ci-dessous leurs principales fonctionnalités dans ce domaine.

Contao

Contao est un CMS développé en Allemagne, pensé dès l’origine pour un code accessible et sémantiquement propre. Afin de faciliter la création de contenus conformes à la législation sur l’accessibilité, le logiciel propose notamment les fonctionnalités suivantes :

• Templates accessibles : de nombreux thèmes respectent les normes WCAG et sont conçus pour être adaptatifs.
• Éléments de contenu structurés : les rédacteurs utilisent des modules garantissant une sortie claire et sémantiquement correcte.
• Prise en charge des textes alternatifs : les images, vidéos et autres médias peuvent être enrichis de descriptions alternatives.
• Modules de formulaire : des composants prêts à l’emploi prennent en charge la désignation des champs obligatoires, la navigation au clavier et la gestion des erreurs.

En complément, des extensions comme SiteCockpit ajoutent des fonctions d’accessibilité intégrées, telles que l’ajustement du contraste des couleurs, le contrôle de la taille de la police ou encore des rapports d’audit automatisés. Grâce à ces atouts, Contao constitue une solution particulièrement adaptée aux institutions publiques, aux établissements d’enseignement et aux ONG.

Plone

Plone est un CMS puissant basé sur Python, qui applique depuis de nombreuses années des normes strictes en matière d’accessibilité. Il est utilisé dans le monde entier par des universités, des ministères et des organisations ayant des exigences élevées en accessibilité numérique. Plone est conforme aux WCAG 2.1, niveau AA, et intègre donc par défaut de nombreuses fonctionnalités facilitant l’accessibilité.

Pour attester de cette conformité, un document VPAT (Voluntary Product Accessibility Template) est disponible. Il s’agit d’un rapport standardisé qui décrit dans quelle mesure le logiciel respecte les normes d’accessibilité. Ce document permet aux entreprises et institutions de vérifier rapidement si Plone répond à leurs obligations légales et à leurs besoins en matière d’accessibilité.

Parmi les principaux avantages rédactionnels en matière d’accessibilité offerts par Plone, on retrouve :

• Structures sémantiques claires : la mise en forme du contenu repose strictement sur les standards HTML5.
• Gestion du flux de travail (workflow) éditorial : les contenus peuvent être contrôlés et validés pour leur conformité avant publication.
• Contrôle d’accès : permet un travail collaboratif grâce à des rôles clairement définis.

De plus, des extensions comme le Plone All in One Accessibility Widget ajoutent des fonctionnalités pratiques, telles que l’ajustement de la taille de police, la modification des contrastes ou la navigation optimisée au clavier. Ces atouts font de Plone une solution idéale pour les portails accessibles intégrant des processus complexes.

Papaya CMS

Papaya CMS est un système de gestion de contenu modulaire, basé sur XML, qui se distingue par une séparation claire entre le contenu, la mise en page et la logique. Cette architecture permet de générer des sorties HTML sémantiquement correctes et accessibles. Papaya est particulièrement adapté aux projets complexes avec de fortes exigences éditoriales et des canaux de diffusion bien définis.

• Structuration stricte : grâce à la séparation du contenu, de la mise en page et de la logique, la création de sites Web conformes aux standards sémantiques HTML est facilitée.
• Templates et modules accessibles : de nombreux modèles et composants respectent les normes WCAG.
• Contenus multilingues : la gestion des données permet une diffusion inclusive dans plusieurs langues.

Comment vérifier si les contenus d’un CMS sont accessibles ?

La création de contenus accessibles ne s’arrête pas à leur saisie dans le CMS. Une vérification régulière est indispensable pour détecter et corriger rapidement les obstacles à l’utilisation. Pour tester l’accessibilité d’un site Web, il est recommandé de combiner des outils automatisés avec des méthodes manuelles.

Outils automatisés

• axe DevTools : une extension de navigateur éprouvée de Deque Systems, qui détecte de manière fiable les erreurs d’accessibilité selon les critères WCAG et fournit des indications précises pour les corriger.
• WAVE (Web Accessibility Evaluation Tool) : permet de visualiser directement les barrières dans la fenêtre du navigateur ; idéal pour vérifier la qualité éditoriale de contenus comme les textes alternatifs et la structure des titres.
• Google Lighthouse : fournit des scores d’accessibilité et des recommandations concrètes sur la structure, les couleurs, la convivialité et plus ; exécutable via Google PageSpeed Insights, dans Chrome DevTools, en ligne de commande ou sous forme de module Node.js.
• Evinced : utilise l’intelligence artificielle et l’apprentissage automatique pour détecter des barrières complexes ; offre des rapports détaillés pour développeurs ainsi que des intégrations pour les environnements DevOps.

Tests manuels

Les outils automatisés ne permettent pas d’identifier tous les problèmes d’accessibilité. C’est pourquoi il est essentiel de compléter leur utilisation par des méthodes manuelles, telles que :

• Navigation au clavier : vérifier que le site est utilisable uniquement avec Tab et Maj, et que les indicateurs de focus sont visibles et cohérents.
• Tests avec des lecteurs d’écran : utiliser NVDA (Windows), VoiceOver (macOS/iOS) ou JAWS pour contrôler la lecture sémantiquement correcte, les annonces de focus et la logique des séquences de lecture.
• Vérification des contrastes et simulations de couleurs : des outils comme WebAIM Contrast Checker ou Color Oracle permettent d’évaluer les contrastes et de simuler différentes déficiences visuelles.
• Contrôle des formulaires : s’assurer que les étiquettes sont correctement associées, que les messages d’erreur sont clairs, que le focus se déplace logiquement et que les champs de saisie sont accessibles.
• Inspection visuelle et tests de zoom : vérifier si le design reste fonctionnel avec un fort taux de zoom et si les contenus s’adaptent correctement, sans apparition de barres de défilement horizontales.

Enfin, il est recommandé de mettre en place un guide éditorial sur l’accessibilité et de prévoir des formations régulières, afin de renforcer durablement les compétences au sein de l’équipe.