{"id":134,"date":"2026-02-20T09:47:20","date_gmt":"2026-02-20T07:47:20","guid":{"rendered":"https:\/\/www.conform-it.fr\/?p=134"},"modified":"2026-02-20T09:47:20","modified_gmt":"2026-02-20T07:47:20","slug":"conformite-site-wordpress","status":"publish","type":"post","link":"https:\/\/wp7.conform-it.fr\/index.php\/2026\/02\/20\/conformite-site-wordpress\/","title":{"rendered":"J&rsquo;am\u00e9liore l&rsquo;accessibilit\u00e9 num\u00e9rique de mon site WordPress !"},"content":{"rendered":"<h3 data-start=\"53\" data-end=\"77\">\ud83d\udcca Les chiffres cl\u00e9s (source w3techs.com)<\/h3>\n<ul data-start=\"79\" data-end=\"253\">\n<li data-start=\"79\" data-end=\"160\">\n<p data-start=\"81\" data-end=\"160\">Environ <strong data-start=\"89\" data-end=\"119\">43 % de tous les sites web<\/strong> dans le monde utilisent <strong data-start=\"144\" data-end=\"157\">WordPress<\/strong>.<\/p>\n<\/li>\n<li data-start=\"161\" data-end=\"253\">\n<p data-start=\"163\" data-end=\"253\">Si on regarde uniquement les sites utilisant un CMS, <strong data-start=\"216\" data-end=\"232\">plus de 60 %<\/strong> sont sous WordPress.<\/p>\n<\/li>\n<li data-start=\"161\" data-end=\"253\">Tr\u00e8s peu de sites publics totalement conforme (&lt;5%).<\/li>\n<\/ul>\n<p>L&rsquo;objectif de cet article est de vous pr\u00e9senter les quelques modifications sur votre site WordPress qui permettent d&rsquo;am\u00e9liorer sensiblement le codage de vos pages.<\/p>\n<p><strong>De base, un site cr\u00e9\u00e9 avec WordPress a un score RGAA entre 71% et 96%<\/strong> (toujours la marge de contr\u00f4les manuels). C&rsquo;est un bon score, voire tr\u00e8s bon mais&#8230; qui sera difficile de garder lorsque vous allez ajouter des images, des tableaux et autres \u00e9l\u00e9ments.<\/p>\n<p><strong>La moyenne des sites WordPress test\u00e9s \u00e0 l&rsquo;aide de mon <a href=\"\/#INTERNAL_LINK#\/page\/93\" title=\"Acc\u00e9der \u00e0 l'outil en ligne de test d'accessibilit\u00e9\" target=\"_blank\" rel=\"noopener noreferrer\">outil en ligne<\/a> est g\u00e9n\u00e9ralement entre 60% et 85%.<\/strong><\/p>\n<p>Pourtant, avec quelques am\u00e9liorations techniques, r\u00e9alis\u00e9es par votre administrateur Web, et de bonnes pratiques, il est possible de le rendre totalement conforme (100%).<\/p>\n<p><a href=\"\/#partie1\">Partie 1 : Modifications techniques<\/a><\/p>\n<p><a href=\"\/#partie2\">Partie 2 : Bonnes pratiques<\/a><\/p>\n<h4>Conditions de mise en oeuvre pour le test r\u00e9alis\u00e9 :<\/h4>\n<p><span style=\"text-decoration: underline;\">Version utilis\u00e9e<\/span> : WordPress 6.9.1 et le th\u00e8me Twenty twenty-Five.<\/p>\n<h2 id=\"partie1\">Partie 1 : Modifications techniques<\/h2>\n<p>Cette partie est sous l&rsquo;enti\u00e8re responsabilit\u00e9 de votre administrateur Web. conform-IT ne pourra \u00eatre tenu responsable en cas de toutes mauvaises manipulations.\u00a0\u00a0<\/p>\n<p>Les corrections sont r\u00e9alis\u00e9es sur le <strong><a href=\"https:\/\/wordpress.com\/fr\/support\/themes\/themes-enfants\/\" title=\"Lien pour acc\u00e9der \u00e0 une page d'explication du th\u00e8me enfant sous WordPress\" target=\"_blank\" rel=\"noopener noreferrer\">th\u00e8me enfant<\/a><\/strong> du th\u00e8me principal (test r\u00e9alis\u00e9 sur le th\u00e8me indiqu\u00e9 en pr\u00e9-requis). Plusieurs fichiers sont modifi\u00e9s ou ajout\u00e9s :<\/p>\n<ul>\n<li>functions.php, ne pas remplacer directement celui pr\u00e9sent sur votre site mais int\u00e9grer le code de ce fichier dans le votre.<\/li>\n<li>plusieurs fichiers php, plac\u00e9s dans un r\u00e9pertoire inc<\/li>\n<li>plusieurs fichiers js, plac\u00e9s dans le r\u00e9pertoires assets\/js<\/li>\n<\/ul>\n<p>Le r\u00e9pertoire racine pour les fichiers est celui du th\u00e8me enfant.<\/p>\n<p><span style=\"text-decoration: underline;\">Par exemple :<\/span> \/www\/<em>monsite<\/em>\/wp-content\/themes\/<em>twentytwentyfive_rgaa<\/em><\/p>\n<table style=\"border-collapse: collapse; width: 100%; border-style: solid;\" border=\"1\">\n<caption><strong>Liste des fichiers et l&#8217;emplacement de stockage<\/strong><\/caption>\n<tbody>\n<tr>\n<td class=\"align-center\" style=\"width: 33.2843%;\"><strong>Nom du fichier<\/strong><\/td>\n<td class=\"align-center\" style=\"width: 33.2843%;\"><strong>R\u00e9pertoire<\/strong><\/td>\n<td class=\"align-center\" style=\"width: 33.2889%;\"><strong>Lien de t\u00e9l\u00e9chargement<\/strong><\/td>\n<\/tr>\n<tr>\n<td style=\"width: 33.2843%;\">functions.php<\/td>\n<td class=\"align-center\" style=\"width: 33.2843%;\">racine<\/td>\n<td class=\"align-center\" style=\"width: 33.2889%;\"><a href=\"\/#INTERNAL_LINK#\/file\/functions.php\" download=\"download\">T\u00e9l\u00e9charger<\/a><\/td>\n<\/tr>\n<tr>\n<td style=\"width: 33.2843%;\">rgaa-tableau.php<\/td>\n<td class=\"align-center\" style=\"width: 33.2843%;\">inc<\/td>\n<td class=\"align-center\" style=\"width: 33.2889%;\"><a href=\"\/#INTERNAL_LINK#\/file\/rgaa-tableau.php\">T\u00e9l\u00e9charger<\/a><\/td>\n<\/tr>\n<tr>\n<td style=\"width: 33.2843%;\">rgaa-image.php<\/td>\n<td class=\"align-center\" style=\"width: 33.2843%;\">inc<\/td>\n<td class=\"align-center\" style=\"width: 33.2889%;\"><a href=\"\/#INTERNAL_LINK#\/file\/rgaa-image.php\">T\u00e9l\u00e9charger<\/a><\/td>\n<\/tr>\n<tr>\n<td style=\"width: 33.2843%;\">table-caption.js<\/td>\n<td class=\"align-center\" style=\"width: 33.2843%;\">assets\/js<\/td>\n<td class=\"align-center\" style=\"width: 33.2889%;\"><a href=\"\/#INTERNAL_LINK#\/file\/table-caption.js\">T\u00e9l\u00e9charger<\/a><\/td>\n<\/tr>\n<tr>\n<td style=\"width: 33.2843%;\">image-aria-hidden.js<\/td>\n<td class=\"align-center\" style=\"width: 33.2843%;\">assets\/js<\/td>\n<td class=\"align-center\" style=\"width: 33.2889%;\"><a href=\"\/#INTERNAL_LINK#\/file\/image-aria-hidden.js\">T\u00e9l\u00e9charger<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>Que font ces corrections ?<\/h3>\n<p>Elles modifient l&rsquo;interface de gestion des articles et pages en ajoutant des attributs dans le bloc respectif des \u00e9l\u00e9ments cibl\u00e9s : images et tableaux.<\/p>\n<h4>Pour le bloc Images :<\/h4>\n<table style=\"border-collapse: collapse; width: 100%; border-style: none;\" border=\"0\">\n<tbody>\n<tr>\n<td style=\"width: 68.02%;\">Lorsque vous s\u00e9lectionnez une image dans votre page, vous pourrez visualisez dans le bloc \u00e0 droite, un nouvel attribut permettant d&rsquo;indiquer si l&rsquo;image est d\u00e9corative ou informative.<\/td>\n<td style=\"width: 32.1226%;\"><img loading=\"lazy\" decoding=\"async\" class=\"post__image\" src=\"\/#DOMAIN_NAME#wordpress-01.png\" alt=\"Illustration de l'attribut ajout\u00e9 au bloc Images\" width=\"262\" height=\"106\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h4>Pour le bloc Tableaux :<\/h4>\n<table style=\"border-collapse: collapse; width: 100%; border-style: none;\" border=\"0\">\n<tbody>\n<tr>\n<td style=\"width: 68.02%;\">\n<p>Lorsque vous s\u00e9lectionnez un tableau dans votre page, vous pourrez visualisez dans le bloc \u00e0 droite, 2 nouveaux attributs permettant\u00a0 :<\/p>\n<ul>\n<li>de pr\u00e9ciser le titre du tableau<\/li>\n<li>d&rsquo;indiquer si la premi\u00e8re colonne contient les ent\u00eates des lignes<\/li>\n<\/ul>\n<\/td>\n<td style=\"width: 32.1226%;\"><img loading=\"lazy\" decoding=\"async\" class=\"post__image\" src=\"\/#DOMAIN_NAME#wordpress-02.png\" alt=\"Illustration montrant les attributs ajout\u00e9s au bloc de gestion des tableaux\" width=\"273\" height=\"177\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>A l&rsquo;aide de ces modifications, votre site WordPress sera mieux cod\u00e9 et r\u00e9duira sensiblement le nombre de non-conformit\u00e9s.<\/p>\n<h2 id=\"partie2\">Partie 2 : Bonnes pratiques<\/h2>\n<h4>Pour les images :\u00a0<\/h4>\n<table style=\"border-collapse: collapse; width: 100%; border-style: none;\" border=\"0\">\n<tbody>\n<tr>\n<td style=\"width: 68.02%;\">Lorsque l&rsquo;image est informative, il faut renseigner l&rsquo;attribut Texte alternatif dans le bloc de droite avec une description succincte de l&rsquo;image. Cela sert \u00e0 lecture vocale des lecteurs d&rsquo;\u00e9cran.<\/td>\n<td style=\"width: 32.1226%;\"><img loading=\"lazy\" decoding=\"async\" class=\"post__image\" src=\"\/#DOMAIN_NAME#wordpress-03.png\" alt=\"Illustration montrant l'attribut &quot;Texte alternatif&quot; du bloc de gestion d'une image\" width=\"248\" height=\"139\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h4>Pour les tableaux :<\/h4>\n<table style=\"border-collapse: collapse; width: 100%; border-style: none;\" border=\"0\">\n<tbody>\n<tr>\n<td style=\"width: 68.02%;\">Lorsque un tableau est s\u00e9lectionn\u00e9, il faut renseigner les bons attributs. Si vous avez des ent\u00eates aux colonnes, il convient de cocher l&rsquo;attribut \u00ab\u00a0Section d&rsquo;ent\u00eate\u00a0\u00bb.<\/td>\n<td style=\"width: 32.1226%;\"><img loading=\"lazy\" decoding=\"async\" class=\"post__image\" src=\"\/#DOMAIN_NAME#wordpress-04.png\" alt=\"Illustration montrant les attributs de r\u00e9glage du bloc de gestion d'un tableau\" width=\"273\" height=\"134\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<pre><code>Ces modifications ont \u00e9t\u00e9 test\u00e9es sur une version WordPress et un th\u00e8me indiqu\u00e9s en pr\u00e9-requis. Il est possible que ces modifications ne fonctionnent pas sur une version diff\u00e9rente de wordpress ou un autre th\u00e8me.<br><br>Cet article n'a pas \u00e9t\u00e9 cr\u00e9\u00e9 par une IA. Par contre, le code permettant de modifier le th\u00e8me du site WordPress a \u00e9t\u00e9 obtenu par l'usage de requ\u00eates sur une IA, une impl\u00e9mentation r\u00e9elle sur un site et des tests r\u00e9alis\u00e9s avec l'outil SBC (Score By Conform-it), d\u00e9velopp\u00e9 par conform-IT.<\/code><\/pre>\n<p>\u00a0<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udcca Les chiffres cl\u00e9s (source w3techs.com) Environ 43 % de tous les sites web dans le monde utilisent WordPress. Si [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[5],"tags":[],"class_list":["post-134","post","type-post","status-publish","format-standard","hentry","category-portofolio"],"_links":{"self":[{"href":"https:\/\/wp7.conform-it.fr\/index.php\/wp-json\/wp\/v2\/posts\/134","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp7.conform-it.fr\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp7.conform-it.fr\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp7.conform-it.fr\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/wp7.conform-it.fr\/index.php\/wp-json\/wp\/v2\/comments?post=134"}],"version-history":[{"count":0,"href":"https:\/\/wp7.conform-it.fr\/index.php\/wp-json\/wp\/v2\/posts\/134\/revisions"}],"wp:attachment":[{"href":"https:\/\/wp7.conform-it.fr\/index.php\/wp-json\/wp\/v2\/media?parent=134"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp7.conform-it.fr\/index.php\/wp-json\/wp\/v2\/categories?post=134"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp7.conform-it.fr\/index.php\/wp-json\/wp\/v2\/tags?post=134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}