{"id":11507,"date":"2022-05-04T21:55:11","date_gmt":"2022-05-04T19:55:11","guid":{"rendered":"https:\/\/burorader.com\/tout-ce-que-vous-devez-savoir-pour-rendre-un-site-web-accessible\/"},"modified":"2025-04-10T14:05:51","modified_gmt":"2025-04-10T12:05:51","slug":"site-web-accessible","status":"publish","type":"post","link":"https:\/\/burorader.com\/fr\/site-web-accessible\/","title":{"rendered":"Tout ce que vous devez savoir pour rendre un site web accessible"},"content":{"rendered":"<p>Saviez-vous que les sites web qu\u2019en France il existe des r\u00e9f\u00e9rentiels <a href=\"https:\/\/web.archive.org\/web\/20220129130936\/https:\/\/www.accessiweb.org\/index.php\/accessiweb-html5aria-liste-deployee.html\" target=\"_blank\" rel=\"noopener\">Accessiweb<\/a> et <a href=\"https:\/\/www.numerique.gouv.fr\/offre-accompagnement\/reference-accessibilite-rgaa\/\" target=\"_blank\" rel=\"noopener\">RGAA 3.0<\/a> (R\u00e9f\u00e9rentiel G\u00e9n\u00e9ral d\u2019Accessibilit\u00e9 pour les Administrations). Dans ces r\u00e9f\u00e9rentiels vous trouvez les r\u00e8gles d\u2019accessibilit\u00e9 pour les sites web du service public (minist\u00e8res, collectivit\u00e9s locales, etc), obligatoires par la loi du 11 f\u00e9vrier 2005 pour l\u2019\u00e9galit\u00e9 des droits et des chances, la participation et la citoyennet\u00e9 des personnes handicap\u00e9es. Probablement pas. Je n&rsquo;y pensais pas non plus au quotidien. Je n&rsquo;ai pas fait beaucoup plus que d&rsquo;ajouter du texte alternatif aux images. Et pourtant, un site web accessible est bien plus que cela. Tout ce que vous pouvez lire ci-dessous. Et oui, c&rsquo;est une longue article, mais je vous ai pr\u00e9parer une <a href=\"https:\/\/burorader.com\/fr\/liste-de-controle-site-web-accessible\/\">liste de contr\u00f4le pratique<\/a>.<\/p>\n<h2>Un exemple r\u00e9el<\/h2>\n<p>J&rsquo;ai \u00e9t\u00e9 contact\u00e9 par Tatjana Wehrmann et Sander Smale de Pilot Radio. Ils avaient entendu dire que je cr\u00e9ais des sites web. Ils avaient besoin d&rsquo;un site web pour leur station de radio num\u00e9rique. J&rsquo;ai pens\u00e9 que ce serait un beau d\u00e9fi, quelque chose de diff\u00e9rent des sites web que j&rsquo;ai r\u00e9cemment eu le plaisir de cr\u00e9er pour des h\u00e9bergements touristiques.<\/p>\n<h2>Le plus important de tous : l&rsquo;accessibilit\u00e9<\/h2>\n<p>Le d\u00e9fi s&rsquo;est av\u00e9r\u00e9 un peu plus grand. Tatjana et Sander sont aveugles \/ malvoyants. Il \u00e9tait donc extr\u00eamement important que le site web soit \u00e9galement accessible via un lecteur d&rsquo;\u00e9cran. Et que les fonctionnalit\u00e9s ajout\u00e9es leur conviendraient \u00e9galement. Il est donc all\u00e9 un peu plus loin que l&rsquo;ajout de textes alternatifs aux images. Mais c&rsquo;\u00e9tait un d\u00e9fi que j&rsquo;ai accept\u00e9 avec plaisir. Le r\u00e9sultat \u00e9tait le site Web de Pilot Radio. Ce site est actuellement hors ligne ; Tatjana et Sander se concentrent davantage sur leurs blogs consacr\u00e9s \u00e0 l&rsquo;accessibilit\u00e9.<\/p>\n<p><a href=\"https:\/\/burorader.com\/wp-content\/uploads\/2020\/12\/website-pilot-radio.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11508 size-full\" src=\"https:\/\/burorader.com\/wp-content\/uploads\/2020\/12\/website-pilot-radio.jpg\" alt=\"Site web Pilot Radio\" width=\"945\" height=\"568\" srcset=\"https:\/\/burorader.com\/wp-content\/uploads\/2020\/12\/website-pilot-radio.jpg 945w, https:\/\/burorader.com\/wp-content\/uploads\/2020\/12\/website-pilot-radio-945x568-480x289.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 945px, 100vw\" \/><\/a><\/p>\n<h2>Diff\u00e9rents \u00e9l\u00e9ments pour un site web accessible<\/h2>\n<p class=\"no-space\">Pour un site web accessible, vous devez tenir compte des \u00e9l\u00e9ments suivants :<\/p>\n<ul>\n<li>Images<\/li>\n<li>Animation &amp; transformation<\/li>\n<li>Audio &amp; video<\/li>\n<li>Formulaires<\/li>\n<li>G\u00e9o-information<\/li>\n<li>Navigation<\/li>\n<li>Fichier PDF<\/li>\n<li>Tableaux<\/li>\n<li>Technique &amp; code<\/li>\n<li>Texte<\/li>\n<li>Conception<\/li>\n<\/ul>\n<h2>Images<\/h2>\n<p>Les lecteurs d&rsquo;\u00e9cran lisent tout ce qui se trouve sur un site web. Y compris les images. Du moins, lorsque le texte alternatif est saisi. Ce texte alt doit d\u00e9crire ce que vous pouvez voir dans une image. Je travaille avec le <a href=\"https:\/\/www.elegantthemes.com\/affiliates\/idevaffiliate.php?id=66531\" target=\"_blank\" rel=\"noopener\">th\u00e8me Divi d&rsquo;Elegant Themes<\/a> et en construisant ce site, j&rsquo;ai d\u00e9couvert que Divi n&rsquo;acceptait pas toujours les textes alternatifs saisis dans la biblioth\u00e8que de m\u00e9dias ! Il l&rsquo;a fait dans les albums de photos, mais pas dans les autres modules. L\u00e0, j&rsquo;ai d\u00fb ajouter \u00e0 nouveau manuellement les textes alternatifs sous Attributs dans l&rsquo;onglet Avanc\u00e9. Et m\u00eame cela n&rsquo;a pas toujours fonctionn\u00e9 ! C&rsquo;est pourquoi j&rsquo;ai \u00e9galement ajout\u00e9 un lien textuel sur la page Podcast afin que les boutons d&rsquo;abonnement soient faciles \u00e0 lire pour les lecteurs d&rsquo;\u00e9cran \u00e9galement.<\/p>\n<p><a href=\"https:\/\/burorader.com\/wp-content\/uploads\/2020\/04\/zelfgemaakte-podcast-abonneer-knoppen.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11510\" src=\"https:\/\/burorader.com\/wp-content\/uploads\/2020\/04\/zelfgemaakte-podcast-abonneer-knoppen.jpg\" alt=\"Boutons d'abonnement aux podcasts personnalis\u00e9s\" width=\"659\" height=\"458\" srcset=\"https:\/\/burorader.com\/wp-content\/uploads\/2020\/04\/zelfgemaakte-podcast-abonneer-knoppen.jpg 659w, https:\/\/burorader.com\/wp-content\/uploads\/2020\/04\/zelfgemaakte-podcast-abonneer-knoppen-480x334.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 659px, 100vw\" \/><\/a><\/p>\n<p>Google examine \u00e9galement ces textes alternatifs. Cela signifie que les internautes peuvent \u00e9galement arriver sur votre site web via des images. Les images font donc \u00e9galement partie de l&rsquo;optimisation des sites web pour les moteurs de recherche !<\/p>\n<h2>Animation &amp; transformation<\/h2>\n<p>L&rsquo;animation sur un site web peut aider \u00e0 attirer l&rsquo;attention sur quelque chose ou \u00e0 bien l&rsquo;expliquer quelque chose. Mais les \u00e9l\u00e9ments tape-\u00e0-l&rsquo;\u0153il peuvent aussi provoquer des probl\u00e8mes de sant\u00e9, comme des crises d&rsquo;\u00e9pilepsie chez certaines personnes. Par cons\u00e9quent, ne les utilisez jamais. Les autres animations doivent toujours pouvoir \u00eatre arr\u00eat\u00e9es manuellement. Un diaporama ou un carrousel de photos est \u00e9galement une forme d&rsquo;animation et l&rsquo;obligation pour le visiteur de pouvoir l&rsquo;arr\u00eater s&rsquo;applique \u00e9galement. Pour les flashs, le <a href=\"https:\/\/www.w3.org\/TR\/UNDERSTANDING-WCAG20\/seizure-does-not-violate.html\" target=\"_blank\" rel=\"noopener\">Three Flashes or Below Threshold<\/a> s&rsquo;applique, c&rsquo;est-\u00e0-dire pas plus de trois flashs par seconde.<\/p>\n<h2>Audio &amp; video<\/h2>\n<p>Encore une fois, vous devez toujours ajouter des alternatives pour les utilisateurs qui ne peuvent pas voir ou entendre les images et\/ou les sons. En outre, la lecture de l&rsquo;audio et\/ou de la vid\u00e9o ne doit pas commencer automatiquement et les visiteurs doivent toujours pouvoir arr\u00eater le fragment.<\/p>\n<p class=\"no-space\">Ce que vous pouvez faire afin de rendre votre site web accessible :<\/p>\n<ul>\n<li>Fournir une bonne alternative textuelle. C&rsquo;est comparable aux textes alternatifs des images. La description audio et le sous-titrage conviennent pour les courts extraits. Si vous allez sous-titrer, vous ne le faites pas seulement pour le texte parl\u00e9, mais vous d\u00e9crivez aussi d&rsquo;autres choses qui peuvent \u00eatre entendues. Pensez \u00e0 la sonnerie d&rsquo;un t\u00e9l\u00e9phone, aux rires et, lorsque le locuteur n&rsquo;est pas \u00e0 l&rsquo;\u00e9cran, \u00e0 l&rsquo;identit\u00e9 de ce dernier.<\/li>\n<li>Vous avez quand m\u00eame un sujet long ? Demandez-vous si une version plus courte ne serait pas plus conviviale.<\/li>\n<\/ul>\n<h2>Formulaires<\/h2>\n<p>Saviez-vous que de nombreuses personnes n&rsquo;utilisent pas leur souris mais leur clavier pour remplir un formulaire ? Je fais partie de ces personnes. Sur un site web accessible je m&rsquo;attends \u00e0 pouvoir utiliser la touche Tab pour passer d&rsquo;un champ \u00e0 l&rsquo;autre et la touche Espace pour cocher ou d\u00e9cocher quelque chose. Cela fait \u00e9galement partie d&rsquo;un site web accessible.<\/p>\n<p>Mais il est \u00e9galement important de signaler correctement les erreurs. Si quelqu&rsquo;un commet une erreur en remplissant le formulaire, indiquez clairement dans le texte o\u00f9 se trouve l&rsquo;erreur et quelle est sa nature. Il ne sert \u00e0 rien de mettre une cadre en rouge, car tout le monde ne voit pas le changement de couleur et les lecteurs d&rsquo;\u00e9cran ne peuvent pas non plus l&rsquo;utiliser.<\/p>\n<h2>G\u00e9o-information<\/h2>\n<p>De nos jours, de nombreux sites web disposent d&rsquo;une carte indiquant l&#8217;emplacement de l&rsquo;entreprise. Les cartes ne sont g\u00e9n\u00e9ralement pas accessibles aux lecteurs d&rsquo;\u00e9cran, mais vous pouvez proposer une alternative. Une solution simple consiste \u00e0 faire figurer vos coordonn\u00e9es sur la page.<\/p>\n<h2>Navigation<\/h2>\n<p>La navigation sur un site web accessible ne se limite pas au menu. Car les liens, le <a href=\"https:\/\/burorader.com\/fr\/fil-d-ariane-empecher-que-les-visiteurs-se-perdre\/\">fil d&rsquo;Ariane<\/a> et les boutons d&rsquo;appel \u00e0 l&rsquo;action font \u00e9galement partie de la navigation. En ce qui concerne les liens, le texte doit indiquer clairement o\u00f9 va le lien. \u00ab Cliquez ici \u00bb est un exemple de ce qu&rsquo;il ne faut pas faire. Non seulement pour les visiteurs du site, mais aussi pour Google. En effet, les moteurs de recherche utilisent les textes des liens pour mieux comprendre le contenu de la page \u00e0 laquelle ils renvoient.<\/p>\n<p>Vous voulez que votre menu principal soit le m\u00eame sur toutes les pages. Ainsi, les visiteurs ne seront pas d\u00e9sorient\u00e9s. Et n&rsquo;oubliez pas que tout le monde n&rsquo;arrivera pas sur votre site web via la page d&rsquo;accueil. Veillez \u00e0 ce que les gens sachent toujours o\u00f9 ils se trouvent dans votre site web.<\/p>\n<p>Si une image est \u00e9galement un lien, le texte alt doit indiquer o\u00f9 le visiteur atterrit lorsqu&rsquo;il clique sur l&rsquo;image.<\/p>\n<h2>Fichiers PDF<\/h2>\n<p>En fait, j&rsquo;ai toujours d\u00e9conseill\u00e9 l&rsquo;utilisation de fichiers PDF sur les sites web. Pourquoi utiliser des fichiers PDF alors que vous pouvez g\u00e9n\u00e9ralement mettre tout sur une page web ? Pourquoi voudriez-vous d\u00e9tourner les visiteurs de votre site web en leur demandant d&rsquo;ouvrir un fichier PDF dans un programme ? Pourquoi feriez-vous attendre vos visiteurs plus longtemps ? L&rsquo;ouverture d&rsquo;un fichier PDF prend souvent plus de temps que celle d&rsquo;une page web. Il faut \u00e9galement tenir compte du fait qu&rsquo;aujourd&rsquo;hui, plus de 50 % des visiteurs de sites web ne consultent pas un site web sur un ordinateur. Afficher un PDF sur l&rsquo;\u00e9cran d&rsquo;un t\u00e9l\u00e9phone est peu pratique !<\/p>\n<div id=\"attachment_11512\" style=\"width: 260px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/burorader.com\/wp-content\/uploads\/2020\/04\/pdf-lezen-op-mobiele-telefoon.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-11512\" class=\"wp-image-11512 size-full\" src=\"https:\/\/burorader.com\/wp-content\/uploads\/2020\/04\/pdf-lezen-op-mobiele-telefoon.jpg\" alt=\"La lecture des PDF sur un t\u00e9l\u00e9phone portable est souvent difficile\" width=\"250\" height=\"445\" srcset=\"https:\/\/burorader.com\/wp-content\/uploads\/2020\/04\/pdf-lezen-op-mobiele-telefoon.jpg 250w, https:\/\/burorader.com\/wp-content\/uploads\/2020\/04\/pdf-lezen-op-mobiele-telefoon-169x300.jpg 169w, https:\/\/burorader.com\/wp-content\/uploads\/2020\/04\/pdf-lezen-op-mobiele-telefoon-11x20.jpg 11w\" sizes=\"(max-width: 250px) 100vw, 250px\" \/><\/a><p id=\"caption-attachment-11512\" class=\"wp-caption-text\">La lecture des PDF sur un t\u00e9l\u00e9phone portable est souvent difficile<\/p><\/div>\n<p>Si vous utilisez un PDF, les m\u00eames exigences s&rsquo;appliquent que pour les sites web accessibles : bon contraste, texte alternatif pour les images, bonne utilisation des liens, formulaires faciles \u00e0 remplir, etc.<\/p>\n<h2>Tableaux<\/h2>\n<p>Les tableaux sont g\u00e9n\u00e9ralement faciles d&rsquo;acc\u00e8s en utilisant le code correct pour les colonnes et pour les lignes. Toutefois, il peut \u00eatre utile de fournir des tableaux avec une l\u00e9gende et un r\u00e9sum\u00e9. Ainsi, un visiteur ne doit pas essayer de lire tout le tableau avant que son objectif ne soit clair.<\/p>\n<p>N&rsquo;oubliez jamais qu&rsquo;un tableau doit \u00eatre facile \u00e0 lire, m\u00eame sur le petit \u00e9cran d&rsquo;un t\u00e9l\u00e9phone portable. Si vous utilisez trop de colonnes, m\u00eame si le tableau est r\u00e9actif, ce n&rsquo;est souvent pas le cas. Essayez de construire la table diff\u00e9remment ou \u00e9vitez d&rsquo;utiliser une table. Par exemple, les tarifs des logements de vacances peuvent \u00e9galement \u00eatre affich\u00e9s sous forme de lignes de texte.<\/p>\n<h2>Technique &amp; code<\/h2>\n<p>Un site web est constitu\u00e9 de code HTML. Par exemple, pour un paragraphe, le code &lt;&lt;p&gt;&gt; sera utilis\u00e9 et pour un ent\u00eate un &lt;h1&gt; jusqu&rsquo;au &lt;h6&gt;. Le code H1 ne doit \u00eatre utilis\u00e9 qu&rsquo;une seule fois par page, pour le titre de la page. Ainsi, les lecteurs d&rsquo;\u00e9cran et Google savent de quoi parle la page. Pour les ent\u00eates, utilisez le code H2.<\/p>\n<p>J&rsquo;ai d\u00e9j\u00e0 conseill\u00e9 \u00e0 tout le monde d&rsquo;utiliser r\u00e9guli\u00e8rement des ent\u00eates. Cela permet de rendre une page web plus facile \u00e0 lire. Tatjana m&rsquo;a appris qu&rsquo;elle parcourt un site web \u00e0 l&rsquo;aide des ent\u00eates, tout comme les visiteurs voyants.<\/p>\n<p>Vous voulez en savoir plus sur le HTML ? Et s&rsquo;entra\u00eener avec ? Alors, allez sur la <a href=\"https:\/\/www.w3schools.com\/html\/\" target=\"_blank\" rel=\"noopener\">page web de w3schools sur le HTML<\/a>. W3schools est pour moi la r\u00e9f\u00e9rence lorsque je veux savoir comment faire quelque chose en HTML. Parce que le HTML n&rsquo;est en fait qu&rsquo;un langage, avec des r\u00e8gles, comme dans les autres langues.<\/p>\n<h2>Texte<\/h2>\n<p>Les textes d&rsquo;un site web ont une certaine structure : titre, ent\u00eates, paragraphes, citations, listes, etc. Cette structure est fournie par le code HTML du site web.<\/p>\n<p>Le texte en gras est souvent utilis\u00e9 pour mettre en valeur une section du texte. Cela fonctionne bien pour les personnes qui voient le site web devant elles. Mais certains lecteurs d&rsquo;\u00e9cran ignorent ce code &lt;b&gt;, ainsi que le code &lt;i&gt; pour le texte en italique. Par cons\u00e9quent, au lieu d&rsquo;utiliser &lt;b&gt; vous pouvez utiliser &lt;strong&gt; et le code &lt;em&gt; au lieu de &lt;i&gt;.<\/p>\n<p>Dans tous les cas, choisissez un caract\u00e8re facile \u00e0 lire. Depuis 2020, il existe une nouvelle police sp\u00e9ciale pour les personnes souffrant de d\u00e9ficiences visuelles : Luciole.<\/p>\n<blockquote><p>Pour en savoir plus sur la police Luciole, lisez mes conseils &amp; astuces de Buro RaDer <a href=\"https:\/\/burorader.com\/fr\/un-beau-caractere-pour-les-malvoyants\/\">Un beau caract\u00e8re pour les malvoyants<\/a>. Le site web de Buro RaDer utilise cette police.<\/p><\/blockquote>\n<h2>Conception d&rsquo;un site web accessible<\/h2>\n<p>Ici aussi, il faut tenir compte de quelques \u00e9l\u00e9ments pour rendre un site web accessible. Soyez coh\u00e9rent, par exemple. Affichez les \u00e9l\u00e9ments de menu sur toutes les pages dans le m\u00eame ordre et au m\u00eame endroit. Et veillez \u00e0 ce qu&rsquo;il y ait un bon contraste entre le fond et le texte. Si vous montrez du texte dans une photo, choisissez une photo o\u00f9 vous pouvez montrer le texte dans un morceau de ciel bleu, par exemple.<\/p>\n<p><a href=\"https:\/\/burorader.com\/wp-content\/uploads\/2020\/04\/goed-en-slecht-contrast-webpagina.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11514\" src=\"https:\/\/burorader.com\/wp-content\/uploads\/2020\/04\/goed-en-slecht-contrast-webpagina.jpg\" alt=\"Exemple de page web avec un bon et un mauvais contraste\" width=\"945\" height=\"532\" srcset=\"https:\/\/burorader.com\/wp-content\/uploads\/2020\/04\/goed-en-slecht-contrast-webpagina.jpg 945w, https:\/\/burorader.com\/wp-content\/uploads\/2020\/04\/goed-en-slecht-contrast-webpagina-945x532-480x270.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 945px, 100vw\" \/><\/a><\/p>\n<h2>Des tests, des tests et encore des tests<\/h2>\n<p>Au cours du d\u00e9veloppement du site web de Pilot Radio, j&rsquo;ai effectu\u00e9 de nombreux tests pour obtenir un site accessible. Tatjana et Sander voulaient pouvoir chatter avec les auditeurs. Le <a href=\"https:\/\/nl.wordpress.org\/plugins\/tidio-live-chat\/\" target=\"_blank\" rel=\"noopener\">plugin Live Chat de Tidio<\/a> que j&rsquo;ai install\u00e9 n&rsquo;a pas fonctionn\u00e9 pour eux. De chatfunctie was zichtbaar, maar de chats zelf niet, omdat deze in een pop-up scherm openden welke niet voor de schermlezer toegankelijk was.<\/p>\n<p>Finalement, j&rsquo;ai install\u00e9 le plugin <a href=\"https:\/\/wordpress.org\/plugins\/click-to-chat-for-whatsapp\/\" target=\"_blank\" rel=\"noopener\">Click to Chat for WhatsApp<\/a> qui \u00e9tait accessible sans aucun probl\u00e8me.<\/p>\n<p>Le m\u00eame probl\u00e8me d&rsquo;\u00e9cran pop-up non visible pour les lecteurs d&rsquo;\u00e9cran s&rsquo;affichait avec le plugin <a href=\"https:\/\/wordpress.org\/plugins\/podcast-subscribe-buttons\/\" target=\"_blank\" rel=\"noopener\">Podcast Subscribe Buttons<\/a>. La solution ? Cr\u00e9er mes propres boutons d&rsquo;abonnement pour le podcast.<\/p>\n<h2>L&rsquo;exp\u00e9rience d&rsquo;autres personnes<\/h2>\n<p>Pendant que je travaillais sur ce site, une de mes clientes a ajout\u00e9 une fonctionnalit\u00e9 de calendrier \u00e0 son site. Avoir un site web accessible est \u00e9galement importante pour ce client ; je sais maintenant que <a href=\"https:\/\/calendly.com\/\" target=\"_blank\" rel=\"noopener\">l&rsquo;outil calendrier Calendly<\/a> est accessible aux lecteurs d&rsquo;\u00e9cran.<\/p>\n<h2>Liste de contr\u00f4le pratique pour un site web accessible<\/h2>\n<p>Comme je l&rsquo;ai \u00e9crit dans l&rsquo;intro, j&rsquo;ai cr\u00e9\u00e9 une liste de contr\u00f4le gratuite pour v\u00e9rifier si votre site web est accessible. Vous pouvez lire tout cela sur la page <a href=\"https:\/\/burorader.com\/fr\/liste-de-controle-site-web-accessible\/\">Liste de contr\u00f4le site web accessible<\/a>.<\/p>\n<p><em>Je publie r\u00e9guli\u00e8rement des blogs et des Conseils &amp; astuces. Voulez-vous \u00eatre tenu au courant de ces conseils et de mon blog ? <a href=\"https:\/\/burorader.com\/fr\/#inscriptionnewsletter\">Inscrivez-vous ici<\/a>. <\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Saviez-vous que les sites web qu\u2019en France il existe des r\u00e9f\u00e9rentiels Accessiweb et RGAA 3.0 (R\u00e9f\u00e9rentiel G\u00e9n\u00e9ral d\u2019Accessibilit\u00e9 pour les Administrations). Dans ces r\u00e9f\u00e9rentiels vous trouvez les r\u00e8gles d\u2019accessibilit\u00e9 pour les sites web du service public (minist\u00e8res, collectivit\u00e9s locales, etc), obligatoires par la loi du 11 f\u00e9vrier 2005 pour l\u2019\u00e9galit\u00e9 des droits et des chances, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":11528,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[246],"tags":[266,256,272],"class_list":["post-11507","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sites-web","tag-accessibilite","tag-divi-fr","tag-google-plugin-fr"],"_links":{"self":[{"href":"https:\/\/burorader.com\/fr\/wp-json\/wp\/v2\/posts\/11507","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/burorader.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/burorader.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/burorader.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/burorader.com\/fr\/wp-json\/wp\/v2\/comments?post=11507"}],"version-history":[{"count":24,"href":"https:\/\/burorader.com\/fr\/wp-json\/wp\/v2\/posts\/11507\/revisions"}],"predecessor-version":[{"id":20190,"href":"https:\/\/burorader.com\/fr\/wp-json\/wp\/v2\/posts\/11507\/revisions\/20190"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/burorader.com\/fr\/wp-json\/wp\/v2\/media\/11528"}],"wp:attachment":[{"href":"https:\/\/burorader.com\/fr\/wp-json\/wp\/v2\/media?parent=11507"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/burorader.com\/fr\/wp-json\/wp\/v2\/categories?post=11507"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/burorader.com\/fr\/wp-json\/wp\/v2\/tags?post=11507"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}