Accessibilité globale : conseils de conception pour mettre en conformité tous vos sites web
La conception de sites web pour l'accessibilité doit suivre un certain nombre de règles, dont certaines rejoignent d’ailleurs les bonnes pratiques de l’éco-conception. On vous donne certaines de ces clés dans un article sur le thème Accessibilité et conception de sites web.
Les choses se compliquent quand il faut envisager l’accessibilité de plusieurs sites web, et plus simplement d’un seul. C’est un sujet majeur pour de nombreuses institutions en France et dans le monde depuis que l’accessibilité web est reconnue comme un enjeu de service public. D'autant plus que les grosses institutions administrent souvent plusieurs sites web, or chaque site web est soumis au même impératif d’accessibilité, pas uniquement le site principal.
La réglementation sur l’accessibilité web se développant un peu partout dans le monde, toutes les structures, publiques comme privées, doivent désormais envisager une mise en conformité globale. Dans ce contexte, prévoir l’accessibilité dès la conception des sites web devient indispensable.
Voici 4 caractéristiques et fonctionnalités de votre CMS que vous devriez rechercher pour vous faciliter la tâche :
- Un code indépendant du contenu,
- Un système d’héritage,
- Des mécanismes de rendus alternatifs,
- Une interconnexion avec des outils tiers.
Un code indépendant du contenu
L’architecture de votre contenu est une caractéristique qui impacte fortement la facilité avec laquelle vous pouvez rendre accessibles plusieurs sites web à la fois. Ou a minima améliorer quelques points techniques importants.
Lorsque, dans un CMS, le code technique est strictement séparé du contenu, cela signifie que vous ne manipulez pas du code HTML en contribuant dans votre back office. Cela permet aux développeurs d’implémenter les bonnes pratiques de l’accessibilité sans retravailler chaque page individuellement.
Exemple de bénéfice d'un code indépendant du contenu pour la conception de sites web accessibles
Une organisation gérant de nombreux sites institutionnels (ex. université, collectivité territoriale) doit appliquer les mêmes standards d’accessibilité sur toutes les pages (balises ARIA, structure des titres, contrastes…). En séparant le code (templates, composants) du contenu (textes, images), les développeurs peuvent corriger une erreur d’accessibilité ou ajouter une amélioration sur l’ensemble des sites sans toucher au contenu produit localement par les contributeurs.
Un système d’héritage
Le système d’héritage permet de définir des règles à certains types de composants ou certaines catégories de pages. Ce qui représente un réel gain de temps si vous voulez ajouter en une seule fois des champs utiles pour l’accessibilité à un ensemble de types de contenus, ou à des composants (formulaires par exemple).
Exemple de bénéfice d'un système d'héritage pour la conception de sites web accessibles
Une entreprise multisite veut s’assurer que tous ses formulaires (contact, recrutement, support…) sont conformes : libellés explicites, focus clavier, champs requis signalés, etc. Grâce à un système d’héritage dans son CMS, elle peut appliquer automatiquement les mêmes contraintes ou attributs à tous les composants dérivés, sans avoir à modifier chaque formulaire un par un.
Des mécanismes de rendus alternatifs
Avec Jahia, vous avez la possibilité de définir différentes vues (scripts) pour afficher un même contenu. Vous pouvez donc par exemple définir une ou plusieurs vues accessibles sur vos sites web, plutôt que de revoir entièrement la conception de vos sites web uniquement pour des raisons d’accessibilité.
Cette fonctionnalité est particulièrement utile lorsque la mise en conformité de votre design, HTML ou CSS, s’avère techniquement impossible.
Bien entendu, l’idéal reste que vos sites web soient nativement accessibles et de ne pas devoir maintenir de versions alternatives.
Exemple de bénéfice d'un mécanisme de rendus alternatifs pour la conception de sites web accessibles
Un site événementiel temporaire a été créé dans l’urgence avec un design peu accessible (animations non désactivables, navigation uniquement à la souris…). Avec des vues alternatives, il est possible de proposer une version épurée et accessible de ce site, en réutilisant le même contenu, le tout sans refonte graphique lourde ni surcharge éditoriale.
Interconnexion avec des outils tiers
L’intégration de solutions tierces peut simplifier énormément le travail de mise en conformité. Sur Jahia, par exemple, vous pouvez installer facilement des solutions comme SiteImprove, qui analyse vos pages, vous donne un score d’accessibilité web, et vous recommande des améliorations.
À noter que la conformité au RGAA impose de travailler directement sur le code source des sites et applications web, voire de les développer de manière nativement accessible. Des outils tels que Confort+, Facil'iti ou le widget Accessi+, qui n'agissent que sur les styles CSS des sites, ne permettent pas à eux seuls d'atteindre cette conformité.
Les outils d’assistance peuvent améliorer le confort de navigation pour certains utilisateurs vulnérables, et viennent en complément des efforts d’accessibilité.
+ d'outils d'accessibilité web
Des outils faisant intervenir de l’IA générative peuvent également représenter un gain de temps considérable dans la mise en conformité des contenus. Le cas le plus évident est l’utilisation de l’IA pour obtenir des descriptions d’images en masse, qui pourront être insérées automatiquement dans les champs ALT.
Exemple de bénéfice de l'interconnexion avec des outils tiers pour la conception de sites web accessibles
Une entreprise présente dans plusieurs pays doit suivre la conformité de dizaines de sites locaux, chacun avec son propre contenu et ses contributeurs. En interconnectant son CMS à des outils d’analyse comme SiteImprove, elle peut centraliser les audits, détecter les problèmes les plus fréquents (images sans ALT, absence de balises H1, etc.), et diffuser les recommandations aux équipes locales.
Conseil de conception des sites web accessibles localisés
Lorsque vous opérez sur plusieurs pays, dans l’UE comme hors UE, les réglementations peuvent se chevaucher, avec des exigences différentes. Dans ce cas, les entreprises doivent respecter les réglementations locales. Par exemple, en France, une entreprise avec un chiffre d'affaires supérieur ou égal à 250M € doit se conformer au RGAA, incluant un schéma pluriannuel, un plan d'action et des actions de sensibilisation. Une “simple” conformité WCAG ne suffit pas.
Précision utile : il est possible de mutualiser certains audits entre pays européens si le cadre légal le permet, à condition que le contenu, la structure des sites et leurs composants soient identiques, et que seule la langue varie.
