{"id":987506208,"date":"2024-08-26T18:38:13","date_gmt":"2024-08-26T16:38:13","guid":{"rendered":"https:\/\/nicole-knueppel.com\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/"},"modified":"2024-09-29T17:25:42","modified_gmt":"2024-09-29T15:25:42","slug":"liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas","status":"publish","type":"post","link":"https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/","title":{"rendered":"Liste de contr\u00f4le pour la conception de sites Web accessibles : guide pas \u00e0 pas"},"content":{"rendered":"\n<p>Vous avez un site web et vous entendez souvent parler d'\u00a0\u00bbaccessibilit\u00e9\u00a0\u00bb ?\nVous avez peut-\u00eatre d\u00e9j\u00e0 entendu dire que la <strong>loi sur l&rsquo;accessibilit\u00e9<\/strong> pourrait s&rsquo;appliquer \u00e0 vous et vous vous inqui\u00e9tez maintenant de savoir si votre site Web est conforme aux exigences.\nGr\u00e2ce \u00e0 cette <strong>liste de contr\u00f4le<\/strong> pratique <strong>et \u00e0 ce guide \u00e9tape par \u00e9tape<\/strong>, vous pouvez v\u00e9rifier les <strong>points les plus importants<\/strong> et rendre votre site Web accessible \u00e0 tous.  <\/p>\n\n<p><\/p>\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Inhalt<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/#Quest-ce_que_la_conception_de_sites_Web_accessibles\" >Qu&rsquo;est-ce que la conception de sites Web accessibles ?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/#Pourquoi_laccessibilite_est-elle_importante\" >Pourquoi l&rsquo;accessibilit\u00e9 est-elle importante ?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/#Les_trois_niveaux_daccessibilite\" >Les trois niveaux d&rsquo;accessibilit\u00e9<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/#Niveau_A_Accessibilite_de_base\" >Niveau A (Accessibilit\u00e9 de base)<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/#Structurez_votre_contenu\" >Structurez votre contenu<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/#Ajoutez_des_textes_alternatifs_pour_les_images\" >Ajoutez des textes alternatifs pour les images<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/#Assurez_la_navigation_au_clavier\" >Assurez la navigation au clavier<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/#Niveau_AA_Accessibilite_etendue\" >Niveau AA (Accessibilit\u00e9 \u00e9tendue)<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/#Attention_aux_contrastes_de_couleurs\" >Attention aux contrastes de couleurs<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/#Utilisez_des_polices_de_caracteres_faciles_a_lire\" >Utilisez des polices de caract\u00e8res faciles \u00e0 lire<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/#Optimiser_la_structure_de_navigation\" >Optimiser la structure de navigation<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/#Rendre_les_formulaires_accessibles\" >Rendre les formulaires accessibles<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/#Niveau_AAA_accessibilite_maximale\" >Niveau AAA (accessibilit\u00e9 maximale)<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/#Concevoir_un_contenu_multimedia_accessible\" >Concevoir un contenu multim\u00e9dia accessible<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/#Concevez_des_documents_et_des_PDF_accessibles\" >Concevez des documents et des PDF accessibles<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/#Mesures_dordre_superieur\" >Mesures d&rsquo;ordre sup\u00e9rieur<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/#Tests_et_controles_reguliers\" >Tests et contr\u00f4les r\u00e9guliers<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/#Plugin_daccessibilite\" >Plugin d&rsquo;accessibilit\u00e9<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/#Conclusion\" >Conclusion<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/#Liste_de_controle_pour_la_conception_de_sites_Web_accessibles\" >Liste de contr\u00f4le pour la conception de sites Web accessibles<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-21\" href=\"https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/#Niveau_A_Accessibilite_de_base-2\" >Niveau A (Accessibilit\u00e9 de base)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-22\" href=\"https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/#Niveau_AA_Accessibilite_etendue-2\" >Niveau AA (Accessibilit\u00e9 \u00e9tendue)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-23\" href=\"https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/#Niveau_AAA_accessibilite_maximale-2\" >Niveau AAA (accessibilit\u00e9 maximale)<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-24\" href=\"https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/#Tests_et_controles_reguliers-2\" >Tests et contr\u00f4les r\u00e9guliers :<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Quest-ce_que_la_conception_de_sites_Web_accessibles\"><\/span>Qu&rsquo;est-ce que la conception de sites Web accessibles ?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n<p>En r\u00e9sum\u00e9, la conception de sites Web accessibles garantit que votre site Web est utilisable par toutes les personnes, qu&rsquo;elles aient un handicap physique, qu&rsquo;elles soient \u00e2g\u00e9es ou qu&rsquo;elles utilisent votre site dans des conditions difficiles, telles qu&rsquo;une faible luminosit\u00e9 ou un environnement bruyant.<\/p>\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Pourquoi_laccessibilite_est-elle_importante\"><\/span>Pourquoi l&rsquo;accessibilit\u00e9 est-elle importante ?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n<ul class=\"wp-block-list\">\n<li><strong>Les exigences l\u00e9gales :<\/strong> En Allemagne, les organismes publics doivent rendre leurs offres num\u00e9riques accessibles depuis quelques ann\u00e9es d\u00e9j\u00e0.\nPour les entreprises priv\u00e9es, cela devient de plus en plus important &#8211; surtout avec la <a href=\"https:\/\/bfsg-gesetz.de\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><strong>Loi sur le renforcement de l&rsquo;accessibilit\u00e9 (BFSG)<\/strong><\/a><strong>)<\/strong>, qui entrera en vigueur <strong>\u00e0 partir du 28 juin 2025<\/strong>. <strong>Les micro-entreprises <\/strong>(moins de 10 employ\u00e9s et un chiffre d&rsquo;affaires annuel inf\u00e9rieur ou \u00e9gal \u00e0 2 millions d&rsquo;euros) et les services B2B <strong>ne<\/strong> sont <strong>pas<\/strong> (encore) concern\u00e9s, mais ils doivent n\u00e9anmoins se familiariser avec cette loi.   <br\/><strong>Il en va autrement pour les produits num\u00e9riques : Les livres \u00e9lectroniques, par exemple, doivent alors en principe \u00eatre accessibles.<\/strong><\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li><strong>Accessibilit\u00e9 pour tous :<\/strong> si un client malvoyant ne peut pas voir vos offres parce que les images n&rsquo;ont pas de texte alternatif, vous ne perdez pas seulement une vente, mais peut-\u00eatre aussi un futur client.<\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li><strong>Une meilleure exp\u00e9rience utilisateur : <\/strong>un site Web accessible est g\u00e9n\u00e9ralement aussi plus convivial pour tous.\nCela signifie une navigation plus claire, un contenu plus compr\u00e9hensible et une meilleure structure.   <\/li>\n<\/ul>\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Les_trois_niveaux_daccessibilite\"><\/span>Les trois niveaux d&rsquo;accessibilit\u00e9<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n<p>Le site <a href=\"https:\/\/www.w3.org\/TR\/WCAG21\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Directives pour l&rsquo;accessibilit\u00e9 aux contenus Web (WCAG)<\/strong><\/a> sont des normes internationales qui garantissent que les sites Web sont accessibles \u00e0 tous.\nElles sont divis\u00e9es en trois niveaux : <\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>Niveau A :<\/strong> Accessibilit\u00e9 de base garantissant l&rsquo;\u00e9limination des obstacles majeurs.<\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li><strong>Niveau AA :<\/strong> Accessibilit\u00e9 avanc\u00e9e qui am\u00e9liore encore l&rsquo;exp\u00e9rience utilisateur.<\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li><strong>Niveau AAA : <\/strong>accessibilit\u00e9 maximale r\u00e9pondant \u00e0 toutes les exigences, mais souvent complexe \u00e0 mettre en \u0153uvre.<\/li>\n<\/ul>\n\n<p><br\/>Pour des informations d\u00e9taill\u00e9es sur les diff\u00e9rents niveaux et leurs exigences, consultez mon article sur l&rsquo;importance de l&rsquo;accessibilit\u00e9 : <a href=\"https:\/\/nicole-knueppel.com\/fr\/que-signifie-laccessibilite-sur-les-sites-web-et-pourquoi-est-elle-importante\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Qu&rsquo;est-ce que l&rsquo;accessibilit\u00e9 et pourquoi est-elle importante ?<\/strong><\/a><\/p>\n\n<p><\/p>\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Niveau_A_Accessibilite_de_base\"><\/span>Niveau A (Accessibilit\u00e9 de base)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Structurez_votre_contenu\"><\/span>Structurez votre contenu<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n<ul class=\"wp-block-list\">\n<li><strong>Hi\u00e9rarchie des titres :<\/strong> utilisez les balises de titre HTML appropri\u00e9es (h1, h2,h3, etc.) pour structurer votre contenu de mani\u00e8re logique.\nCela aide non seulement les personnes qui utilisent des lecteurs d&rsquo;\u00e9cran, mais aussi les moteurs de recherche \u00e0 mieux comprendre votre site. <\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li><strong>Un langage clair et simple :<\/strong> \u00e9vitez le jargon technique s&rsquo;il n&rsquo;est pas absolument n\u00e9cessaire.\nSi vous devez utiliser des termes techniques, expliquez-les bri\u00e8vement.\nDes phrases courtes et concises permettent \u00e0 tous les utilisateurs de comprendre plus facilement votre contenu.  <\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li><strong>Listes et paragraphes :<\/strong> Utilisez des listes pour pr\u00e9senter les informations de mani\u00e8re claire et des paragraphes pour structurer votre texte.\nUn \u00e9norme bloc de texte peut sembler \u00e9crasant et difficile \u00e0 lire. <\/li>\n<\/ul>\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Astuce : Imaginez que vous expliquiez \u00e0 une personne \u00e2g\u00e9e ou \u00e0 un enfant ce qui se trouve sur votre site web.\nComprendraient-ils ? <\/p>\n<\/blockquote>\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Ajoutez_des_textes_alternatifs_pour_les_images\"><\/span>Ajoutez des textes alternatifs pour les images<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n<ul class=\"wp-block-list\">\n<li><strong>Qu&rsquo;est-ce qu&rsquo;un texte alternatif ?  <\/strong>Les textes alternatifs (\u00e9galement appel\u00e9s \u00ab\u00a0textes Alt\u00a0\u00bb) d\u00e9crivent le contenu d&rsquo;une image et sont lus par les lecteurs d&rsquo;\u00e9cran.\nIls aident \u00e9galement les moteurs de recherche \u00e0 indexer l&rsquo;image. <\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li><strong>Comment r\u00e9diger de bons textes Alt ?<\/strong>  Soyez pr\u00e9cis et d\u00e9crivez ce que l&rsquo;on voit sur l&rsquo;image et pourquoi c&rsquo;est important.\nExemple : une image d&rsquo;une voiture bleue pourrait avoir le texte Alt \u00ab\u00a0Voiture bleue dans un environnement urbain\u00a0\u00bb.   <\/li>\n\n\n\n<li><strong>Si l&rsquo;image est d\u00e9corative<\/strong> et ne contient pas d&rsquo;informations importantes, vous pouvez laisser le texte Alt vide (alt=\u00a0\u00bb\u00a0\u00bb).<\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li><strong>Images avec du texte : <\/strong>\u00c9vitez d&rsquo;utiliser du texte dans les images, car il n&rsquo;est pas lisible par les lecteurs d&rsquo;\u00e9cran.\nSi vous ne pouvez pas faire autrement, assurez-vous que le texte Alt refl\u00e8te tout le contenu textuel de l&rsquo;image. <\/li>\n<\/ul>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"750\" height=\"500\" src=\"https:\/\/nicole-knueppel.com\/wp-content\/uploads\/2024\/08\/foto_alttext_falsch.webp\" alt=\"Site web, exemple de texte alt non accessible d'une image\" class=\"wp-image-987505569\" style=\"box-shadow:var(--wp--preset--shadow--deep)\" srcset=\"https:\/\/nicole-knueppel.com\/wp-content\/uploads\/2024\/08\/foto_alttext_falsch.webp 750w, https:\/\/nicole-knueppel.com\/wp-content\/uploads\/2024\/08\/foto_alttext_falsch-480x320.webp 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 750px, 100vw\" \/><figcaption class=\"wp-element-caption\">Exemple de texte Alt non accessible d&rsquo;une image<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"750\" height=\"500\" src=\"https:\/\/nicole-knueppel.com\/wp-content\/uploads\/2024\/08\/foto_alttext_richtig.webp\" alt=\"Site web, exemple de texte alt accessible pour une image\" class=\"wp-image-987505568\" style=\"box-shadow:var(--wp--preset--shadow--deep)\" srcset=\"https:\/\/nicole-knueppel.com\/wp-content\/uploads\/2024\/08\/foto_alttext_richtig.webp 750w, https:\/\/nicole-knueppel.com\/wp-content\/uploads\/2024\/08\/foto_alttext_richtig-480x320.webp 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 750px, 100vw\" \/><figcaption class=\"wp-element-caption\">Exemple de texte alt accessible pour une image<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Assurez_la_navigation_au_clavier\"><\/span>Assurez la navigation au clavier<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n<ul class=\"wp-block-list\">\n<li><strong>Rendre le focus du clavier visible :<\/strong> Lorsque les utilisateurs utilisent le clavier pour naviguer sur votre site, le focus actuel doit toujours \u00eatre clairement visible, ils doivent toujours pouvoir voir exactement o\u00f9 ils se trouvent.\nUne bordure bien visible indique \u00e0 l&rsquo;utilisateur quel \u00e9l\u00e9ment est actuellement actif. <\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li><strong>Les \u00e9l\u00e9ments interactifs :<\/strong> Tous les \u00e9l\u00e9ments interactifs tels que les liens, les boutons et les formulaires doivent \u00eatre utilisables au clavier.\nAssurez-vous qu&rsquo;aucun \u00e9l\u00e9ment n&rsquo;est omis. <\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li><strong>M\u00e9canisme d&rsquo;\u00e9chappement :<\/strong> lorsque vous ouvrez une pop-up ou une fen\u00eatre modale, il devrait \u00eatre facile de la fermer en appuyant sur la touche d&rsquo;\u00e9chappement.\nCela donne le contr\u00f4le aux utilisateurs et am\u00e9liore l&rsquo;exp\u00e9rience utilisateur. <\/li>\n<\/ul>\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Niveau_AA_Accessibilite_etendue\"><\/span>Niveau AA (Accessibilit\u00e9 \u00e9tendue)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Attention_aux_contrastes_de_couleurs\"><\/span>Attention aux contrastes de couleurs<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n<ul class=\"wp-block-list\">\n<li><strong>Pourquoi est-ce important ?<\/strong>  Les personnes souffrant de troubles de la vision, comme la daltonisme, ont besoin d&rsquo;un contraste \u00e9lev\u00e9 pour voir clairement les textes et les images.<\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li><strong>Comment v\u00e9rifier le contraste ?<\/strong> Il existe de nombreux outils en ligne qui vous permettent de v\u00e9rifier le contraste entre le texte et l&rsquo;arri\u00e8re-plan, par exemple <a href=\"https:\/\/webaim.org\/resources\/contrastchecker\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>https:\/\/webaim.org\/resources\/contrastchecker<\/strong><\/a>.\nLe contraste minimum doit \u00eatre de 4,5:1. <\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li><strong>N&rsquo;utilisez pas seulement les couleurs pour donner des informations.<\/strong>  Exemple : Si vous marquez un champ de formulaire avec une bordure rouge parce qu&rsquo;il a \u00e9t\u00e9 mal rempli, assurez-vous qu&rsquo;il y a \u00e9galement un message texte qui explique l&rsquo;erreur.<\/li>\n<\/ul>\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Conseil : testez votre site en niveaux de gris pour voir si toutes les informations sont encore clairement visibles.<\/p>\n<\/blockquote>\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Utilisez_des_polices_de_caracteres_faciles_a_lire\"><\/span>Utilisez des polices de caract\u00e8res faciles \u00e0 lire<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n<ul class=\"wp-block-list\">\n<li><strong>Pr\u00e9f\u00e9rer les polices sans empattement :<\/strong> les polices sans empattement comme Arial ou Helvetica sont plus faciles \u00e0 lire que les polices avec empattement pour de nombreuses personnes.<\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li><strong>Taille et espacement des caract\u00e8res :<\/strong> assurez-vous que la police est suffisamment grande (au moins 16px) et que l&rsquo;espacement des lignes est suffisant (au moins 1,5 ligne).\nLes utilisateurs doivent avoir la possibilit\u00e9 d&rsquo;agrandir le texte sans que la mise en page ne soit \u00e9cras\u00e9e. <\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li><strong>Ne vous contentez pas de l&rsquo;italique :<\/strong> Utilisez l&rsquo;italique avec parcimonie, car il peut \u00eatre difficile \u00e0 lire pour certains utilisateurs.\nNe les utilisez que pour mettre en \u00e9vidence des informations vraiment pertinentes. <\/li>\n<\/ul>\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"610\" height=\"238\" src=\"https:\/\/nicole-knueppel.com\/wp-content\/uploads\/2024\/08\/barrierefreiheit_kontraste.png\" alt=\"Accessibilit&#xE9; du site web, exemples de contrastes faibles et forts\" class=\"wp-image-987505571\" style=\"box-shadow:var(--wp--preset--shadow--deep)\" srcset=\"https:\/\/nicole-knueppel.com\/wp-content\/uploads\/2024\/08\/barrierefreiheit_kontraste.png 610w, https:\/\/nicole-knueppel.com\/wp-content\/uploads\/2024\/08\/barrierefreiheit_kontraste-480x187.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 610px, 100vw\" \/><figcaption class=\"wp-element-caption\"><strong>En haut : contraste de couleur faible et caract\u00e8res difficiles \u00e0 lire<br\/>En bas : contraste de couleur fort et caract\u00e8res faciles \u00e0 lire<\/strong><\/figcaption><\/figure>\n\n<p><\/p>\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Optimiser_la_structure_de_navigation\"><\/span>Optimiser la structure de navigation<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n<ul class=\"wp-block-list\">\n<li><strong>Un menu clair :<\/strong> le menu de votre site doit \u00eatre simple et intuitif.\n\u00c9vitez les menus imbriqu\u00e9s avec trop de sous-rubriques. <\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li><strong>Les fils d&rsquo;Ariane :<\/strong> Utilisez des breadcrumbs (navigation en fil d&rsquo;Ariane) pour indiquer aux utilisateurs o\u00f9 ils se trouvent sur votre site et comment y retourner.\nCeci est particuli\u00e8rement utile pour les personnes souffrant de troubles cognitifs. \n<ul class=\"wp-block-list\">\n<li>Les fils d&rsquo;Ariane pourraient ressembler \u00e0 ceci : Accueil &gt; Services de coaching &gt; D\u00e9veloppement personnel &gt; Renforcer la confiance en soi<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n<p>Ces fils d&rsquo;Ariane vous aident \u00e0 revenir rapidement \u00e0 l&rsquo;une des cat\u00e9gories pr\u00e9c\u00e9dentes si vous souhaitez en savoir plus sur d&rsquo;autres offres de coaching.<\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>Liens de saut :<\/strong> Permettez aux utilisateurs d&rsquo;acc\u00e9der directement au contenu important en proposant des liens de saut.\nCeux-ci sont particuli\u00e8rement importants pour les utilisateurs de lecteurs d&rsquo;\u00e9cran, car ils peuvent sauter de longues barres de navigation et acc\u00e9der directement au contenu principal. <\/li>\n<\/ul>\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Rendre_les_formulaires_accessibles\"><\/span>Rendre les formulaires accessibles<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n<ul class=\"wp-block-list\">\n<li><strong>\u00c9tiquettes et instructions :<\/strong> Chaque champ de formulaire doit avoir une \u00e9tiquette claire et compr\u00e9hensible.\nUtilisez la balise &lt;label&gt; pour l&rsquo;associer au champ de saisie.\nIndiquez clairement quels champs sont obligatoires.  <\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li><strong>Caract\u00e8res g\u00e9n\u00e9riques vs. l\u00e9gendes : <\/strong>ne vous fiez pas uniquement aux textes g\u00e9n\u00e9riques \u00e0 l&rsquo;int\u00e9rieur des champs de saisie pour fournir des informations.\nCeux-ci disparaissent lorsque vous tapez.\nLes libell\u00e9s doivent toujours \u00eatre plac\u00e9s \u00e0 l&rsquo;ext\u00e9rieur du champ de saisie.  <\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li><strong>Les messages d&rsquo;erreur :<\/strong> Rendez les messages d&rsquo;erreur clairs et utiles.\nDonnez aux utilisateurs des indications pr\u00e9cises sur la fa\u00e7on de corriger l&rsquo;erreur.\nPar exemple, au lieu de \u00ab\u00a0Erreur dans le champ\u00a0\u00bb, indiquez plut\u00f4t \u00ab\u00a0Veuillez saisir une adresse e-mail valide\u00a0\u00bb.  <\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li><strong>Utilisation du clavier :<\/strong> les formulaires doivent \u00eatre enti\u00e8rement utilisables au clavier.\nCela signifie que les utilisateurs peuvent passer d&rsquo;un champ \u00e0 l&rsquo;autre en appuyant sur la touche Tabulation et activer les boutons en appuyant sur Entr\u00e9e. <\/li>\n<\/ul>\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img decoding=\"async\" width=\"757\" height=\"703\" src=\"https:\/\/nicole-knueppel.com\/wp-content\/uploads\/2024\/08\/formular_fehlermeldung.jpg\" alt=\"Accessibilit&#xE9; du site web, messages d'erreur dans les formulaires\" class=\"wp-image-987505570\" style=\"box-shadow:var(--wp--preset--shadow--deep);width:434px;height:auto\" srcset=\"https:\/\/nicole-knueppel.com\/wp-content\/uploads\/2024\/08\/formular_fehlermeldung.jpg 757w, https:\/\/nicole-knueppel.com\/wp-content\/uploads\/2024\/08\/formular_fehlermeldung-480x446.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 757px, 100vw\" \/><figcaption class=\"wp-element-caption\"><strong>Les champs ne sont pas seulement encadr\u00e9s, les messages d&rsquo;erreur sont \u00e9galement affich\u00e9s sous forme de texte.<\/strong><\/figcaption><\/figure>\n\n<p><\/p>\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Niveau_AAA_accessibilite_maximale\"><\/span>Niveau AAA (accessibilit\u00e9 maximale)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Concevoir_un_contenu_multimedia_accessible\"><\/span>Concevoir un contenu multim\u00e9dia accessible<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n<ul class=\"wp-block-list\">\n<li><strong>Sous-titres pour les vid\u00e9os :<\/strong> Assurez-vous que toutes les vid\u00e9os contiennent des sous-titres.\nC&rsquo;est important non seulement pour les utilisateurs sourds ou malentendants, mais aussi pour les personnes qui ne peuvent pas utiliser de haut-parleurs dans des environnements bruyants. <\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li><strong>Audiodescription :<\/strong> une audiodescription aide en traduisant en mots ce qui se passe \u00e0 l&rsquo;\u00e9cran.\nCela permet aux personnes souffrant d&rsquo;un handicap visuel de mieux comprendre l&rsquo;action. <\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li><strong>Transcriptions :<\/strong> Proposez une transcription pour tout contenu audio.\nCela est utile non seulement pour les personnes qui pr\u00e9f\u00e8rent lire plut\u00f4t qu&rsquo;\u00e9couter, mais aussi pour les moteurs de recherche qui peuvent parcourir et indexer le texte. <\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li><strong>\u00c9viter la lecture automatique :<\/strong> Donnez aux utilisateurs le contr\u00f4le de la lecture du contenu multim\u00e9dia.\nProposez un bouton de lecture et assurez-vous que la lecture peut \u00eatre interrompue. <\/li>\n<\/ul>\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Concevez_des_documents_et_des_PDF_accessibles\"><\/span>Concevez des documents et des PDF accessibles<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n<p>Les PDF sans barri\u00e8res constituent l&rsquo;\u00e9tape suivante en mati\u00e8re d&rsquo;accessibilit\u00e9 et, indirectement, font naturellement partie du site Web.<\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>Pourquoi c&rsquo;est important :<\/strong> de nombreux sites Web proposent des contenus \u00e0 t\u00e9l\u00e9charger sous forme de PDF ou d&rsquo;autres documents.\nCeux-ci doivent \u00eatre con\u00e7us de mani\u00e8re aussi accessible que le reste de votre site. <\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li><strong>PDF en mode texte :<\/strong> \u00e9vitez les documents num\u00e9ris\u00e9s compos\u00e9s uniquement d&rsquo;images.\nLes PDF doivent \u00eatre au format texte pour que les lecteurs d&rsquo;\u00e9cran puissent saisir le texte. <\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li><strong>Ajouter une structure :<\/strong> Utilisez les fonctionnalit\u00e9s de programmes tels qu&rsquo;Adobe Acrobat pour ajouter des titres, des signets et des textes alternatifs pour les images dans vos PDF.<\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li><strong>Formulaires dans les PDF :<\/strong> si votre PDF comporte des formulaires, ils doivent \u00eatre aussi faciles \u00e0 utiliser que sur votre site web.\nConcevez les champs de formulaire dans votre PDF de mani\u00e8re \u00e0 ce qu&rsquo;ils puissent \u00eatre remplis facilement \u00e0 l&rsquo;aide du clavier.\nLes utilisateurs doivent pouvoir passer facilement d&rsquo;un champ \u00e0 l&rsquo;autre et saisir leurs donn\u00e9es.  <\/li>\n<\/ul>\n\n<p><\/p>\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Mesures_dordre_superieur\"><\/span>Mesures d&rsquo;ordre sup\u00e9rieur<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Tests_et_controles_reguliers\"><\/span>Tests et contr\u00f4les r\u00e9guliers<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n<ul class=\"wp-block-list\">\n<li><strong>Outils automatiques :<\/strong> Il existe diff\u00e9rents outils tels que <a href=\"https:\/\/wave.webaim.org\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>WAVE Accessibility Checker<\/strong><\/a> ou le Lighthouse Report de Google, qui peuvent vous aider \u00e0 identifier les probl\u00e8mes d&rsquo;accessibilit\u00e9 de base.<\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li><strong>Tests manuels :<\/strong> les outils automatiques ne couvrent pas tout.\nIl est donc important que vous fassiez vous-m\u00eame des tests manuels, par exemple en utilisant le clavier sur votre site ou en essayant des lecteurs d&rsquo;\u00e9cran. <\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li><strong>Commentaires des utilisateurs :<\/strong> demandez r\u00e9guli\u00e8rement des commentaires aux utilisateurs, en particulier aux personnes handicap\u00e9es.\nIls peuvent vous donner de pr\u00e9cieux conseils sur ce qui pourrait \u00eatre am\u00e9lior\u00e9 sur votre site. <\/li>\n<\/ul>\n\n<p><\/p>\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Plugin_daccessibilite\"><\/span>Plugin d&rsquo;accessibilit\u00e9<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n<p>Il existe diff\u00e9rents plug-ins, appel\u00e9s <strong>overlays<\/strong>, comme UserWay ou WP Accessibility Helper.\nCes outils permettent aux utilisateurs d&rsquo;apporter rapidement des modifications \u00e0 un site web afin de le rendre plus accessible.\nPar exemple, ils peuvent modifier la taille de la police ou ajuster le contraste.\nMais : ils ne <strong>remplacent pas<\/strong> les mesures qui devraient \u00eatre mises en \u0153uvre directement sur le site. <br\/>Sur mon site, j&rsquo;ai install\u00e9 UserWay.\nIl s&rsquo;agit d&rsquo;un plug-in que l&rsquo;on peut activer en cliquant sur l&rsquo;ic\u00f4ne si n\u00e9cessaire.\nIl est ainsi possible d&rsquo;activer une police adapt\u00e9e aux dyslexiques, d&rsquo;agrandir la taille des caract\u00e8res et d&rsquo;afficher des aides \u00e0 la lecture.\nC&rsquo;est un moyen rapide d&rsquo;am\u00e9liorer encore l&rsquo;accessibilit\u00e9.\nM\u00eame si ces superpositions sont critiqu\u00e9es par des organisations telles que \u00ab\u00a0Aktion Mensch\u00a0\u00bb, je pense qu&rsquo;elles constituent un compl\u00e9ment pr\u00e9cieux aux mesures plus globales que j&rsquo;ai d\u00e9j\u00e0 mises en place.       <\/p>\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n<p>La conception de sites Web accessibles n&rsquo;est pas quelque chose que vous devez faire parce qu&rsquo;une loi l&rsquo;exige.\nCela montre que vous vous souciez vraiment de tous les visiteurs.\nEt un site Web accessible n&rsquo;est pas seulement inclusif, il est \u00e9galement convivial et, en fin de compte, il a plus de succ\u00e8s car il touche un public plus large.\nAvec cette liste de contr\u00f4le, vous \u00eates bien \u00e9quip\u00e9 pour rendre votre site Web accessible, \u00e9tape par \u00e9tape.   <br\/><\/p>\n\n<p><strong>Aper\u00e7u de la liste de contr\u00f4le :<\/strong><\/p>\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Liste_de_controle_pour_la_conception_de_sites_Web_accessibles\"><\/span>Liste de contr\u00f4le pour la conception de sites Web accessibles<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Niveau_A_Accessibilite_de_base-2\"><\/span>Niveau A (Accessibilit\u00e9 de base)<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n<h4 class=\"wp-block-heading\">Structurer le contenu :<\/h4>\n\n<ul class=\"wp-block-list\">\n<li>[ ] Appliquer correctement la hi\u00e9rarchie des titres (<code>&lt;h1&gt;<\/code>, <code>&lt;h2&gt;<\/code>, etc.)<\/li>\n\n\n\n<li>[ ] Utiliser un langage simple et clair<\/li>\n\n\n\n<li>[ ] Utiliser des listes et des paragraphes pour structurer le texte<\/li>\n<\/ul>\n\n<h4 class=\"wp-block-heading\">Ajouter des textes alternatifs pour les images :<\/h4>\n\n<ul class=\"wp-block-list\">\n<li>[ ] Cr\u00e9er des textes Alt pr\u00e9cis pour toutes les images pertinentes<\/li>\n\n\n\n<li>[ ] Laisser les textes Alt vides pour les images d\u00e9coratives (<code>alt=\"\"<\/code>)<\/li>\n\n\n\n<li>[ ] \u00c9viter ou d\u00e9crire compl\u00e8tement le texte dans les images<\/li>\n<\/ul>\n\n<h4 class=\"wp-block-heading\">Assurer la navigation au clavier :<\/h4>\n\n<ul class=\"wp-block-list\">\n<li>[ ] Assurer une mise au point visible du clavier pour les \u00e9l\u00e9ments interactifs<\/li>\n\n\n\n<li>[ ] Rendre tous les \u00e9l\u00e9ments interactifs accessibles au clavier<\/li>\n<\/ul>\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Niveau_AA_Accessibilite_etendue-2\"><\/span>Niveau AA (Accessibilit\u00e9 \u00e9tendue)<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n<h4 class=\"wp-block-heading\">V\u00e9rifier les contrastes de couleurs :<\/h4>\n\n<ul class=\"wp-block-list\">\n<li>[ ] Assurer un contraste minimum de 4,5:1<\/li>\n\n\n\n<li>[ ] Ne pas utiliser le code couleur comme seule source d&rsquo;information<\/li>\n\n\n\n<li>[ ] Tester le site en niveaux de gris<\/li>\n<\/ul>\n\n<h4 class=\"wp-block-heading\">Utiliser des polices de caract\u00e8res faciles \u00e0 lire :<\/h4>\n\n<ul class=\"wp-block-list\">\n<li>[ ] utiliser des polices sans serif comme Arial ou Helvetica<\/li>\n\n\n\n<li>[ ] Taille de police minimale de 16px et interligne suffisant<\/li>\n\n\n\n<li>[ ] Utiliser l&rsquo;italique avec parcimonie<\/li>\n<\/ul>\n\n<h4 class=\"wp-block-heading\">Optimiser la structure de navigation :<\/h4>\n\n<ul class=\"wp-block-list\">\n<li>[ ] Assurer une navigation claire et intuitive dans les menus<\/li>\n\n\n\n<li>[ ] Utiliser les Breadcrumbs (navigation en fil d&rsquo;Ariane)<\/li>\n\n\n\n<li>[ ] Proposer des liens de saut vers le contenu principal<\/li>\n<\/ul>\n\n<h4 class=\"wp-block-heading\">Rendre les formulaires accessibles :<\/h4>\n\n<ul class=\"wp-block-list\">\n<li>[ ] \u00c9tiqueter tous les champs de formulaire avec des \u00e9tiquettes claires <code>&lt;label&gt;<\/code><\/li>\n\n\n\n<li>[ ] Ne pas utiliser le texte de l&rsquo;espace r\u00e9serv\u00e9 comme seul libell\u00e9<\/li>\n\n\n\n<li>[ ] Fournir des messages d&rsquo;erreur utiles et clairs<\/li>\n<\/ul>\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Niveau_AAA_accessibilite_maximale-2\"><\/span>Niveau AAA (accessibilit\u00e9 maximale)<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n<h4 class=\"wp-block-heading\">Rendre le contenu des m\u00e9dias accessible :<\/h4>\n\n<ul class=\"wp-block-list\">\n<li>[ ] Ajouter des sous-titres pour toutes les vid\u00e9os<\/li>\n\n\n\n<li>[ ] Fournir une description audio pour les vid\u00e9os complexes<\/li>\n\n\n\n<li>[ ] fournir des transcriptions pour tous les contenus audio<\/li>\n<\/ul>\n\n<h4 class=\"wp-block-heading\">Rendre les documents et les PDF accessibles :<\/h4>\n\n<ul class=\"wp-block-list\">\n<li>[ ] Utiliser des PDF en mode texte plut\u00f4t que des documents num\u00e9ris\u00e9s<\/li>\n\n\n\n<li>[ ] Cr\u00e9er des PDF structur\u00e9s avec des titres et des signets<\/li>\n\n\n\n<li>[ ] Rendre les champs de formulaire accessibles dans les PDF<\/li>\n<\/ul>\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Tests_et_controles_reguliers-2\"><\/span>Tests et contr\u00f4les r\u00e9guliers :<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n<ul class=\"wp-block-list\">\n<li>[ ] Utiliser des outils automatiques comme WAVE ou Lighthouse<\/li>\n\n\n\n<li>[ ] Effectuer des tests manuels avec le clavier et le lecteur d&rsquo;\u00e9cran<\/li>\n\n\n\n<li>[ ] Obtenir r\u00e9guli\u00e8rement les commentaires des utilisateurs<\/li>\n<\/ul>\n\n<p>Vous trouverez ici la <a href=\"https:\/\/nicole-knueppel.com\/wp-content\/uploads\/2024\/09\/nicoleknueppel_checkliste_barrierefreies_webdesign.pdf\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>liste de contr\u00f4le au format PDF<\/strong>.<\/a><\/p>\n\n<p style=\"font-size:16px\">Ce guide fournit des informations g\u00e9n\u00e9rales sur l&rsquo;accessibilit\u00e9 dans la conception de sites Web et ne pr\u00e9tend pas \u00eatre exhaustif.\nIl ne remplace pas les conseils d&rsquo;un professionnel ou un examen juridique.\nPour des questions sp\u00e9cifiques ou des questions juridiques, vous devez consulter un professionnel.  <\/p>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n<p class=\"has-background\" style=\"background-color:#abb7c24d\"><strong>Vous recherchez quelqu&rsquo;un qui puisse prendre en compte l&rsquo;accessibilit\u00e9 lors de la cr\u00e9ation de votre site web ?\nParlons ensemble du projet qui vous tient \u00e0 c\u0153ur ! <\/strong><\/p>\n\n<p><\/p>\n\n<p><\/p>\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-white-color has-text-color has-background has-link-color wp-element-button\" href=\"https:\/\/nicole-knueppel.com\/fr\/contact\/\" style=\"border-radius:0px;background-color:#8c281f;box-shadow:var(--wp--preset--shadow--deep)\"><strong>Convenir d&rsquo;un premier entretien<\/strong><\/a><\/div>\n<\/div>\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vous avez un site web et vous entendez souvent parler d&rsquo;\u00a0\u00bbaccessibilit\u00e9\u00a0\u00bb ? Vous avez peut-\u00eatre d\u00e9j\u00e0 entendu dire que la loi sur l&rsquo;accessibilit\u00e9 pourrait s&rsquo;appliquer \u00e0 vous et vous vous inqui\u00e9tez maintenant de savoir si votre site Web est conforme aux exigences. Gr\u00e2ce \u00e0 cette liste de contr\u00f4le pratique et \u00e0 ce guide \u00e9tape par [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":987506037,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"off","_et_pb_old_content":"","_et_gb_content_width":"","iawp_total_views":7,"footnotes":""},"categories":[29],"tags":[],"class_list":["post-987506208","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-conception-de-sites-web"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Liste de contr\u00f4le pour la conception de sites Web accessibles : guide pas \u00e0 pas - Nicole Kn\u00fcppel<\/title>\n<meta name=\"description\" content=\"Cette liste de contr\u00f4le pratique et ce guide \u00e9tape par \u00e9tape vous permettront de v\u00e9rifier les points essentiels et de rendre votre site accessible \u00e0 tous.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Liste de contr\u00f4le pour la conception de sites Web accessibles : guide pas \u00e0 pas - Nicole Kn\u00fcppel\" \/>\n<meta property=\"og:description\" content=\"Cette liste de contr\u00f4le pratique et ce guide \u00e9tape par \u00e9tape vous permettront de v\u00e9rifier les points essentiels et de rendre votre site accessible \u00e0 tous.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/\" \/>\n<meta property=\"og:site_name\" content=\"Nicole Kn\u00fcppel\" \/>\n<meta property=\"article:published_time\" content=\"2024-08-26T16:38:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-29T15:25:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/nicole-knueppel.com\/wp-content\/uploads\/2024\/08\/checkliste_barrierefreie_website-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"330\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Nicole Kn\u00fcppel\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nicole Kn\u00fcppel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/nicole-knueppel.com\\\/fr\\\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/nicole-knueppel.com\\\/fr\\\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\\\/\"},\"author\":{\"name\":\"Nicole Kn\u00fcppel\",\"@id\":\"https:\\\/\\\/nicole-knueppel.com\\\/fr\\\/#\\\/schema\\\/person\\\/73aa5af01e38a429c4674800159b8950\"},\"headline\":\"Liste de contr\u00f4le pour la conception de sites Web accessibles : guide pas \u00e0 pas\",\"datePublished\":\"2024-08-26T16:38:13+00:00\",\"dateModified\":\"2024-09-29T15:25:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/nicole-knueppel.com\\\/fr\\\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\\\/\"},\"wordCount\":2646,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/nicole-knueppel.com\\\/fr\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/nicole-knueppel.com\\\/fr\\\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/nicole-knueppel.com\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/checkliste_barrierefreie_website-1.png\",\"articleSection\":[\"Conception de sites web\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/nicole-knueppel.com\\\/fr\\\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/nicole-knueppel.com\\\/fr\\\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\\\/\",\"url\":\"https:\\\/\\\/nicole-knueppel.com\\\/fr\\\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\\\/\",\"name\":\"Liste de contr\u00f4le pour la conception de sites Web accessibles : guide pas \u00e0 pas - Nicole Kn\u00fcppel\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/nicole-knueppel.com\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/nicole-knueppel.com\\\/fr\\\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/nicole-knueppel.com\\\/fr\\\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/nicole-knueppel.com\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/checkliste_barrierefreie_website-1.png\",\"datePublished\":\"2024-08-26T16:38:13+00:00\",\"dateModified\":\"2024-09-29T15:25:42+00:00\",\"description\":\"Cette liste de contr\u00f4le pratique et ce guide \u00e9tape par \u00e9tape vous permettront de v\u00e9rifier les points essentiels et de rendre votre site accessible \u00e0 tous.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/nicole-knueppel.com\\\/fr\\\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/nicole-knueppel.com\\\/fr\\\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/nicole-knueppel.com\\\/fr\\\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\\\/#primaryimage\",\"url\":\"https:\\\/\\\/nicole-knueppel.com\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/checkliste_barrierefreie_website-1.png\",\"contentUrl\":\"https:\\\/\\\/nicole-knueppel.com\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/checkliste_barrierefreie_website-1.png\",\"width\":750,\"height\":330},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/nicole-knueppel.com\\\/fr\\\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/nicole-knueppel.com\\\/fr\\\/page-daccueil\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Liste de contr\u00f4le pour la conception de sites Web accessibles : guide pas \u00e0 pas\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/nicole-knueppel.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/nicole-knueppel.com\\\/fr\\\/\",\"name\":\"Nicole Kn\u00fcppel\",\"description\":\"Websiteerstellung mit Wordpress\",\"publisher\":{\"@id\":\"https:\\\/\\\/nicole-knueppel.com\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/nicole-knueppel.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/nicole-knueppel.com\\\/fr\\\/#organization\",\"name\":\"Nicole Kn\u00fcppel\",\"url\":\"https:\\\/\\\/nicole-knueppel.com\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/nicole-knueppel.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/nicole-knueppel.com\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/cropped-icon_nicoleknueppel.png\",\"contentUrl\":\"https:\\\/\\\/nicole-knueppel.com\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/cropped-icon_nicoleknueppel.png\",\"width\":512,\"height\":512,\"caption\":\"Nicole Kn\u00fcppel\"},\"image\":{\"@id\":\"https:\\\/\\\/nicole-knueppel.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/nicole-knueppel.com\\\/fr\\\/#\\\/schema\\\/person\\\/73aa5af01e38a429c4674800159b8950\",\"name\":\"Nicole Kn\u00fcppel\",\"sameAs\":[\"https:\\\/\\\/nicole-knueppel.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Liste de contr\u00f4le pour la conception de sites Web accessibles : guide pas \u00e0 pas - Nicole Kn\u00fcppel","description":"Cette liste de contr\u00f4le pratique et ce guide \u00e9tape par \u00e9tape vous permettront de v\u00e9rifier les points essentiels et de rendre votre site accessible \u00e0 tous.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/","og_locale":"fr_FR","og_type":"article","og_title":"Liste de contr\u00f4le pour la conception de sites Web accessibles : guide pas \u00e0 pas - Nicole Kn\u00fcppel","og_description":"Cette liste de contr\u00f4le pratique et ce guide \u00e9tape par \u00e9tape vous permettront de v\u00e9rifier les points essentiels et de rendre votre site accessible \u00e0 tous.","og_url":"https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/","og_site_name":"Nicole Kn\u00fcppel","article_published_time":"2024-08-26T16:38:13+00:00","article_modified_time":"2024-09-29T15:25:42+00:00","og_image":[{"width":750,"height":330,"url":"https:\/\/nicole-knueppel.com\/wp-content\/uploads\/2024\/08\/checkliste_barrierefreie_website-1.png","type":"image\/png"}],"author":"Nicole Kn\u00fcppel","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"Nicole Kn\u00fcppel","Dur\u00e9e de lecture estim\u00e9e":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/#article","isPartOf":{"@id":"https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/"},"author":{"name":"Nicole Kn\u00fcppel","@id":"https:\/\/nicole-knueppel.com\/fr\/#\/schema\/person\/73aa5af01e38a429c4674800159b8950"},"headline":"Liste de contr\u00f4le pour la conception de sites Web accessibles : guide pas \u00e0 pas","datePublished":"2024-08-26T16:38:13+00:00","dateModified":"2024-09-29T15:25:42+00:00","mainEntityOfPage":{"@id":"https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/"},"wordCount":2646,"commentCount":0,"publisher":{"@id":"https:\/\/nicole-knueppel.com\/fr\/#organization"},"image":{"@id":"https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/#primaryimage"},"thumbnailUrl":"https:\/\/nicole-knueppel.com\/wp-content\/uploads\/2024\/08\/checkliste_barrierefreie_website-1.png","articleSection":["Conception de sites web"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/","url":"https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/","name":"Liste de contr\u00f4le pour la conception de sites Web accessibles : guide pas \u00e0 pas - Nicole Kn\u00fcppel","isPartOf":{"@id":"https:\/\/nicole-knueppel.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/#primaryimage"},"image":{"@id":"https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/#primaryimage"},"thumbnailUrl":"https:\/\/nicole-knueppel.com\/wp-content\/uploads\/2024\/08\/checkliste_barrierefreie_website-1.png","datePublished":"2024-08-26T16:38:13+00:00","dateModified":"2024-09-29T15:25:42+00:00","description":"Cette liste de contr\u00f4le pratique et ce guide \u00e9tape par \u00e9tape vous permettront de v\u00e9rifier les points essentiels et de rendre votre site accessible \u00e0 tous.","breadcrumb":{"@id":"https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/#primaryimage","url":"https:\/\/nicole-knueppel.com\/wp-content\/uploads\/2024\/08\/checkliste_barrierefreie_website-1.png","contentUrl":"https:\/\/nicole-knueppel.com\/wp-content\/uploads\/2024\/08\/checkliste_barrierefreie_website-1.png","width":750,"height":330},{"@type":"BreadcrumbList","@id":"https:\/\/nicole-knueppel.com\/fr\/liste-de-controle-pour-la-conception-de-sites-web-accessibles-guide-pas-a-pas\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/nicole-knueppel.com\/fr\/page-daccueil\/"},{"@type":"ListItem","position":2,"name":"Liste de contr\u00f4le pour la conception de sites Web accessibles : guide pas \u00e0 pas"}]},{"@type":"WebSite","@id":"https:\/\/nicole-knueppel.com\/fr\/#website","url":"https:\/\/nicole-knueppel.com\/fr\/","name":"Nicole Kn\u00fcppel","description":"Websiteerstellung mit Wordpress","publisher":{"@id":"https:\/\/nicole-knueppel.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/nicole-knueppel.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/nicole-knueppel.com\/fr\/#organization","name":"Nicole Kn\u00fcppel","url":"https:\/\/nicole-knueppel.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/nicole-knueppel.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/nicole-knueppel.com\/wp-content\/uploads\/2022\/12\/cropped-icon_nicoleknueppel.png","contentUrl":"https:\/\/nicole-knueppel.com\/wp-content\/uploads\/2022\/12\/cropped-icon_nicoleknueppel.png","width":512,"height":512,"caption":"Nicole Kn\u00fcppel"},"image":{"@id":"https:\/\/nicole-knueppel.com\/fr\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/nicole-knueppel.com\/fr\/#\/schema\/person\/73aa5af01e38a429c4674800159b8950","name":"Nicole Kn\u00fcppel","sameAs":["https:\/\/nicole-knueppel.com"]}]}},"_links":{"self":[{"href":"https:\/\/nicole-knueppel.com\/fr\/wp-json\/wp\/v2\/posts\/987506208","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nicole-knueppel.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nicole-knueppel.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nicole-knueppel.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nicole-knueppel.com\/fr\/wp-json\/wp\/v2\/comments?post=987506208"}],"version-history":[{"count":1,"href":"https:\/\/nicole-knueppel.com\/fr\/wp-json\/wp\/v2\/posts\/987506208\/revisions"}],"predecessor-version":[{"id":987506209,"href":"https:\/\/nicole-knueppel.com\/fr\/wp-json\/wp\/v2\/posts\/987506208\/revisions\/987506209"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nicole-knueppel.com\/fr\/wp-json\/wp\/v2\/media\/987506037"}],"wp:attachment":[{"href":"https:\/\/nicole-knueppel.com\/fr\/wp-json\/wp\/v2\/media?parent=987506208"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nicole-knueppel.com\/fr\/wp-json\/wp\/v2\/categories?post=987506208"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nicole-knueppel.com\/fr\/wp-json\/wp\/v2\/tags?post=987506208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}