{"id":382,"date":"2026-09-28T23:15:57","date_gmt":"2026-09-28T23:15:57","guid":{"rendered":"https:\/\/wplook.ca\/fr\/expertise\/accessibilite-web\/"},"modified":"2026-09-29T00:16:05","modified_gmt":"2026-09-29T00:16:05","slug":"accessibilite-web","status":"publish","type":"page","link":"https:\/\/wplook.ca\/fr\/expertise\/accessibilite-web\/","title":{"rendered":"D\u00e9veloppement WordPress accessible"},"content":{"rendered":"<section style=\"background-color:#f3f3f3\" class=\"wpl-section wpl-section--pt-medium wpl-section--pb-medium wpl-hero-brand wp-block-wpl-section\">\n\t\t\t\t<div class=\"grid-container\">\n\t\t\t\n\t<div class=\"grid-x grid-margin-x grid-padding-x wpl-section-heading wp-block-wpl-section-heading\">\n\t\t<div class=\"cell small-12 medium-8\">\n\t\t\t\t\t\t\t<span class=\"section-subtitle\">Accessibilit\u00e9<\/span>\n\t\t\t\t\t\t\t\t\t\t<h1 class=\"wpl-display-title\">D\u00e9veloppement WordPress accessible<\/h1>\n\t\t\t\t\t<\/div>\n\t<\/div>\n\n\n\t<div class=\"grid-x grid-margin-x grid-padding-x wp-block-wpl-grid\">\n\t\t\n<div class=\"cell small-12 medium-7 wp-block-wpl-cell\">\n\t\n\n<p class=\"wp-block-paragraph\">L&rsquo;accessibilit\u00e9 est une exigence dans la majeure partie de notre travail, pas une ligne d&rsquo;am\u00e9lioration sur le devis. Nous construisons selon les WCAG 2.1 AA par d\u00e9faut, selon les WCAG 2.2 AA quand un projet ou un appel d&rsquo;offres le pr\u00e9cise, et nous pr\u00e9parons le site pour que le contenu ajout\u00e9 apr\u00e8s le lancement reste accessible sans d\u00e9veloppeur dans la pi\u00e8ce.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Les WCAG 2.1 AA comme norme de construction par d\u00e9faut, 2.2 AA quand c&rsquo;est pr\u00e9cis\u00e9<\/li>\n\n<li>Con\u00e7ue et int\u00e9gr\u00e9e, plut\u00f4t qu&rsquo;audit\u00e9e \u00e0 la fin<\/li>\n\n<li>Des garde-fous dans l&rsquo;\u00e9diteur, pour que l&rsquo;accessibilit\u00e9 survive aux prochaines centaines de pages<\/li>\n\n<li>L&rsquo;information technique qu&rsquo;exige une r\u00e9ponse d&rsquo;appel d&rsquo;offres, tir\u00e9e de ce que la construction fait r\u00e9ellement<\/li>\n<\/ul>\n\n<\/div>\n\n\n<div class=\"cell small-12 medium-5 large-auto align-self-top wp-block-wpl-cell\">\n\t\n<div class=\"wpl-button-wrap text-right wp-block-wpl-button\">\n\t<a\n\t\thref=\"\/fr\/soumission\/\"\n\t\tclass=\"button action-button red large\"\n\t\t\t>\n\t\t\t\tParler de votre projet\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i>\t\t\t<\/a>\n<\/div>\n\n<\/div>\n\n\t<\/div>\n\n\t\t<\/div>\n\t<\/section>\n\n\n<section class=\"wpl-section wpl-section--pt-medium wpl-section--pb-medium wpl-section--rays wp-block-wpl-section\">\n\t\t\t\t<div class=\"grid-container\">\n\t\t\t\n\t<div class=\"grid-x grid-margin-x grid-padding-x wpl-section-heading wp-block-wpl-section-heading\">\n\t\t<div class=\"cell small-12 medium-8\">\n\t\t\t\t\t\t\t<span class=\"section-subtitle\">Pourquoi c&rsquo;est not\u00e9<\/span>\n\t\t\t\t\t\t\t\t\t\t<h2>L&rsquo;accessibilit\u00e9 est un poste \u00e9valu\u00e9, pas une case \u00e0 cocher<\/h2>\n\t\t\t\t\t<\/div>\n\t<\/div>\n\n\n\t<div class=\"grid-x grid-margin-x grid-padding-x wp-block-wpl-grid\">\n\t\t\n<div class=\"cell small-12 medium-12 wp-block-wpl-cell\">\n\t\n\n<p class=\"wp-block-paragraph\">L&rsquo;approvisionnement public et institutionnel au Canada nomme couramment une norme d&rsquo;accessibilit\u00e9 dans les exigences : les WCAG 2.1 ou 2.2 au niveau AA, la <em>Loi canadienne sur l&rsquo;accessibilit\u00e9<\/em> pour les organisations sous r\u00e9glementation f\u00e9d\u00e9rale, la LAPHO en Ontario, les standards SGQRI 008 du gouvernement du Qu\u00e9bec pour les organismes publics provinciaux, ou EN 301 549 quand une r\u00e9f\u00e9rence europ\u00e9enne est utilis\u00e9e. Laquelle s&rsquo;applique d\u00e9pend de qui ach\u00e8te et de ce qui est achet\u00e9.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ce qu&rsquo;elles ont en commun, c&rsquo;est que la question re\u00e7oit rarement une r\u00e9ponse par oui ou par non. Elle est not\u00e9e. Un \u00e9valuateur compare ce que deux fournisseurs ont dit qu&rsquo;ils construiraient, comment ils le prouveraient, et ce qu&rsquo;il advient du site dix-huit mois plus tard quand un agent des communications a ajout\u00e9 deux cents pages. Ce sont trois r\u00e9ponses diff\u00e9rentes, et la plupart des soumissions ne donnent que la premi\u00e8re.<\/p>\n\n<\/div>\n\n\t<\/div>\n\n\n\t<div class=\"grid-x grid-margin-x grid-padding-x wp-block-wpl-grid\">\n\t\t\n<div class=\"cell small-12 medium-6 large-6 wp-block-wpl-service-item\">\n\t<div class=\"services-block services-block--numbered\">\n\t\t\t\t\t<i class=\"fa-solid fa-file-contract services-block__bg-icon\" aria-hidden=\"true\"><\/i>\n\t\t\n\t\t\n\t\t\t\t\t<div class=\"services-block__icon\">\n\t\t\t\t<i class=\"fa-solid fa-file-contract\" aria-hidden=\"true\"><\/i>\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<h4>Nommer la norme par \u00e9crit<\/h4>\n\t\t\n\t\t\t\t\t<p>La premi\u00e8re chose que nous r\u00e9glons est de savoir quelle norme et quel niveau s&rsquo;appliquent, et nous l&rsquo;inscrivons dans la port\u00e9e. \u00ab Accessible \u00bb tout seul n&rsquo;est pas une sp\u00e9cification, et un projet qui ne nomme jamais une version ne peut pas \u00eatre test\u00e9 contre une \u00e0 la fin.<\/p>\t\t\n\t\t\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"cell small-12 medium-6 large-6 wp-block-wpl-service-item\">\n\t<div class=\"services-block services-block--numbered\">\n\t\t\t\t\t<i class=\"fa-solid fa-clipboard-check services-block__bg-icon\" aria-hidden=\"true\"><\/i>\n\t\t\n\t\t\n\t\t\t\t\t<div class=\"services-block__icon\">\n\t\t\t\t<i class=\"fa-solid fa-clipboard-check\" aria-hidden=\"true\"><\/i>\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<h4>Des preuves plut\u00f4t que des affirmations<\/h4>\n\t\t\n\t\t\t\t\t<p>Une d\u00e9claration de conformit\u00e9 que personne ne peut v\u00e9rifier ne vaut rien dans une \u00e9valuation. Nous consignons selon quoi le site a \u00e9t\u00e9 construit, ce qui a \u00e9t\u00e9 test\u00e9, comment, et ce qui est connu comme non conforme.<\/p>\t\t\n\t\t\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"cell small-12 medium-6 large-6 wp-block-wpl-service-item\">\n\t<div class=\"services-block services-block--numbered\">\n\t\t\t\t\t<i class=\"fa-solid fa-arrow-trend-down services-block__bg-icon\" aria-hidden=\"true\"><\/i>\n\t\t\n\t\t\t\t<a href=\"\/fr\/expertise\/maintenance-et-soutien\/\" class=\"services-block__link\">\n\t\t\n\t\t\t\t\t<div class=\"services-block__icon\">\n\t\t\t\t<i class=\"fa-solid fa-arrow-trend-down\" aria-hidden=\"true\"><\/i>\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<h4>Ce qui arrive apr\u00e8s le lancement<\/h4>\n\t\t\n\t\t\t\t\t<p>Presque tous les sites qui \u00e9chouent \u00e0 une r\u00e9vision d&rsquo;accessibilit\u00e9 la r\u00e9ussissaient au premier jour. Les \u00e9checs arrivent avec le contenu. L&rsquo;exp\u00e9rience d&rsquo;\u00e9dition fait partie du livrable, pas d&rsquo;une formation en fin de parcours.<\/p>\t\t\n\t\t\n\t\t\t\t<\/a>\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"cell small-12 medium-6 large-6 wp-block-wpl-service-item\">\n\t<div class=\"services-block services-block--numbered\">\n\t\t\t\t\t<i class=\"fa-solid fa-file-pdf services-block__bg-icon\" aria-hidden=\"true\"><\/i>\n\t\t\n\t\t\n\t\t\t\t\t<div class=\"services-block__icon\">\n\t\t\t\t<i class=\"fa-solid fa-file-pdf\" aria-hidden=\"true\"><\/i>\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<h4>Documents et services int\u00e9gr\u00e9s<\/h4>\n\t\t\n\t\t\t\t\t<p>PDF, cartes, lecteurs vid\u00e9o, fen\u00eatres de clavardage et bandeaux de consentement sont g\u00e9n\u00e9ralement l&rsquo;endroit o\u00f9 la conformit\u00e9 casse r\u00e9ellement, et ils sont g\u00e9n\u00e9ralement hors du th\u00e8me. Ils doivent \u00eatre dans la port\u00e9e ou explicitement hors de celle-ci.<\/p>\t\t\n\t\t\n\t\t\t<\/div>\n<\/div>\n\n\t<\/div>\n\n\t\t<\/div>\n\t<\/section>\n\n\n<section style=\"background-color:#f3f3f3\" class=\"wpl-section wpl-section--pt-medium wpl-section--pb-medium wpl-section--rays wp-block-wpl-section\">\n\t\t\t\t<div class=\"grid-container\">\n\t\t\t\n\t<div class=\"grid-x grid-margin-x grid-padding-x wpl-section-heading wp-block-wpl-section-heading\">\n\t\t<div class=\"cell small-12 medium-8\">\n\t\t\t\t\t\t\t<span class=\"section-subtitle\">Ce selon quoi nous construisons<\/span>\n\t\t\t\t\t\t\t\t\t\t<h2>Les parties d&rsquo;une construction qui d\u00e9cident du r\u00e9sultat<\/h2>\n\t\t\t\t\t<\/div>\n\t<\/div>\n\n\n\t<div class=\"grid-x grid-margin-x grid-padding-x wp-block-wpl-grid\">\n\t\t\n<div class=\"cell small-12 medium-12 wp-block-wpl-cell\">\n\t\n\n<p class=\"wp-block-paragraph\">L&rsquo;accessibilit\u00e9 dans un projet WordPress n&rsquo;est pas une t\u00e2che. C&rsquo;est un ensemble de d\u00e9cisions r\u00e9parties dans le design, le th\u00e8me, la biblioth\u00e8que de blocs et l&rsquo;exp\u00e9rience d&rsquo;\u00e9dition, dont la plupart sont bon march\u00e9 quand elles sont prises t\u00f4t et co\u00fbteuses quand elles sont d\u00e9couvertes en tests.<\/p>\n\n<\/div>\n\n\t<\/div>\n\n\n\t<div class=\"grid-x grid-margin-x grid-padding-x wp-block-wpl-grid\">\n\t\t\n<div class=\"cell small-12 medium-6 large-4 wp-block-wpl-service-item\">\n\t<div class=\"services-block\">\n\t\t\t\t\t<i class=\"fa-solid fa-sitemap services-block__bg-icon\" aria-hidden=\"true\"><\/i>\n\t\t\n\t\t\n\t\t\t\t\t<div class=\"services-block__icon\">\n\t\t\t\t<i class=\"fa-solid fa-sitemap\" aria-hidden=\"true\"><\/i>\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<h4>Structure s\u00e9mantique et points de rep\u00e8re<\/h4>\n\t\t\n\t\t\t\t\t<p>Ordre de titres correct, vrais points de rep\u00e8re, listes qui sont des listes, et tableaux utilis\u00e9s pour des donn\u00e9es plut\u00f4t que pour la mise en page. La navigation au lecteur d&rsquo;\u00e9cran en d\u00e9pend presque enti\u00e8rement, et c&rsquo;est la chose la moins ch\u00e8re \u00e0 bien faire et la plus perturbante \u00e0 corriger apr\u00e8s coup.<\/p>\t\t\n\t\t\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"cell small-12 medium-6 large-4 wp-block-wpl-service-item\">\n\t<div class=\"services-block\">\n\t\t\t\t\t<i class=\"fa-solid fa-keyboard services-block__bg-icon\" aria-hidden=\"true\"><\/i>\n\t\t\n\t\t\n\t\t\t\t\t<div class=\"services-block__icon\">\n\t\t\t\t<i class=\"fa-solid fa-keyboard\" aria-hidden=\"true\"><\/i>\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<h4>Op\u00e9ration au clavier<\/h4>\n\t\t\n\t\t\t\t\t<p>Chaque \u00e9l\u00e9ment interactif atteignable et utilisable au clavier, dans un ordre sens\u00e9, sans rien o\u00f9 l&rsquo;on puisse entrer sans pouvoir sortir. Menus, accord\u00e9ons, fen\u00eatres modales et carrousels sont l&rsquo;endroit o\u00f9 cela se gagne ou se perd.<\/p>\t\t\n\t\t\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"cell small-12 medium-6 large-4 wp-block-wpl-service-item\">\n\t<div class=\"services-block\">\n\t\t\t\t\t<i class=\"fa-solid fa-circle-half-stroke services-block__bg-icon\" aria-hidden=\"true\"><\/i>\n\t\t\n\t\t\n\t\t\t\t\t<div class=\"services-block__icon\">\n\t\t\t\t<i class=\"fa-solid fa-circle-half-stroke\" aria-hidden=\"true\"><\/i>\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<h4>Couleur et contraste<\/h4>\n\t\t\n\t\t\t\t\t<p>Contraste v\u00e9rifi\u00e9 dans la palette, avant qu&rsquo;elle n&rsquo;atteigne une maquette, y compris le texte sur images, les \u00e9tats d\u00e9sactiv\u00e9s, les indicateurs de focus et les couleurs de graphiques. Les palettes de marque \u00e9chouent fr\u00e9quemment au niveau AA, et c&rsquo;est une conversation \u00e0 avoir en premi\u00e8re semaine, pas en assurance qualit\u00e9.<\/p>\t\t\n\t\t\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"cell small-12 medium-6 large-4 wp-block-wpl-service-item\">\n\t<div class=\"services-block\">\n\t\t\t\t\t<i class=\"fa-solid fa-wand-magic-sparkles services-block__bg-icon\" aria-hidden=\"true\"><\/i>\n\t\t\n\t\t\n\t\t\t\t\t<div class=\"services-block__icon\">\n\t\t\t\t<i class=\"fa-solid fa-wand-magic-sparkles\" aria-hidden=\"true\"><\/i>\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<h4>Focus, mouvement et d\u00e9lais<\/h4>\n\t\t\n\t\t\t\t\t<p>Un indicateur de focus visible qui n&rsquo;est pas celui du navigateur masqu\u00e9 par une r\u00e9initialisation. Des animations qui respectent <code>prefers-reduced-motion<\/code>. Aucun carrousel qui d\u00e9file seul sans commande pour l&rsquo;arr\u00eater, et aucun d\u00e9lai qu&rsquo;une personne ne peut prolonger.<\/p>\t\t\n\t\t\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"cell small-12 medium-6 large-4 wp-block-wpl-service-item\">\n\t<div class=\"services-block\">\n\t\t\t\t\t<i class=\"fa-solid fa-list-check services-block__bg-icon\" aria-hidden=\"true\"><\/i>\n\t\t\n\t\t\n\t\t\t\t\t<div class=\"services-block__icon\">\n\t\t\t\t<i class=\"fa-solid fa-list-check\" aria-hidden=\"true\"><\/i>\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<h4>Formulaires et gestion des erreurs<\/h4>\n\t\t\n\t\t\t\t\t<p>\u00c9tiquettes li\u00e9es aux champs, erreurs annonc\u00e9es et associ\u00e9es au champ qui les a caus\u00e9es, champs obligatoires signal\u00e9s autrement que par la couleur, et un parcours d&rsquo;envoi qui fonctionne sans que JavaScript r\u00e9organise la page sous l&rsquo;utilisateur.<\/p>\t\t\n\t\t\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"cell small-12 medium-6 large-4 wp-block-wpl-service-item\">\n\t<div class=\"services-block\">\n\t\t\t\t\t<i class=\"fa-solid fa-code services-block__bg-icon\" aria-hidden=\"true\"><\/i>\n\t\t\n\t\t\n\t\t\t\t\t<div class=\"services-block__icon\">\n\t\t\t\t<i class=\"fa-solid fa-code\" aria-hidden=\"true\"><\/i>\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<h4>ARIA en dernier, pas en premier<\/h4>\n\t\t\n\t\t\t\t\t<p>Des \u00e9l\u00e9ments natifs partout o\u00f9 un \u00e9l\u00e9ment natif existe. ARIA sert \u00e0 d\u00e9crire un comportement que le HTML ne peut pas, pas \u00e0 masquer un balisage qui aurait d\u00fb \u00eatre un bouton. La plupart des ARIA cass\u00e9s que nous trouvons ont \u00e9t\u00e9 ajout\u00e9s pour faire taire un outil d&rsquo;audit.<\/p>\t\t\n\t\t\n\t\t\t<\/div>\n<\/div>\n\n\t<\/div>\n\n\t\t<\/div>\n\t<\/section>\n\n\n<section class=\"wpl-section wpl-section--pt-medium wpl-section--pb-medium wpl-section--rays wp-block-wpl-section\">\n\t\t\t\t<div class=\"grid-container\">\n\t\t\t\n\t<div class=\"grid-x grid-margin-x grid-padding-x wpl-section-heading wp-block-wpl-section-heading\">\n\t\t<div class=\"cell small-12 medium-8\">\n\t\t\t\t\t\t\t<span class=\"section-subtitle\">Modes d&rsquo;\u00e9chec<\/span>\n\t\t\t\t\t\t\t\t\t\t<h2>O\u00f9 l&rsquo;accessibilit\u00e9 se perd r\u00e9ellement<\/h2>\n\t\t\t\t\t<\/div>\n\t<\/div>\n\n\n\t<div class=\"grid-x grid-margin-x grid-padding-x wp-block-wpl-grid\">\n\t\t\n<div class=\"cell small-12 medium-12 wp-block-wpl-cell\">\n\t\n\n<p class=\"wp-block-paragraph\">En pratique, les sites \u00e9chouent rarement sur le th\u00e8me qu&rsquo;un d\u00e9veloppeur a \u00e9crit. Ils \u00e9chouent sur ce qui y est rattach\u00e9. Voici les six que nous rencontrons le plus souvent, et les six sont des d\u00e9cisions plut\u00f4t que des accidents.<\/p>\n\n<\/div>\n\n\t<\/div>\n\n\n\t<div class=\"grid-x grid-margin-x grid-padding-x wp-block-wpl-grid\">\n\t\t\n<div class=\"cell small-12 medium-6 large-4 wp-block-wpl-service-item\">\n\t<div class=\"services-block\">\n\t\t\t\t\t<i class=\"fa-solid fa-plug-circle-exclamation services-block__bg-icon\" aria-hidden=\"true\"><\/i>\n\t\t\n\t\t\n\t\t\t\t\t<div class=\"services-block__icon\">\n\t\t\t\t<i class=\"fa-solid fa-plug-circle-exclamation\" aria-hidden=\"true\"><\/i>\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<h4>Des extensions qui apportent leur propre balisage<\/h4>\n\t\t\n\t\t\t\t\t<p>Une extension choisie pour ses fonctions apporte sa propre interface, et vous h\u00e9ritez de ce qu&rsquo;elle fait du focus, du contraste et des r\u00f4les. Nous v\u00e9rifions ce qu&rsquo;une extension affiche avant qu&rsquo;elle n&rsquo;entre dans la pile, et construisons le composant nous-m\u00eames quand la r\u00e9ponse est assez mauvaise.<\/p>\t\t\n\t\t\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"cell small-12 medium-6 large-4 wp-block-wpl-service-item\">\n\t<div class=\"services-block\">\n\t\t\t\t\t<i class=\"fa-solid fa-layer-group services-block__bg-icon\" aria-hidden=\"true\"><\/i>\n\t\t\n\t\t\n\t\t\t\t\t<div class=\"services-block__icon\">\n\t\t\t\t<i class=\"fa-solid fa-layer-group\" aria-hidden=\"true\"><\/i>\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<h4>Des composants interactifs faits maison<\/h4>\n\t\t\n\t\t\t\t\t<p>Accord\u00e9ons, onglets, fen\u00eatres modales et carrousels \u00e9crits \u00e0 partir de rien sont la source la plus courante de pi\u00e8ges au clavier. Nous les construisons une fois, correctement, dans la biblioth\u00e8que de blocs, pour qu&rsquo;ils soient justes partout o\u00f9 ils apparaissent.<\/p>\t\t\n\t\t\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"cell small-12 medium-6 large-4 wp-block-wpl-service-item\">\n\t<div class=\"services-block\">\n\t\t\t\t\t<i class=\"fa-solid fa-file-pdf services-block__bg-icon\" aria-hidden=\"true\"><\/i>\n\t\t\n\t\t\n\t\t\t\t\t<div class=\"services-block__icon\">\n\t\t\t\t<i class=\"fa-solid fa-file-pdf\" aria-hidden=\"true\"><\/i>\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<h4>Des PDF trait\u00e9s comme du contenu<\/h4>\n\t\t\n\t\t\t\t\t<p>Ordres du jour, rapports et formulaires publi\u00e9s en PDF sont hors de la conformit\u00e9 du site et g\u00e9n\u00e9ralement dans l&rsquo;obligation. Soit le document est corrig\u00e9, soit l&rsquo;information existe aussi sous forme de page. Les deux sont valables ; faire comme si la question n&rsquo;existait pas ne l&rsquo;est pas.<\/p>\t\t\n\t\t\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"cell small-12 medium-6 large-4 wp-block-wpl-service-item\">\n\t<div class=\"services-block\">\n\t\t\t\t\t<i class=\"fa-solid fa-window-restore services-block__bg-icon\" aria-hidden=\"true\"><\/i>\n\t\t\n\t\t\n\t\t\t\t\t<div class=\"services-block__icon\">\n\t\t\t\t<i class=\"fa-solid fa-window-restore\" aria-hidden=\"true\"><\/i>\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<h4>Des int\u00e9grations tierces<\/h4>\n\t\t\n\t\t\t\t\t<p>Cartes, lecteurs vid\u00e9o, outils de r\u00e9servation, clavardage et bandeaux de consentement sont affich\u00e9s par le code de quelqu&rsquo;un d&rsquo;autre. Les bandeaux de consentement en particulier peuvent prendre le focus au chargement et refuser de le rendre. Chacun doit \u00eatre test\u00e9, remplac\u00e9, ou d\u00e9clar\u00e9 comme exception connue.<\/p>\t\t\n\t\t\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"cell small-12 medium-6 large-4 wp-block-wpl-service-item\">\n\t<div class=\"services-block\">\n\t\t\t\t\t<i class=\"fa-solid fa-palette services-block__bg-icon\" aria-hidden=\"true\"><\/i>\n\t\t\n\t\t\n\t\t\t\t\t<div class=\"services-block__icon\">\n\t\t\t\t<i class=\"fa-solid fa-palette\" aria-hidden=\"true\"><\/i>\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<h4>Des palettes de marque qui ne peuvent pas passer<\/h4>\n\t\t\n\t\t\t\t\t<p>Une palette approuv\u00e9e dans un guide de marque peut rendre le contraste AA impossible sur les boutons et les petits textes. C&rsquo;est soluble, g\u00e9n\u00e9ralement avec une variante plus fonc\u00e9e r\u00e9serv\u00e9e \u00e0 l&rsquo;interface, mais seulement tant que le design est encore ouvert.<\/p>\t\t\n\t\t\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"cell small-12 medium-6 large-4 wp-block-wpl-service-item\">\n\t<div class=\"services-block\">\n\t\t\t\t\t<i class=\"fa-solid fa-pen-to-square services-block__bg-icon\" aria-hidden=\"true\"><\/i>\n\t\t\n\t\t\t\t<a href=\"\/fr\/expertise\/developpement-blocs-gutenberg\/\" class=\"services-block__link\">\n\t\t\n\t\t\t\t\t<div class=\"services-block__icon\">\n\t\t\t\t<i class=\"fa-solid fa-pen-to-square\" aria-hidden=\"true\"><\/i>\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<h4>Du contenu ajout\u00e9 apr\u00e8s le lancement<\/h4>\n\t\t\n\t\t\t\t\t<p>Styles coll\u00e9s, images sans texte de remplacement, niveaux de titre choisis pour leur taille, et liens \u00ab cliquez ici \u00bb. C&rsquo;est la plus grande cause de d\u00e9rive, et le seul correctif durable est dans l&rsquo;\u00e9diteur plut\u00f4t que dans une s\u00e9ance de formation.<\/p>\t\t\n\t\t\n\t\t\t\t<\/a>\n\t\t\t<\/div>\n<\/div>\n\n\t<\/div>\n\n\t\t<\/div>\n\t<\/section>\n\n\n<section style=\"background-color:#f3f3f3\" class=\"wpl-section wpl-section--pt-medium wpl-section--pb-medium wpl-section--rays wp-block-wpl-section\">\n\t\t\t\t<div class=\"grid-container\">\n\t\t\t\n\t<div class=\"grid-x grid-margin-x grid-padding-x wpl-section-heading wp-block-wpl-section-heading\">\n\t\t<div class=\"cell small-12 medium-8\">\n\t\t\t\t\t\t\t<span class=\"section-subtitle\">Le risque \u00e0 long terme<\/span>\n\t\t\t\t\t\t\t\t\t\t<h2>L&rsquo;exp\u00e9rience d&rsquo;\u00e9dition est le livrable qui garde le site conforme<\/h2>\n\t\t\t\t\t<\/div>\n\t<\/div>\n\n\n\t<div class=\"grid-x grid-margin-x grid-padding-x wp-block-wpl-grid\">\n\t\t\n<div class=\"cell small-12 medium-12 wp-block-wpl-cell\">\n\t\n\n<p class=\"wp-block-paragraph\">Un site est accessible le jour de son lancement parce que des d\u00e9veloppeurs l&rsquo;ont construit ainsi. Il est accessible deux ans plus tard parce que les personnes qui ajoutent du contenu ne pouvaient pas facilement le casser. Ce sont deux probl\u00e8mes diff\u00e9rents, et un seul se r\u00e8gle par une revue de code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nous construisons les interfaces \u00e9ditoriales comme des syst\u00e8mes de blocs contraints plut\u00f4t que comme des toiles ouvertes : des composants qui portent d\u00e9j\u00e0 la bonne structure, des titres qui suivent le plan du document au lieu d&rsquo;\u00eatre choisis pour leur taille, des champs d&rsquo;image qui demandent un texte de remplacement l\u00e0 o\u00f9 il en faut un, et des mises en page qu&rsquo;un r\u00e9dacteur ne peut pas r\u00e9organiser accidentellement dans un ordre illisible. Quand un motif a des exigences d&rsquo;accessibilit\u00e9 qu&rsquo;un r\u00e9dacteur ne peut pas voir (un contraste minimal, une \u00e9tiquette obligatoire, une l\u00e9gende), le bloc les impose plut\u00f4t que de les documenter.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le r\u00e9sultat est plus \u00e9troit qu&rsquo;un constructeur de pages, d\u00e9lib\u00e9r\u00e9ment. Un r\u00e9dacteur renonce \u00e0 placer n&rsquo;importe quoi n&rsquo;importe o\u00f9, et obtient un syst\u00e8me o\u00f9 l&rsquo;option accessible est celle par d\u00e9faut et o\u00f9 l&rsquo;option inaccessible n&rsquo;est le plus souvent pas offerte.<\/p>\n\n<\/div>\n\n\t<\/div>\n\n\t\t<\/div>\n\t<\/section>\n\n\n<section id=\"accessibility-cta\" style=\"background-color:#d7162d\" class=\"wpl-section wpl-section--pt-medium wpl-section--pb-medium wpl-section--light wp-block-wpl-section\">\n\t\t\t\t<div class=\"grid-container\">\n\t\t\t\n\t<div class=\"grid-x grid-margin-x grid-padding-x wpl-section-heading wp-block-wpl-section-heading\">\n\t\t<div class=\"cell small-12 medium-8\">\n\t\t\t\t\t\t\t<span class=\"section-subtitle\">D\u00e9marrer un projet<\/span>\n\t\t\t\t\t\t\t\t\t\t<h2>L&rsquo;accessibilit\u00e9 fait partie de vos exigences?<\/h2>\n\t\t\t\t\t<\/div>\n\t<\/div>\n\n\n\t<div class=\"grid-x grid-margin-x grid-padding-x wp-block-wpl-grid\">\n\t\t\n<div class=\"cell small-12 medium-8 wp-block-wpl-cell\">\n\t\n\n<p class=\"wp-block-paragraph\">Dites-nous quelle norme s&rsquo;applique et ce que le site doit faire. Nous vous dirons ce qu&rsquo;il faut pour l&rsquo;atteindre, ce qui tombe hors du site web, et ce que cela co\u00fbte, avant que vous vous engagiez sur tout le projet.<\/p>\n\n<\/div>\n\n\n<div class=\"cell small-12 medium-4 large-auto align-self-middle wp-block-wpl-cell\">\n\t\n<div class=\"wpl-button-wrap text-right wp-block-wpl-button\">\n\t<a\n\t\thref=\"\/fr\/soumission\/\"\n\t\tclass=\"button action-button white large\"\n\t\t\t>\n\t\t\t\tParlez-nous de votre projet\t\t\t\t\t<i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"><\/i>\t\t\t<\/a>\n<\/div>\n\n<\/div>\n\n\t<\/div>\n\n\t\t<\/div>\n\t<\/section>\n\n\n<section class=\"wpl-section wpl-section--pt-medium wpl-section--pb-medium wpl-section--rays wp-block-wpl-section\">\n\t\t\t\t<div class=\"grid-container\">\n\t\t\t\n\t<div class=\"grid-x grid-margin-x grid-padding-x wpl-section-heading wp-block-wpl-section-heading\">\n\t\t<div class=\"cell small-12 medium-8\">\n\t\t\t\t\t\t\t<span class=\"section-subtitle\">Processus<\/span>\n\t\t\t\t\t\t\t\t\t\t<h2>O\u00f9 l&rsquo;accessibilit\u00e9 se situe dans la construction<\/h2>\n\t\t\t\t\t<\/div>\n\t<\/div>\n\n\n\t<div class=\"grid-x grid-margin-x grid-padding-x wp-block-wpl-grid\">\n\t\t\n<div class=\"cell small-12 medium-6 large-4 wp-block-wpl-service-item\">\n\t<div class=\"services-block services-block--numbered\">\n\t\t\n\t\t\n\t\t\n\t\t\t\t\t<h4>Exigences<\/h4>\n\t\t\n\t\t\t\t\t<p>La norme, le niveau et la port\u00e9e sont \u00e9crits, y compris quels services tiers et quels types de documents sont dedans ou dehors. Si le projet est une r\u00e9ponse d&rsquo;appel d&rsquo;offres, cela vient de l&rsquo;appel d&rsquo;offres plut\u00f4t que d&rsquo;une supposition.<\/p>\t\t\n\t\t\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"cell small-12 medium-6 large-4 wp-block-wpl-service-item\">\n\t<div class=\"services-block services-block--numbered\">\n\t\t\n\t\t\n\t\t\n\t\t\t\t\t<h4>Design<\/h4>\n\t\t\n\t\t\t\t\t<p>Contraste, \u00e9tats de focus, tailles de cible et \u00e9tats d&rsquo;erreur sont d\u00e9cid\u00e9s dans la palette et le jeu de composants, pendant que les changer est encore gratuit.<\/p>\t\t\n\t\t\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"cell small-12 medium-6 large-4 wp-block-wpl-service-item\">\n\t<div class=\"services-block services-block--numbered\">\n\t\t\n\t\t\n\t\t\n\t\t\t\t\t<h4>Construction<\/h4>\n\t\t\n\t\t\t\t\t<p>Balisage s\u00e9mantique et comportement au clavier au moment o\u00f9 les composants sont \u00e9crits, pas en repasse apr\u00e8s coup. Composants interactifs construits une fois et r\u00e9utilis\u00e9s.<\/p>\t\t\n\t\t\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"cell small-12 medium-6 large-4 wp-block-wpl-service-item\">\n\t<div class=\"services-block services-block--numbered\">\n\t\t\n\t\t\n\t\t\n\t\t\t\t\t<h4>Contenu<\/h4>\n\t\t\n\t\t\t\t\t<p>Textes de remplacement, structure de titres et libell\u00e9s de liens trait\u00e9s pendant la saisie ou la migration, avec les r\u00e8gles \u00e9ditoriales int\u00e9gr\u00e9es aux blocs.<\/p>\t\t\n\t\t\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"cell small-12 medium-6 large-4 wp-block-wpl-service-item\">\n\t<div class=\"services-block services-block--numbered\">\n\t\t\n\t\t\n\t\t\n\t\t\t\t\t<h4>Tests<\/h4>\n\t\t\n\t\t\t\t\t<p>V\u00e9rifications automatis\u00e9es pour ce qu&rsquo;elles peuvent attraper, puis tests manuels au clavier et au lecteur d&rsquo;\u00e9cran pour la majorit\u00e9 qu&rsquo;elles ne peuvent pas. Les constats sont corrig\u00e9s, pas seulement list\u00e9s.<\/p>\t\t\n\t\t\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"cell small-12 medium-6 large-4 wp-block-wpl-service-item\">\n\t<div class=\"services-block services-block--numbered\">\n\t\t\n\t\t\n\t\t\n\t\t\t\t\t<h4>Passation<\/h4>\n\t\t\n\t\t\t\t\t<p>Un guide pour les r\u00e9dacteurs \u00e9crit pour les personnes qui l&rsquo;utiliseront r\u00e9ellement, plus un relev\u00e9 de ce qui a \u00e9t\u00e9 test\u00e9 et de ce qui est connu comme non conforme.<\/p>\t\t\n\t\t\n\t\t\t<\/div>\n<\/div>\n\n\t<\/div>\n\n\t\t<\/div>\n\t<\/section>\n\n\n<section style=\"background-color:#f3f3f3\" class=\"wpl-section wpl-section--pt-medium wpl-section--pb-medium wpl-section--rays wp-block-wpl-section\">\n\t\t\t\t<div class=\"grid-container\">\n\t\t\t\n\t<div class=\"grid-x grid-margin-x grid-padding-x wpl-section-heading wp-block-wpl-section-heading\">\n\t\t<div class=\"cell small-12 medium-8\">\n\t\t\t\t\t\t\t<span class=\"section-subtitle\">Livrables<\/span>\n\t\t\t\t\t\t\t\t\t\t<h2>Ce que vous recevez<\/h2>\n\t\t\t\t\t<\/div>\n\t<\/div>\n\n\n\t<div class=\"grid-x grid-margin-x grid-padding-x wp-block-wpl-grid\">\n\t\t\n<div class=\"cell small-12 medium-6 large-6 wp-block-wpl-service-item\">\n\t<div class=\"services-block services-block--plain\">\n\t\t\t\t\t<i class=\"fa-solid fa-file-signature services-block__bg-icon\" aria-hidden=\"true\"><\/i>\n\t\t\n\t\t\n\t\t\t\t\t<div class=\"services-block__icon\">\n\t\t\t\t<i class=\"fa-solid fa-file-signature\" aria-hidden=\"true\"><\/i>\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<h4>Une d\u00e9claration de ce selon quoi le site a \u00e9t\u00e9 construit<\/h4>\n\t\t\n\t\t\t\t\t<p>Quelle norme, quel niveau, et quelles parties du site elle couvre, par \u00e9crit, \u00e0 un niveau de d\u00e9tail qu&rsquo;un examinateur d&rsquo;approvisionnement peut utiliser.<\/p>\t\t\n\t\t\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"cell small-12 medium-6 large-6 wp-block-wpl-service-item\">\n\t<div class=\"services-block services-block--plain\">\n\t\t\t\t\t<i class=\"fa-solid fa-clipboard-list services-block__bg-icon\" aria-hidden=\"true\"><\/i>\n\t\t\n\t\t\n\t\t\t\t\t<div class=\"services-block__icon\">\n\t\t\t\t<i class=\"fa-solid fa-clipboard-list\" aria-hidden=\"true\"><\/i>\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<h4>Un relev\u00e9 des tests<\/h4>\n\t\t\n\t\t\t\t\t<p>Ce qui a \u00e9t\u00e9 test\u00e9, comment, et avec quoi. Les outils automatis\u00e9s et les tests manuels au clavier et au lecteur d&rsquo;\u00e9cran sont rapport\u00e9s s\u00e9par\u00e9ment, parce qu&rsquo;ils r\u00e9pondent \u00e0 des questions diff\u00e9rentes.<\/p>\t\t\n\t\t\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"cell small-12 medium-6 large-6 wp-block-wpl-service-item\">\n\t<div class=\"services-block services-block--plain\">\n\t\t\t\t\t<i class=\"fa-solid fa-triangle-exclamation services-block__bg-icon\" aria-hidden=\"true\"><\/i>\n\t\t\n\t\t\n\t\t\t\t\t<div class=\"services-block__icon\">\n\t\t\t\t<i class=\"fa-solid fa-triangle-exclamation\" aria-hidden=\"true\"><\/i>\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<h4>Une liste des exceptions connues<\/h4>\n\t\t\n\t\t\t\t\t<p>Int\u00e9grations tierces, documents h\u00e9rit\u00e9s et tout ce qui n&rsquo;est pas conforme, \u00e9nonc\u00e9s simplement avec ce qu&rsquo;il faudrait pour les r\u00e9soudre. Une courte liste honn\u00eate vaut plus qu&rsquo;une d\u00e9claration impeccable que personne ne peut v\u00e9rifier.<\/p>\t\t\n\t\t\n\t\t\t<\/div>\n<\/div>\n\n\n<div class=\"cell small-12 medium-6 large-6 wp-block-wpl-service-item\">\n\t<div class=\"services-block services-block--plain\">\n\t\t\t\t\t<i class=\"fa-solid fa-book-open services-block__bg-icon\" aria-hidden=\"true\"><\/i>\n\t\t\n\t\t\n\t\t\t\t\t<div class=\"services-block__icon\">\n\t\t\t\t<i class=\"fa-solid fa-book-open\" aria-hidden=\"true\"><\/i>\n\t\t\t<\/div>\n\t\t\n\t\t\t\t\t<h4>Un guide pour les r\u00e9dacteurs<\/h4>\n\t\t\n\t\t\t\t\t<p>Les r\u00e8gles dont l&rsquo;\u00e9quipe de contenu a besoin, propres aux blocs qu&rsquo;elle poss\u00e8de, plut\u00f4t qu&rsquo;une introduction g\u00e9n\u00e9rale aux WCAG.<\/p>\t\t\n\t\t\n\t\t\t<\/div>\n<\/div>\n\n\t<\/div>\n\n\t\t<\/div>\n\t<\/section>\n\n\n<section class=\"wpl-section wpl-section--pt-medium wpl-section--pb-medium wpl-section--rays wp-block-wpl-section\">\n\t\t\t\t<div class=\"grid-container\">\n\t\t\t\n\t<div class=\"grid-x grid-margin-x grid-padding-x wpl-section-heading wp-block-wpl-section-heading\">\n\t\t<div class=\"cell small-12 medium-8\">\n\t\t\t\t\t\t\t<span class=\"section-subtitle\">Port\u00e9e<\/span>\n\t\t\t\t\t\t\t\t\t\t<h2>Ce que nous ne pr\u00e9tendons pas<\/h2>\n\t\t\t\t\t<\/div>\n\t<\/div>\n\n\n\t<div class=\"grid-x grid-margin-x grid-padding-x wp-block-wpl-grid\">\n\t\t\n<div class=\"cell small-12 medium-12 wp-block-wpl-cell\">\n\t\n\n<p class=\"wp-block-paragraph\">Nous sommes un studio de d\u00e9veloppement, pas un organisme de certification. Nous construisons selon une norme nomm\u00e9e, nous testons ce que nous construisons, et nous documentons les deux. Mais nos propres tests ne sont pas un audit tiers, et nous ne les pr\u00e9sentons pas comme tels. Quand un projet exige une certification ind\u00e9pendante ou un audit formel, c&rsquo;est un mandat distinct avec un auditeur en accessibilit\u00e9, et nous le dirons plut\u00f4t que de l&rsquo;absorber dans un devis.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nous pouvons pr\u00e9parer l&rsquo;information technique qu&rsquo;exige un rapport de conformit\u00e9 en accessibilit\u00e9 ou une r\u00e9ponse de type VPAT, \u00e0 partir de ce qui a \u00e9t\u00e9 construit et de ce qui a \u00e9t\u00e9 test\u00e9. Nous n&rsquo;en remplirons pas un avec des affirmations que la construction ne soutient pas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nous n&rsquo;installons pas non plus de widgets de surcouche d&rsquo;accessibilit\u00e9. Ils ne rendent pas conforme un site qui ne l&rsquo;est pas, ils sont fr\u00e9quemment d\u00e9tect\u00e9s et rejet\u00e9s en \u00e9valuation, et ils ajoutent une couche de JavaScript entre les utilisateurs et le contenu que les personnes utilisant des technologies d&rsquo;assistance rapportent largement comme aggravant les choses. Si l&rsquo;accessibilit\u00e9 est une exigence, le correctif appartient au site.<\/p>\n\n<\/div>\n\n\t<\/div>\n\n\t\t<\/div>\n\t<\/section>\n\n\n<section id=\"accessibility-faq\" style=\"background-color:#f3f3f3\" class=\"wpl-section wpl-section--pt-medium wpl-section--pb-medium wp-block-wpl-section\">\n\t\t\t\t<div class=\"grid-container\">\n\t\t\t\n\t<div class=\"grid-x grid-margin-x grid-padding-x wpl-section-heading wp-block-wpl-section-heading\">\n\t\t<div class=\"cell small-12 medium-8\">\n\t\t\t\t\t\t\t<span class=\"section-subtitle\">FAQ<\/span>\n\t\t\t\t\t\t\t\t\t\t<h2>Questions fr\u00e9quentes<\/h2>\n\t\t\t\t\t<\/div>\n\t<\/div>\n\n\n\t<div class=\"grid-x grid-margin-x grid-padding-x wp-block-wpl-grid\">\n\t\t\n<div class=\"cell small-12 medium-12 wp-block-wpl-cell\">\n\t\n<ul class=\"accordion wpl-faq wp-block-wpl-faq\" data-accordion data-allow-all-closed=\"true\" data-multi-expand=\"false\">\n\t\n<li class=\"accordion-item wpl-faq__item wp-block-wpl-faq-item\" data-accordion-item>\n\t<a href=\"#\" class=\"accordion-title\">Selon quelle norme d&#039;accessibilit\u00e9 construisez-vous?<\/a>\n\t<div class=\"accordion-content\" data-tab-content>\n\t\t<p>Les WCAG 2.1 niveau AA par d\u00e9faut, et les WCAG 2.2 niveau AA quand un projet ou un appel d&rsquo;offres le pr\u00e9cise. La norme applicable est r\u00e9gl\u00e9e par \u00e9crit \u00e0 l&rsquo;\u00e9tape des exigences, parce qu&rsquo;\u00ab accessible \u00bb sans version ni niveau ne peut pas servir de r\u00e9f\u00e9rence de test \u00e0 la fin.<\/p>\t<\/div>\n<\/li>\n\n\n<li class=\"accordion-item wpl-faq__item wp-block-wpl-faq-item\" data-accordion-item>\n\t<a href=\"#\" class=\"accordion-title\">Pouvez-vous rendre accessible un site WordPress existant?<\/a>\n\t<div class=\"accordion-content\" data-tab-content>\n\t\t<p>Habituellement oui, et jusqu&rsquo;o\u00f9 cela va d\u00e9pend de la construction en dessous. Les probl\u00e8mes structurels dans le th\u00e8me et dans les composants interactifs faits maison sont les co\u00fbteux ; couleur, contraste, \u00e9tiquettes et textes de remplacement sont g\u00e9n\u00e9ralement simples. Nous commen\u00e7ons par tester l&rsquo;existant et par s\u00e9parer ce qui peut \u00eatre corrig\u00e9 sur place de ce qui doit \u00eatre reconstruit, pour que la d\u00e9cision se prenne sur de vrais chiffres.<\/p>\t<\/div>\n<\/li>\n\n\n<li class=\"accordion-item wpl-faq__item wp-block-wpl-faq-item\" data-accordion-item>\n\t<a href=\"#\" class=\"accordion-title\">Fournissez-vous un VPAT ou un rapport de conformit\u00e9 en accessibilit\u00e9?<\/a>\n\t<div class=\"accordion-content\" data-tab-content>\n\t\t<p>Nous pr\u00e9parons l&rsquo;information technique qu&rsquo;un tel rapport exige : selon quoi le site a \u00e9t\u00e9 construit, ce qui a \u00e9t\u00e9 test\u00e9, comment, et ce qui est connu comme non conforme. Nous ne sommes pas un organisme de certification, et nos propres tests ne sont pas un audit ind\u00e9pendant. Quand un projet exige une certification formelle par un tiers, nous le dirons et travaillerons aux c\u00f4t\u00e9s de l&rsquo;auditeur.<\/p>\t<\/div>\n<\/li>\n\n\n<li class=\"accordion-item wpl-faq__item wp-block-wpl-faq-item\" data-accordion-item>\n\t<a href=\"#\" class=\"accordion-title\">Les surcouches ou widgets d&#039;accessibilit\u00e9 suffisent-ils?<\/a>\n\t<div class=\"accordion-content\" data-tab-content>\n\t\t<p>Non. Une surcouche ne rend pas conforme un site qui ne l&rsquo;est pas, elle est r\u00e9guli\u00e8rement rep\u00e9r\u00e9e et \u00e9cart\u00e9e dans les \u00e9valuations formelles, et les personnes utilisant des technologies d&rsquo;assistance rapportent largement qu&rsquo;elle rend les sites plus difficiles \u00e0 utiliser plut\u00f4t que plus faciles. Si l&rsquo;accessibilit\u00e9 est une exigence, elle appartient \u00e0 la construction.<\/p>\t<\/div>\n<\/li>\n\n\n<li class=\"accordion-item wpl-faq__item wp-block-wpl-faq-item\" data-accordion-item>\n\t<a href=\"#\" class=\"accordion-title\">Testez-vous au lecteur d&#039;\u00e9cran ou seulement avec des outils automatis\u00e9s?<\/a>\n\t<div class=\"accordion-content\" data-tab-content>\n\t\t<p>Les deux, et ils sont rapport\u00e9s s\u00e9par\u00e9ment. Les outils automatis\u00e9s attrapent de fa\u00e7on fiable une minorit\u00e9 de probl\u00e8mes (textes de remplacement manquants, certains \u00e9checs de contraste, certains probl\u00e8mes de structure) et sont utiles en premi\u00e8re passe. L&rsquo;op\u00e9ration au clavier, l&rsquo;ordre du focus, la pertinence d&rsquo;un texte de remplacement et le fait qu&rsquo;un composant soit r\u00e9ellement utilisable sont des tests manuels.<\/p>\t<\/div>\n<\/li>\n\n\n<li class=\"accordion-item wpl-faq__item wp-block-wpl-faq-item\" data-accordion-item>\n\t<a href=\"#\" class=\"accordion-title\">Comment gardez-vous le site accessible apr\u00e8s le lancement?<\/a>\n\t<div class=\"accordion-content\" data-tab-content>\n\t\t<p>En contraignant l&rsquo;\u00e9diteur plut\u00f4t qu&rsquo;en comptant sur la formation. Les blocs portent leur propre structure, les titres suivent le plan du document, et les images demandent un texte de remplacement l\u00e0 o\u00f9 il en faut un. Les r\u00e9dacteurs obtiennent un choix plus \u00e9troit en \u00e9change du fait que l&rsquo;option accessible est celle par d\u00e9faut.<\/p>\t<\/div>\n<\/li>\n\n<\/ul>\n<script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Selon quelle norme d'accessibilit\u00e9 construisez-vous?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Les WCAG 2.1 niveau AA par d\u00e9faut, et les WCAG 2.2 niveau AA quand un projet ou un appel d'offres le pr\u00e9cise. La norme applicable est r\u00e9gl\u00e9e par \u00e9crit \u00e0 l'\u00e9tape des exigences, parce qu'\u00ab accessible \u00bb sans version ni niveau ne peut pas servir de r\u00e9f\u00e9rence de test \u00e0 la fin.\"}},{\"@type\":\"Question\",\"name\":\"Pouvez-vous rendre accessible un site WordPress existant?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Habituellement oui, et jusqu'o\u00f9 cela va d\u00e9pend de la construction en dessous. Les probl\u00e8mes structurels dans le th\u00e8me et dans les composants interactifs faits maison sont les co\u00fbteux ; couleur, contraste, \u00e9tiquettes et textes de remplacement sont g\u00e9n\u00e9ralement simples. Nous commen\u00e7ons par tester l'existant et par s\u00e9parer ce qui peut \u00eatre corrig\u00e9 sur place de ce qui doit \u00eatre reconstruit, pour que la d\u00e9cision se prenne sur de vrais chiffres.\"}},{\"@type\":\"Question\",\"name\":\"Fournissez-vous un VPAT ou un rapport de conformit\u00e9 en accessibilit\u00e9?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Nous pr\u00e9parons l'information technique qu'un tel rapport exige : selon quoi le site a \u00e9t\u00e9 construit, ce qui a \u00e9t\u00e9 test\u00e9, comment, et ce qui est connu comme non conforme. Nous ne sommes pas un organisme de certification, et nos propres tests ne sont pas un audit ind\u00e9pendant. Quand un projet exige une certification formelle par un tiers, nous le dirons et travaillerons aux c\u00f4t\u00e9s de l'auditeur.\"}},{\"@type\":\"Question\",\"name\":\"Les surcouches ou widgets d'accessibilit\u00e9 suffisent-ils?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Non. Une surcouche ne rend pas conforme un site qui ne l'est pas, elle est r\u00e9guli\u00e8rement rep\u00e9r\u00e9e et \u00e9cart\u00e9e dans les \u00e9valuations formelles, et les personnes utilisant des technologies d'assistance rapportent largement qu'elle rend les sites plus difficiles \u00e0 utiliser plut\u00f4t que plus faciles. Si l'accessibilit\u00e9 est une exigence, elle appartient \u00e0 la construction.\"}},{\"@type\":\"Question\",\"name\":\"Testez-vous au lecteur d'\u00e9cran ou seulement avec des outils automatis\u00e9s?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Les deux, et ils sont rapport\u00e9s s\u00e9par\u00e9ment. Les outils automatis\u00e9s attrapent de fa\u00e7on fiable une minorit\u00e9 de probl\u00e8mes (textes de remplacement manquants, certains \u00e9checs de contraste, certains probl\u00e8mes de structure) et sont utiles en premi\u00e8re passe. L'op\u00e9ration au clavier, l'ordre du focus, la pertinence d'un texte de remplacement et le fait qu'un composant soit r\u00e9ellement utilisable sont des tests manuels.\"}},{\"@type\":\"Question\",\"name\":\"Comment gardez-vous le site accessible apr\u00e8s le lancement?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"En contraignant l'\u00e9diteur plut\u00f4t qu'en comptant sur la formation. Les blocs portent leur propre structure, les titres suivent le plan du document, et les images demandent un texte de remplacement l\u00e0 o\u00f9 il en faut un. Les r\u00e9dacteurs obtiennent un choix plus \u00e9troit en \u00e9change du fait que l'option accessible est celle par d\u00e9faut.\"}}]}<\/script>\n<\/div>\n\n\t<\/div>\n\n\t\t<\/div>\n\t<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":10,"menu_order":5,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth-blocks.php","meta":{"_yoast_wpseo_focuskw":"accessibilit\u00e9 web wordpress","_yoast_wpseo_title":"D\u00e9veloppement WordPress accessible | WCAG 2.1 et 2.2 AA | WPlook Studio","_yoast_wpseo_metadesc":"D\u00e9veloppement WordPress accessible selon les WCAG 2.1 et 2.2 AA, con\u00e7ue dans la construction et dans l'exp\u00e9rience d'\u00e9dition, pas audit\u00e9e \u00e0 la fin.","_wpl_gsc_clicks":0,"_wpl_gsc_impressions":0,"_wpl_gsc_ctr":0,"_wpl_gsc_position":0,"_wpl_gsc_queries":"","_wpl_gsc_updated":"","footnotes":"","wpl_teaser_subtitle":"Accessibilit\u00e9","wpl_teaser_description":"Du WordPress construit selon les WCAG 2.1 et 2.2 AA, avec des garde-fous dans l'\u00e9diteur pour que le contenu ajout\u00e9 apr\u00e8s le lancement reste accessible.","opposite_language_url":"https:\/\/wplook.ca\/expertise\/accessibility\/"},"class_list":["post-382","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>D\u00e9veloppement WordPress accessible | WCAG 2.1 et 2.2 AA | WPlook Studio<\/title>\n<meta name=\"description\" content=\"D\u00e9veloppement WordPress accessible selon les WCAG 2.1 et 2.2 AA, con\u00e7ue dans la construction et dans l&#039;exp\u00e9rience d&#039;\u00e9dition, pas audit\u00e9e \u00e0 la fin.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wplook.ca\/fr\/expertise\/accessibilite-web\/\" \/>\n<meta property=\"og:locale\" content=\"fr_CA\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"D\u00e9veloppement WordPress accessible | WCAG 2.1 et 2.2 AA | WPlook Studio\" \/>\n<meta property=\"og:description\" content=\"D\u00e9veloppement WordPress accessible selon les WCAG 2.1 et 2.2 AA, con\u00e7ue dans la construction et dans l&#039;exp\u00e9rience d&#039;\u00e9dition, pas audit\u00e9e \u00e0 la fin.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wplook.ca\/fr\/expertise\/accessibilite-web\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio WPlook\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-29T00:16:05+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimation du temps de lecture\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wplook.ca\\\/fr\\\/expertise\\\/accessibilite-web\\\/\",\"url\":\"https:\\\/\\\/wplook.ca\\\/fr\\\/expertise\\\/accessibilite-web\\\/\",\"name\":\"D\u00e9veloppement WordPress accessible | WCAG 2.1 et 2.2 AA | WPlook Studio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wplook.ca\\\/fr\\\/#website\"},\"datePublished\":\"2026-09-28T23:15:57+00:00\",\"dateModified\":\"2026-09-29T00:16:05+00:00\",\"description\":\"D\u00e9veloppement WordPress accessible selon les WCAG 2.1 et 2.2 AA, con\u00e7ue dans la construction et dans l'exp\u00e9rience d'\u00e9dition, pas audit\u00e9e \u00e0 la fin.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wplook.ca\\\/fr\\\/expertise\\\/accessibilite-web\\\/#breadcrumb\"},\"inLanguage\":\"fr-CA\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wplook.ca\\\/fr\\\/expertise\\\/accessibilite-web\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wplook.ca\\\/fr\\\/expertise\\\/accessibilite-web\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wplook.ca\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Expertise\",\"item\":\"https:\\\/\\\/wplook.ca\\\/fr\\\/expertise\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"D\u00e9veloppement WordPress accessible\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wplook.ca\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/wplook.ca\\\/fr\\\/\",\"name\":\"Studio WPlook\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wplook.ca\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-CA\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"D\u00e9veloppement WordPress accessible | WCAG 2.1 et 2.2 AA | WPlook Studio","description":"D\u00e9veloppement WordPress accessible selon les WCAG 2.1 et 2.2 AA, con\u00e7ue dans la construction et dans l'exp\u00e9rience d'\u00e9dition, pas audit\u00e9e \u00e0 la fin.","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:\/\/wplook.ca\/fr\/expertise\/accessibilite-web\/","og_locale":"fr_CA","og_type":"article","og_title":"D\u00e9veloppement WordPress accessible | WCAG 2.1 et 2.2 AA | WPlook Studio","og_description":"D\u00e9veloppement WordPress accessible selon les WCAG 2.1 et 2.2 AA, con\u00e7ue dans la construction et dans l'exp\u00e9rience d'\u00e9dition, pas audit\u00e9e \u00e0 la fin.","og_url":"https:\/\/wplook.ca\/fr\/expertise\/accessibilite-web\/","og_site_name":"Studio WPlook","article_modified_time":"2026-09-29T00:16:05+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimation du temps de lecture":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wplook.ca\/fr\/expertise\/accessibilite-web\/","url":"https:\/\/wplook.ca\/fr\/expertise\/accessibilite-web\/","name":"D\u00e9veloppement WordPress accessible | WCAG 2.1 et 2.2 AA | WPlook Studio","isPartOf":{"@id":"https:\/\/wplook.ca\/fr\/#website"},"datePublished":"2026-09-28T23:15:57+00:00","dateModified":"2026-09-29T00:16:05+00:00","description":"D\u00e9veloppement WordPress accessible selon les WCAG 2.1 et 2.2 AA, con\u00e7ue dans la construction et dans l'exp\u00e9rience d'\u00e9dition, pas audit\u00e9e \u00e0 la fin.","breadcrumb":{"@id":"https:\/\/wplook.ca\/fr\/expertise\/accessibilite-web\/#breadcrumb"},"inLanguage":"fr-CA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wplook.ca\/fr\/expertise\/accessibilite-web\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wplook.ca\/fr\/expertise\/accessibilite-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wplook.ca\/fr\/"},{"@type":"ListItem","position":2,"name":"Expertise","item":"https:\/\/wplook.ca\/fr\/expertise\/"},{"@type":"ListItem","position":3,"name":"D\u00e9veloppement WordPress accessible"}]},{"@type":"WebSite","@id":"https:\/\/wplook.ca\/fr\/#website","url":"https:\/\/wplook.ca\/fr\/","name":"Studio WPlook","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wplook.ca\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-CA"}]}},"_links":{"self":[{"href":"https:\/\/wplook.ca\/fr\/wp-json\/wp\/v2\/pages\/382","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wplook.ca\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wplook.ca\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wplook.ca\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wplook.ca\/fr\/wp-json\/wp\/v2\/comments?post=382"}],"version-history":[{"count":7,"href":"https:\/\/wplook.ca\/fr\/wp-json\/wp\/v2\/pages\/382\/revisions"}],"predecessor-version":[{"id":459,"href":"https:\/\/wplook.ca\/fr\/wp-json\/wp\/v2\/pages\/382\/revisions\/459"}],"up":[{"embeddable":true,"href":"https:\/\/wplook.ca\/fr\/wp-json\/wp\/v2\/pages\/10"}],"wp:attachment":[{"href":"https:\/\/wplook.ca\/fr\/wp-json\/wp\/v2\/media?parent=382"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}