Guide du débutant sur la conformité de l’accessibilité des sites Web ADA

Publié par Marque Inconnue le

Le manque de sites Web et d’applications mobiles répondant aux normes de conformité en matière d’accessibilité était une nouvelle décevante pour les défenseurs de l’accessibilité.

Lorsque les écoles et les entreprises ont fermé en raison du COVID-19, le public s’est tourné vers le Web pour obtenir des fournitures, des services, de l’éducation, des informations et l’accès à leurs emplois.

Ils ont découvert des sites Web et des applications qu’ils ne pouvaient pas utiliser.

Une mère déterminée et frustrée de deux enfants autistes qui ont continué leurs études à la maison m’a décrit comment ses enfants avaient du mal à comprendre les devoirs de leurs professeurs.

À l’école, des enseignants formés ont aidé ses enfants et leurs camarades de classe.

À la maison, non seulement les sites Web pour les leçons scolaires étaient difficiles à utiliser, mais les enseignants eux-mêmes se sont débattus avec des sites d’apprentissage mal conçus et se sont retrouvés à jouer le rôle de support technique.

Ailleurs dans le monde, le public passait soudainement des commandes avec des applications Web ou apprenait à discuter par vidéo avec des membres de la famille.

Les employés ont été renvoyés chez eux pour faire leur travail.

Non seulement les employés n’étaient pas préparés à la transition vers le travail à domicile, mais les personnes handicapées ou handicapées étaient laissées à elles-mêmes.

Publicité

Continuer la lecture ci-dessous

Presque immédiatement, il est apparu clairement que les entreprises et les écoles n’étaient pas prêtes à répondre à la demande de sites Web et de logiciels accessibles.

Les poursuites en matière d’accessibilité ADA et les lettres conformes ont explosé.

Plaintes et poursuites en matière d’accessibilité ADA

Parfois, la première indication qu’un site Web n’est pas accessible est une lettre de plainte envoyée par un cabinet d’avocats au nom d’un plaignant qui n’a pas pu l’utiliser.

Si vous êtes nouveau dans l’accessibilité des sites Web, les ramifications juridiques de ne pas fournir un site Web accessible sont importantes à connaître.

L’Americans with Disabilities Act (ADA), lorsqu’elle a été établie comme loi il y a 30 ans, n’incluait pas le terme «site Web» en tant que forme d’hébergement public pour le titre III. Cela s’applique aux bâtiments physiques.

Cependant, l’article 508 comprend les sites Web du gouvernement et toute entreprise liée au gouvernement fédéral par le biais de ses services ou de ses ventes de produits.

Les universités sont un exemple parce qu’elles offrent des prêts étudiants fédéraux. Ils sont tenus par la loi de fournir des sites Web accessibles.

De nos jours, alors que nous suivons de plus en plus de cas aux États-Unis, la définition de «logement public» est interprétée par certains tribunaux d’État pour inclure des sites Web et des applications.

Publicité

Continuer la lecture ci-dessous

Le nouveau California Consumer Privacy Act (CCPA) de Californie contient une disposition relative à l’accessibilité du Web et rend toutes les politiques de confidentialité accessibles à partir du 1er juillet 2020.

«Le procureur général devrait commencer à appliquer la LCCP le 1er juillet 2020 et pourrait imposer des amendes allant jusqu’à 7 500 $ pour non-conformité par violation. Bien qu’il reste à déterminer comment les violations seront comptabilisées aux fins de cette sanction, vraisemblablement, si une entreprise ne rend pas un avis accessible et une politique de confidentialité accessible, cela peut entraîner une pénalité allant jusqu’à 15 000 USD.  » – La source

Lisez toutes les instructions de l’ACCP dans ce PDF publié par le procureur général.

Si votre entreprise ou service a un marché cible mondial, vous êtes responsable de comprendre les exigences d’accessibilité en dehors des États-Unis.

Chaque pays, état et province a ses propres directives et réglementations.

Les superpositions d’accessibilité et les plugins de widgets n’empêchent pas les poursuites ADA.

En fait, ils les attirent en annonçant que le site Web n’est pas accessible et si l’utilisateur veut que cela fonctionne, ils doivent utiliser la superposition pour effectuer les ajustements dont ils ont besoin.

«Environ 100 entreprises ont été poursuivies après avoir investi dans des widgets ou des superpositions, certaines poursuites ont même répertorié les fonctionnalités des widgets comme une charge supplémentaire.» – Rapport sur la poursuite en matière d’accessibilité du site Web ADA et de l’application de mi-année 2020

La conception inclusive des produits, services et environnements permet d’accéder à une grande diversité de personnes.

Pourquoi les spécialistes du marketing numérique devraient-ils se soucier de l’accessibilité?

Plusieurs techniques d’accessibilité de base prennent traditionnellement en charge le référencement, telles que le texte alternatif, les balises de titre et une architecture d’information cohérente.

L’accent mis sur la conception mobile ignore un large éventail de handicaps qui rendent l’utilisation d’appareils mobiles impossible ou difficile.

De nombreuses personnes handicapées, qui n’utilisent peut-être jamais un appareil mobile, utilisent Internet avec des ordinateurs plus anciens ou spécialement configurés pour répondre à leurs besoins spécifiques.

La technologie d’assistance qu’ils utilisent peut ne pas être disponible sur les appareils mobiles.

Apple et Android ont tous deux des paramètres d’accessibilité pour les systèmes d’exploitation mobiles et s’efforcent d’améliorer continuellement.

Google Core Web Vitals prend en compte trois aspects de l’expérience de la page: chargement, interactivité et stabilité visuelle. Que se passe-t-il lorsque deux pages ont un contenu tout aussi supérieur sur le même sujet?

Publicité

Continuer la lecture ci-dessous

Si une page offre une meilleure expérience de page pour les appareils mobiles et rompt le lien pour se classer plus haut, l’expérience utilisateur peut ne pas être accessible.

Les améliorations de l’accessibilité et de la convivialité pour les conversions prennent en charge la conception inclusive, ce qui facilite les efforts de marketing numérique à long terme.

Qu’est-ce que la conformité WCAG?

Les directives d’accessibilité du contenu Web (WCAG 2.1) du World Wide Web Consortium (W3C) sont les directives recommandées. Ce ne sont ni des règlements ni des lois.

L’aide est fournie par le W3C et ses partenaires en charge de faire fonctionner la technologie pour tous. Les directives et instructions WCAG sont disponibles en ligne gratuitement.

Il y a des mises à jour fréquentes. WCAG 3.0, appelé «Silver», est en cours d’élaboration.

«Rendre le contenu utilisable pour les personnes ayant des troubles cognitifs et d’apprentissage» a été publié le 17 juillet.

Le contenu accessible doit répondre à quatre principes

  • Perceptible
  • Opérable
  • Compréhensible
  • Robuste

Publicité

Continuer la lecture ci-dessous

WCAG 2.1 a les niveaux de conformité A, AA et AAA. WCAG2.0 mis à jour en 2018 vers WCAG2.1 en introduisant 17 nouveaux critères de succès pour traiter la basse vision, la cognition et les utilisateurs mobiles.

Les directives d’accessibilité s’appliquent aux applications logicielles, aux systèmes d’exploitation et aux navigateurs.

Par exemple, par défaut, le navigateur Firefox a un état de mise au point de bordure en pointillé intégré (ce que les concepteurs d’accessibilité améliorent car il est difficile à voir pour de nombreux utilisateurs malvoyants.)

Une combinaison de JavaScript, CSS, HTML5 et ARIA (applications Internet riches accessibles) est utilisée par les développeurs pour respecter les directives WCAG.

Qui a besoin d’accessibilité?

Les pratiques de conception inclusives visent:

Personnes aveugles ou sourdes / aveugles

Dans le monde, 2,2 milliards de personnes sont malvoyantes. Les personnes sourdes peuvent avoir une perte auditive dans une ou les deux oreilles.

Aide sur l’agrandissement, les paramètres de luminosité, les transcriptions et les sous-titres.

Difficultés cognitives et d’apprentissage

L’âge peut être un facteur de rappel de grandes quantités d’informations, ainsi que des niveaux d’éducation.

La mise en page simple des pages Web et la suppression de l’animation et des vidéos automatisées sont utiles pour la dyslexie et le trouble d’hyperactivité avec déficit de l’attention (TDAH).

Publicité

Continuer la lecture ci-dessous

Troubles émotionnels, comportementaux ou anxiété temporaire

Les mises en page, la structure des phrases, les espaces blancs et bien plus encore aident les utilisateurs à percevoir les informations et à rester concentrés sur les sites Web ou les applications.

Blessures et maladies permanentes ou temporaires

Nous pouvons prendre pour acquis que tout le monde utilise une souris, un pointeur ou un écran tactile pour naviguer.

Le logiciel Audible et la navigation par onglets du clavier ne sont que deux exemples d’accès Web alternatif et inclusif.

Voyage

La discrimination se présente sous de nombreuses formes, y compris celles que nous ne remarquons pas.

Les réservations d’hôtel accessibles, les rendez-vous chez le médecin en déplacement, les livraisons de nourriture, les services, etc. sont plus faciles à utiliser lorsqu’ils sont conçus pour un accès facile.

Parties d’un site Web importantes pour l’accessibilité

Ces éléments sont essentiels pour l’accessibilité du site Web:

  • Navigation, liens, état du focus.
  • Formulaires, formulaires signés numériquement.
  • Images, galeries, curseurs.
  • Vidéo, podcasts, audio.
  • Tables et iframes.
  • Cartes, infographies, graphiques illustratifs.
  • Mise en page du texte, polices, distractions, contrastes de couleurs.
  • Structure et organisation de la page.
  • PDF, documents, PowerPoint.

Commencer les étapes vers un site Web accessible

Les directives d’accessibilité de base commencent par l’interface utilisateur visuelle. Ce sont généralement les plus faciles à résoudre en premier.

Publicité

Continuer la lecture ci-dessous

Le développement avancé de l’accessibilité avec ARIA fonctionne en ajoutant les instructions nécessaires aux lecteurs d’écran et aux technologies d’assistance pour comprendre le contenu.

Les développeurs WordPress mettent constamment à jour WordPress Core pour qu’il soit accessible. Cela inclut le nouvel éditeur Gutenberg.

Il existe des thèmes WordPress accessibles, mais à moins que le propriétaire du site ne comprenne WCAG, les parties d’accessibilité sont facilement cassées.

Les plugins tiers et les paniers d’achat ne sont pas toujours accessibles ou facilement modifiés pour les rendre conformes.

De nombreuses entreprises se précipitent pour aider leurs clients avec des modèles améliorés, des processus de personnalisation et d’édition pour faciliter les améliorations d’accessibilité.

Le développeur de thèmes de sites Web Foodie, Feast, a créé le plug-in Feast pour ses clients afin de les aider à répondre aux exigences de référencement et d’accessibilité en recommandant des décisions de conception pour leurs thèmes.

Cela permet aux entreprises de se concentrer sur le contenu et le marketing avec un thème qu’elles ont personnalisé pour respecter les directives d’accessibilité.

« Les sites de recettes prennent conscience que l’accessibilité ne concerne pas seulement les visiteurs handicapés – elle contribue à améliorer l’expérience utilisateur pour tous les visiteurs. Une meilleure expérience utilisateur signifie des taux de rebond globalement plus faibles, un temps plus long sur le site et des temps de chargement de page plus rapides. Cela se traduit finalement par de meilleurs classements biologiques et par plus de personnes essayant leurs recettes. Si nous pouvons réduire leur «accessibilité à faire» de 40 à 20 éléments via le plug-in Feast, ils économisent des heures de travail technique fastidieux et nous pouvons le déployer sur des milliers de sites. » – Le banquet

Publicité

Continuer la lecture ci-dessous

Les plans de test d’accessibilité peuvent être détaillés.

Liste de contrôle d’accessibilité de base

La conception accessible n’est jamais terminée.

Comme le référencement, il n’y a jamais un moment où vous pouvez vous reposer et penser que vous avez tout.

Il est important de toujours tester toute nouvelle modification de conception et de continuer à vous informer sur les mises à jour WCAG.

Les recommandations WCAG2.1 suivantes sont un bon point de départ.

Utilisation de la couleur

  • Évitez la couleur comme seul signal. Exemple: les formulaires qui indiquent « Champs obligatoires en rouge » nécessitent un autre moyen de transmettre un champ obligatoire pour les personnes qui ne voient pas le rouge ou qui utilisent un lecteur d’écran où il n’y a pas du tout de couleur.
  • Les liens de texte doivent avoir un rapport de contraste de 4,5: 1 (pour le petit texte) ou 3: 1 (pour le grand texte) par rapport à leur arrière-plan.
  • Testez les couleurs de premier plan et d’arrière-plan pour voir si elles réussissent les tests de contraste des couleurs. Il existe plusieurs applications gratuites et sites Web qui vous aident à choisir les palettes de couleurs contrastées appropriées.
  • Évitez le gris clair pour le texte. Toujours.
  • Pour les boutons, la couleur du texte doit contraster avec la couleur d’arrière-plan du bouton.

Liens

  • La couleur ne doit pas être le seul moyen de déterminer les liens à moins que le texte environnant ne soit au moins 3: 1 et qu’un soulignement, un contour, etc. supplémentaire soit fourni lorsque le lien est survolé ou reçoit le focus.
  • Les liens doivent être visuellement distinguables du texte sans lien environnant.
  • Le texte du lien doit décrire le but du lien. (N’utilisez jamais «Cliquez ici».)
  • Utilisez ARIA aria-étiqueté par pour associer un lien «En savoir plus» au titre de l’article. Voir Utilisation de aria-labelledby à des fins de lien.
  • Des liens de saut doivent être fournis pour permettre aux utilisateurs de clavier de naviguer directement vers le contenu principal. Lié à ceci est le lien de passage à la navigation.
  • N’oubliez pas que les appareils mobiles n’ont pas d’état de survol. Les écrans tactiles non plus.

Rappels du lecteur d’écran

  • Un lien correctement codé est annoncé dans les lecteurs d’écran sous forme de lien.
  • Les utilisateurs de lecteurs d’écran écoutent souvent les liens hors contexte, soit en naviguant à travers les liens, soit en utilisant une commande clavier pour répertorier tous les liens de la page.
  • La meilleure technique est de s’assurer que tous les liens ont un sens hors contexte.
  • Un bouton correctement codé est annoncé dans les lecteurs d’écran comme un bouton.
  • Ignorer les liens aide les utilisateurs du lecteur d’écran à sauter par-dessus les menus de navigation pour accéder directement au contenu principal chaque fois qu’une nouvelle page se charge. (Sinon, la page est à nouveau lue de haut en bas.)
  • Les formulaires ont besoin de boutons pour être activés sur les lecteurs d’écran.

Structure du contenu et sémantique

  • Chaque page nécessite un titre.
  • Le premier titre devrait être un H1.
  • Utilisez des en-têtes consécutifs. Ne sautez pas les niveaux hiérarchiques.
  • Utilisez des points de repère pour désigner les zones de contenu. Cela se fait avec les repères HTML5 et leurs équivalents ARIA.
  • La page source d’un iframe doit avoir une valeur valide et significative .</li> <li>La taille du texte doit être lisible et facile à voir. Le texte du lien de navigation est maintenant généralement de 16 à 18 pixels et le contenu normal de 14 à 16 pixels.</li> <li>Autre que la section d’en-tête, le contenu doit être aligné à gauche. C’est pour les utilisateurs de dyslexie, les utilisateurs malvoyants et la façon dont nous lisons (de gauche à droite). Les titres et sous-titres peuvent être centrés ou alignés à gauche.</li> <li>La navigation dans le fil d’Ariane doit être alignée à gauche.</li> <li>Ne supprimez pas la possibilité d’agrandir les polices sur les appareils mobiles.</li> </ul> <h3><span class="ez-toc-section" id="Images_et_medias"></span><strong>Images et médias </strong><span class="ez-toc-section-end"></span></h3> <ul> <li>Toutes les images doivent avoir un texte alternatif. Cela inclut Twitter et Medium.</li> <li>Les liens d’image doivent décrire la destination du lien pour les lecteurs d’écran.</li> <li>Il est considéré comme une courtoisie d’avertir les utilisateurs visuels et non visuels lorsqu’un lien les mènera hors du site.</li> <li>Le texte alternatif doit être concis et ne pas dépasser 250 caractères. Ne dites jamais «image de», «graphique de» ou «image de» dans la description alternative.</li> <li>Ajoutez du texte alternatif aux images dans les documents Word et PDF.</li> <li>Les images décoratives ou redondantes par rapport au contenu déjà véhiculé dans le texte doivent utiliser alt = ””, ARIA role = ”presentation” ou implémentées comme arrière-plan CSS.</li> <li>Évitez d’utiliser des images comme texte.</li> <li>Les vidéos doivent être sous-titrées.</li> <li>Les vidéos doivent fournir un dialogue transcrit, une narration et d’autres sons significatifs.</li> <li>Les podcasts doivent fournir une transcription.</li> <li>Fournissez une méthode pour mettre en pause, arrêter ou masquer automatiquement la lecture du contenu multimédia.</li> </ul> <h2><span class="ez-toc-section" id="Documents_accessibles_et_navigation_dans_les_onglets_du_clavier"></span><strong>Documents accessibles et navigation dans les onglets du clavier</strong><span class="ez-toc-section-end"></span></h2> <p>La navigation au clavier est utilisée lorsqu’il n’y a pas de souris. Il est essentiel que les liens contiennent des états de focus et suivent l’ordre de lecture du DOM.</p> <p>Publicité</p> <p>Continuer la lecture ci-dessous</p> <p>Essayez-le vous-même avec votre clavier en appuyant sur votre touche Tab. Chaque onglet doit vous diriger vers un lien avec un état de focus tel qu’une bordure ou une bordure avec une couleur d’arrière-plan.</p> <p>Les documents PDF, PowerPoint et Word doivent tous être accessibles.</p> <p>Lors de la création de documents, recherchez comment enregistrer en tant que documents accessibles dans les paramètres.</p> <h3><span class="ez-toc-section" id="conseille_Outils_de_correction_PDF"></span><strong>conseillé </strong><strong>Outils de correction PDF</strong><span class="ez-toc-section-end"></span></h3> <h2><span class="ez-toc-section" id="Une_declaration_d%E2%80%99accessibilite_empechera-t-elle_une_action_en_justice_ADA"></span>Une déclaration d’accessibilité empêchera-t-elle une action en justice ADA?<span class="ez-toc-section-end"></span></h2> <p>Non.</p> <p>La seule façon d’éviter le potentiel d’un procès pour accessibilité de site Web ADA est de créer un site Web conforme aux directives WCAG2.1 A + AA.</p> <p>Une déclaration d’accessibilité est une déclaration de politique similaire à votre politique de confidentialité et à vos conditions générales.</p> <p>Il contient des informations sur ce que vous savez avoir été testé et le niveau des directives de conformité qui sont respectées.</p> <p>Il peut également contenir des informations sur ce qui n’a pas été testé et une clause de non-responsabilité selon laquelle vous n’êtes pas responsable de l’accessibilité des plug-ins ou des applications tiers tels que les paniers d’achat. (Cependant, vous devriez essayer de savoir dans quelle mesure ils sont accessibles.)</p> <p>Publicité</p> <p>Continuer la lecture ci-dessous</p> <p>Enfin, fournissez un moyen de vous contacter dans le cas où quelqu’un a été empêché d’effectuer une tâche ou a des problèmes avec le site Web.</p> <p>Une déclaration d’accessibilité n’est pas une garantie contre un procès ADA. Il peut être invalide au moment où une modification est apportée à la conception et qu’elle n’a pas été testée.</p> <p><strong>Conseillé:</strong></p> <h2><span class="ez-toc-section" id="Puis-je_utiliser_un_logiciel_de_test_d%E2%80%99accessibilite_automatise"></span><strong>Puis-je utiliser un logiciel de test d’accessibilité automatisé?</strong><span class="ez-toc-section-end"></span></h2> <p>Un logiciel de test d’accessibilité automatisé localise généralement environ 25% des problèmes.</p> <p>Étant donné que la plupart des tests d’accessibilité sont effectués manuellement, il n’y a pas de substitut à l’embauche d’un spécialiste de l’accessibilité pour un audit.</p> <p>Si vous êtes le destinataire d’une lettre de plainte ADA, les tribunaux ne peuvent accepter que les tests d’accessibilité d’experts et la validation d’un spécialiste de l’accessibilité certifié pour vous représenter.</p> <p>Résultats phare pour l’accessibilité et le référencement</p> <h3><span class="ez-toc-section" id="Logiciel_de_test"></span><strong>Logiciel de test</strong><span class="ez-toc-section-end"></span></h3> <p>Il existe des versions gratuites, payantes et bêta du logiciel de test d’accessibilité qui peuvent être ajoutées aux outils de développement ou utilisées en tant que logiciel autonome.</p> <p>Publicité</p> <p>Continuer la lecture ci-dessous</p> <h3><span class="ez-toc-section" id="Recommande_pour_les_tests_d%E2%80%99accessibilite"></span><strong>Recommandé pour les tests d’accessibilité</strong><span class="ez-toc-section-end"></span></h3> <h2><span class="ez-toc-section" id="Ou_apprendre_l%E2%80%99accessibilite"></span><strong>Où apprendre l’accessibilité </strong><span class="ez-toc-section-end"></span></h2> <p>Apprendre à mettre en œuvre des améliorations d’accessibilité est un défi.</p> <p>C’est l’une des principales raisons pour lesquelles l’accessibilité est ignorée ou mal effectuée.</p> <h3><span class="ez-toc-section" id="conseille"></span><strong>conseillé</strong><span class="ez-toc-section-end"></span></h3> <h2><span class="ez-toc-section" id="L%E2%80%99accessibilite_est_un_travail_valorisant_et_valorisant"></span>L’accessibilité est un travail valorisant et valorisant<span class="ez-toc-section-end"></span></h2> <p>Un concepteur Web local m’a dit qu’elle ne savait pas à quel point elle ne le savait pas avant que ses clients ne commencent à exiger des évaluations d’accessibilité.</p> <p>Je lui ai dit que j’avais ajouté les bases de l’accessibilité aux revues d’utilisabilité et au travail de conception de site il y a 20 ans, mais ce n’est qu’au cours des dernières années que j’ai réalisé tous les domaines de l’accessibilité de la conception Web et pourquoi il est important d’inclure dans les cycles de développement .</p> <p>Publicité</p> <p>Continuer la lecture ci-dessous</p> <p>Des millions de personnes dépendent de nos efforts.</p> <p><strong>Plus de ressources:</strong></p> <p><em><strong>Crédits d’image</strong></em></p> <p><em>Toutes les captures d’écran prises par l’auteur, juillet 2020</em></p> </div> <script type="text/plain" data-service="general" data-category="marketing" async data-cmplz-src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-7787285901372178" data-ad-slot="1259638138"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="section section-blog-info"> <div class="row"> <div class="col-md-6"> <div class="entry-categories">Catégories : <span class="label label-primary"><a href="https://marqueinconnue.com/marketing-digital/">Marketing Digital</a></span> </div> <div class="entry-tags">Étiquettes :<span class="entry-tag"><a href="https://marqueinconnue.com/tag/ada/" rel="tag">ADA</a></span><span class="entry-tag"><a href="https://marqueinconnue.com/tag/conformite/" rel="tag">conformité</a></span><span class="entry-tag"><a href="https://marqueinconnue.com/tag/debutant/" rel="tag">débutant</a></span><span class="entry-tag"><a href="https://marqueinconnue.com/tag/des/" rel="tag">des</a></span><span class="entry-tag"><a href="https://marqueinconnue.com/tag/guide/" rel="tag">guide</a></span><span class="entry-tag"><a href="https://marqueinconnue.com/tag/laccessibilite/" rel="tag">laccessibilité</a></span><span class="entry-tag"><a href="https://marqueinconnue.com/tag/sites/" rel="tag">Sites</a></span><span class="entry-tag"><a href="https://marqueinconnue.com/tag/sur/" rel="tag">sur</a></span><span class="entry-tag"><a href="https://marqueinconnue.com/tag/web/" rel="tag">Web</a></span></div> </div> <div class="col-md-6"> <div class="entry-social"> <a target="_blank" rel="tooltip" data-original-title="Partager sur Facebook" class="btn btn-just-icon btn-round btn-facebook" href="https://www.facebook.com/sharer/sharer.php?u=https://marqueinconnue.com/guide-du-debutant-sur-la-conformite-de-laccessibilite-des-sites-web-ada/"> <i class="fa fa-facebook"></i> </a> <a target="_blank" rel="tooltip" data-original-title="Partager sur Twitter" class="btn btn-just-icon btn-round btn-twitter" href="https://twitter.com/home?status=Guide%20du%20débutant%20sur%20la%20conformité%20de%20l’accessibilité%20des%20sites%20Web%20ADA%20-%20https://marqueinconnue.com/guide-du-debutant-sur-la-conformite-de-laccessibilite-des-sites-web-ada/"> <i class="fa fa-twitter"></i> </a> <a target="_blank" rel="tooltip" data-original-title=" Partager sur Google+" class="btn btn-just-icon btn-round btn-google" href="https://plus.google.com/share?url=https://marqueinconnue.com/guide-du-debutant-sur-la-conformite-de-laccessibilite-des-sites-web-ada/"> <i class="fa fa-google"></i> </a> </div> </div> </div> <hr> </div> </div> <div class="col-md-3 blog-sidebar-wrapper col-md-offset-1 "> <aside id="secondary" class="blog-sidebar" role="complementary"> <div id="search-5" class="widget widget_search"><form role="search" method="get" class="search-form" action="https://marqueinconnue.com/"> <label> <span class="screen-reader-text">Rechercher :</span> <input type="search" class="search-field" placeholder="Rechercher…" value="" name="s" /> </label> <input type="submit" class="search-submit" value="Rechercher" /> </form></div><div id="categories-3" class="widget widget_categories"><h5>Agence Web</h5> <ul> <li class="cat-item cat-item-6077"><a href="https://marqueinconnue.com/blog/">Blog</a> </li> <li class="cat-item cat-item-3"><a href="https://marqueinconnue.com/creation-site-internet/">Création Site Internet</a> </li> <li class="cat-item cat-item-15"><a href="https://marqueinconnue.com/marketing-digital/">Marketing Digital</a> </li> <li class="cat-item cat-item-27"><a href="https://marqueinconnue.com/referencement-naturel/">Référencement Naturel</a> </li> </ul> </div><div id="custom_html-3" class="widget_text widget widget_custom_html"><h5>Twitter</h5><div class="textwidget custom-html-widget"><a data-service="twitter" data-category="marketing" data-placeholder-image="https://marqueinconnue.com/wp-content/plugins/complianz-gdpr/assets/images/placeholders/twitter-minimal.jpg" class="cmplz-placeholder-element twitter-timeline" data-lang="fr" data-height="500" data-theme="light" href="https://twitter.com/marqueinconnue?ref_src=twsrc%5Etfw">Tweets by marqueinconnue</a> <script type="text/plain" data-service="twitter" data-category="marketing" async data-cmplz-src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></div></div><div id="custom_html-2" class="widget_text widget widget_custom_html"><h5>Facebook</h5><div class="textwidget custom-html-widget"><div><iframe data-placeholder-image="https://marqueinconnue.com/wp-content/plugins/complianz-gdpr/assets/images/placeholders/facebook-minimal.jpg" data-category="marketing" data-service="facebook" class="cmplz-placeholder-element cmplz-iframe cmplz-iframe-styles cmplz-no-video " data-cmplz-target="src" data-src-cmplz="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fmarqueinconnue%2F&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId=193899794554565" src="about:blank" width="340" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe></div></div></div><div id="nav_menu-3" class="widget widget_nav_menu"></div> </aside><!-- .sidebar .widget-area --> </div> </div> </article> </div> </div> </div> <div class="section related-posts"> <div class="container"> <div class="row"> <div class="col-md-12"> <h2 class="hestia-title text-center">Articles similaires</h2> <div class="row"> <div class="col-md-4"> <div class="card card-blog"> <div class="card-image"> <a href="https://marqueinconnue.com/plan-de-communication-exemple/" title="Guide complet pour créer un plan de communication efficace : Exemples, modèles et conseils pratiques"> <img width="300" height="212" src="https://marqueinconnue.com/wp-content/uploads/2018/09/plan-de-communication-exemple.jpg" class="attachment-hestia-blog size-hestia-blog wp-post-image" alt="exemple plan de communication pdf" decoding="async" loading="lazy" /> </a> </div> <div class="content"> <h6 class="category text-info"><a href="https://marqueinconnue.com/marketing-digital/" title="Voir tout les articles dans Marketing Digital" >Marketing Digital</a> </h6> <h4 class="card-title"> <a class="blog-item-title-link" href="https://marqueinconnue.com/plan-de-communication-exemple/" title="Guide complet pour créer un plan de communication efficace : Exemples, modèles et conseils pratiques" rel="bookmark"> Guide complet pour créer un plan de communication efficace : Exemples, modèles et conseils pratiques </a> </h4> <p class="card-description">Créez une communication percutante avec notre guide complet : exemples, modèles et conseils pour élaborer un plan de communication efficace. Boostez votre entreprise dès maintenant ! </p> </div> </div> </div> <div class="col-md-4"> <div class="card card-blog"> <div class="card-image"> <a href="https://marqueinconnue.com/differents-types-denjeux/" title="Enjeux en Entreprise : Découvrez les Clés pour les Identifier, Gérer et Réussir"> <img width="360" height="196" src="https://marqueinconnue.com/wp-content/uploads/2018/05/differents-types-denjeux.jpg" class="attachment-hestia-blog size-hestia-blog wp-post-image" alt="types de relation en communication" decoding="async" loading="lazy" srcset="https://marqueinconnue.com/wp-content/uploads/2018/05/differents-types-denjeux.jpg 600w, https://marqueinconnue.com/wp-content/uploads/2018/05/differents-types-denjeux-300x164.jpg 300w" sizes="(max-width: 360px) 100vw, 360px" /> </a> </div> <div class="content"> <h6 class="category text-info"><a href="https://marqueinconnue.com/marketing-digital/" title="Voir tout les articles dans Marketing Digital" >Marketing Digital</a> </h6> <h4 class="card-title"> <a class="blog-item-title-link" href="https://marqueinconnue.com/differents-types-denjeux/" title="Enjeux en Entreprise : Découvrez les Clés pour les Identifier, Gérer et Réussir" rel="bookmark"> Enjeux en Entreprise : Découvrez les Clés pour les Identifier, Gérer et Réussir </a> </h4> <p class="card-description">Plongez au cœur des enjeux en entreprise et maîtrisez les outils pour les identifier, les gérer et atteindre vos objectifs. Grâce à des études de cas concrets, découvrez les bonnes pratiques pour faire face aux défis actuels. Que vous soyez entrepreneur ou professionnel, ce guide complet vous aidera à prospérer dans un environnement complexe et en constante évolution.</p> </div> </div> </div> <div class="col-md-4"> <div class="card card-blog"> <div class="card-image"> <a href="https://marqueinconnue.com/relation-entre-les-acteurs-communication/" title="Les différents types de relations entre acteurs en communication : décryptage complet"> <img width="360" height="240" src="https://marqueinconnue.com/wp-content/uploads/2018/05/relation-entre-les-acteurs-communication-360x240.jpg" class="attachment-hestia-blog size-hestia-blog wp-post-image" alt="relation entre les acteurs communication" decoding="async" loading="lazy" /> </a> </div> <div class="content"> <h6 class="category text-info"><a href="https://marqueinconnue.com/marketing-digital/" title="Voir tout les articles dans Marketing Digital" >Marketing Digital</a> </h6> <h4 class="card-title"> <a class="blog-item-title-link" href="https://marqueinconnue.com/relation-entre-les-acteurs-communication/" title="Les différents types de relations entre acteurs en communication : décryptage complet" rel="bookmark"> Les différents types de relations entre acteurs en communication : décryptage complet </a> </h4> <p class="card-description">Découvrez les différents types de relations entre les acteurs de la communication et leur impact sur le marketing. Comprenez comment optimiser ces relations pour atteindre vos objectifs commerciaux.</p> </div> </div> </div> </div> </div> </div> </div> </div> <div class="footer-wrapper"> <footer class="footer footer-black footer-big"> <div class="container"> <div class="hestia-bottom-footer-content"><ul id="menu-footer" class="footer-menu pull-left"><li id="menu-item-3351" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3351"><a href="https://marqueinconnue.com/contact/">Contact</a></li> <li id="menu-item-3348" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-3348"><a rel="privacy-policy" href="https://marqueinconnue.com/mentions-legales/">Mentions légales</a></li> <li id="menu-item-22943" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-22943"><a href="https://marqueinconnue.com/politique-de-cookies-ue/">Politique de cookies</a></li> </ul> <div class="copyright pull-right"> ©2024 Marque Inconnue </div> </div> </div> </footer> </div> </div> <!-- Consent Management powered by Complianz | GDPR/CCPA Cookie Consent https://wordpress.org/plugins/complianz-gdpr --> <div id="cmplz-cookiebanner-container"><div class="cmplz-cookiebanner cmplz-hidden banner-1 optin cmplz-center cmplz-categories-type-view-preferences" aria-modal="true" data-nosnippet="true" role="dialog" aria-live="polite" aria-labelledby="cmplz-header-1-optin" aria-describedby="cmplz-message-1-optin"> <div class="cmplz-header"> <div class="cmplz-logo"></div> <div class="cmplz-title" id="cmplz-header-1-optin">Gérer le consentement aux cookies</div> <div class="cmplz-close" tabindex="0" role="button" aria-label="close-dialog"> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-inline--fa fa-times fa-w-11" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg> </div> </div> <div class="cmplz-divider cmplz-divider-header"></div> <div class="cmplz-body"> <div class="cmplz-message" id="cmplz-message-1-optin">Nous utilisons des technologies telles que les cookies pour stocker et/ou accéder aux informations relatives aux appareils. Nous le faisons pour améliorer l’expérience de navigation et pour afficher des publicités (non-)personnalisées. Consentir à ces technologies nous autorisera à traiter des données telles que le comportement de navigation ou les ID uniques sur ce site. Le fait de ne pas consentir ou de retirer son consentement peut avoir un effet négatif sur certaines fonctonnalités et caractéristiques.</div> <!-- categories start --> <div class="cmplz-categories"> <details class="cmplz-category cmplz-functional" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Fonctionnel</span> <span class='cmplz-always-active'> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-functional-optin" data-category="cmplz_functional" class="cmplz-consent-checkbox cmplz-functional" size="40" value="1"/> <label class="cmplz-label" for="cmplz-functional-optin" tabindex="0"><span class="screen-reader-text">Fonctionnel</span></label> </span> Toujours activé </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-functional">Le stockage ou l’accès technique est strictement nécessaire dans la finalité d’intérêt légitime de permettre l’utilisation d’un service spécifique explicitement demandé par l’abonné ou l’utilisateur, ou dans le seul but d’effectuer la transmission d’une communication sur un réseau de communications électroniques.</span> </div> </details> <details class="cmplz-category cmplz-preferences" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Préférences</span> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-preferences-optin" data-category="cmplz_preferences" class="cmplz-consent-checkbox cmplz-preferences" size="40" value="1"/> <label class="cmplz-label" for="cmplz-preferences-optin" tabindex="0"><span class="screen-reader-text">Préférences</span></label> </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-preferences">Le stockage ou l’accès technique est nécessaire dans la finalité d’intérêt légitime de stocker des préférences qui ne sont pas demandées par l’abonné ou l’utilisateur.</span> </div> </details> <details class="cmplz-category cmplz-statistics" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Statistiques</span> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-statistics-optin" data-category="cmplz_statistics" class="cmplz-consent-checkbox cmplz-statistics" size="40" value="1"/> <label class="cmplz-label" for="cmplz-statistics-optin" tabindex="0"><span class="screen-reader-text">Statistiques</span></label> </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-statistics">Le stockage ou l’accès technique qui est utilisé exclusivement à des fins statistiques.</span> <span class="cmplz-description-statistics-anonymous">Le stockage ou l’accès technique qui est utilisé exclusivement dans des finalités statistiques anonymes. En l’absence d’une assignation à comparaître, d’une conformité volontaire de la part de votre fournisseur d’accès à internet ou d’enregistrements supplémentaires provenant d’une tierce partie, les informations stockées ou extraites à cette seule fin ne peuvent généralement pas être utilisées pour vous identifier.</span> </div> </details> <details class="cmplz-category cmplz-marketing" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Marketing</span> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-marketing-optin" data-category="cmplz_marketing" class="cmplz-consent-checkbox cmplz-marketing" size="40" value="1"/> <label class="cmplz-label" for="cmplz-marketing-optin" tabindex="0"><span class="screen-reader-text">Marketing</span></label> </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-marketing">Le stockage ou l’accès technique est nécessaire pour créer des profils d’utilisateurs afin d’envoyer des publicités, ou pour suivre l’utilisateur sur un site web ou sur plusieurs sites web ayant des finalités marketing similaires.</span> </div> </details> </div><!-- categories end --> </div> <div class="cmplz-links cmplz-information"> <a class="cmplz-link cmplz-manage-options cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">Gérer les options</a> <a class="cmplz-link cmplz-manage-third-parties cookie-statement" href="#" data-relative_url="#cmplz-cookies-overview">Gérer les services</a> <a class="cmplz-link cmplz-manage-vendors tcf cookie-statement" href="#" data-relative_url="#cmplz-tcf-wrapper">Gérer les fournisseurs</a> <a class="cmplz-link cmplz-external cmplz-read-more-purposes tcf" target="_blank" rel="noopener noreferrer nofollow" href="https://cookiedatabase.org/tcf/purposes/">En savoir plus sur ces finalités</a> </div> <div class="cmplz-divider cmplz-footer"></div> <div class="cmplz-buttons"> <button class="cmplz-btn cmplz-accept">Accepter</button> <button class="cmplz-btn cmplz-deny">Refuser</button> <button class="cmplz-btn cmplz-view-preferences">Voir les préférences</button> <button class="cmplz-btn cmplz-save-preferences">Enregistrer les préférences</button> <a class="cmplz-btn cmplz-manage-options tcf cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">Voir les préférences</a> </div> <div class="cmplz-links cmplz-documents"> <a class="cmplz-link cookie-statement" href="#" data-relative_url="">{title}</a> <a class="cmplz-link privacy-statement" href="#" data-relative_url="">{title}</a> <a class="cmplz-link impressum" href="#" data-relative_url="">{title}</a> </div> </div> </div> <div id="cmplz-manage-consent" data-nosnippet="true"><button class="cmplz-btn cmplz-hidden cmplz-manage-consent manage-consent-1">Gérer le consentement</button> </div> <button class="hestia-scroll-to-top"> <i class="fa fa-angle-double-up" aria-hidden="true"></i> </button> <script type="text/javascript" src="https://marqueinconnue.com/wp-includes/js/comment-reply.min.js?ver=6.5.2" id="comment-reply-js" async="async" data-wp-strategy="async"></script> <script type="text/javascript" src="https://marqueinconnue.com/wp-content/themes/hestia/assets/bootstrap/js/bootstrap.min.js?ver=1.0.2" id="jquery-bootstrap-js"></script> <script type="text/javascript" src="https://marqueinconnue.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.2" id="jquery-ui-core-js"></script> <script type="text/javascript" id="hestia_scripts-js-extra"> /* <![CDATA[ */ var requestpost = {"ajaxurl":"https:\/\/marqueinconnue.com\/wp-admin\/admin-ajax.php","disable_autoslide":"","masonry":""}; /* ]]> */ </script> <script type="text/javascript" src="https://marqueinconnue.com/wp-content/themes/hestia/assets/js/script.min.js?ver=2.1.1" id="hestia_scripts-js"></script> <script type="text/javascript" id="cmplz-cookiebanner-js-extra"> /* <![CDATA[ */ var complianz = {"prefix":"cmplz_","user_banner_id":"1","set_cookies":[],"block_ajax_content":"0","banner_version":"20","version":"6.4.4","store_consent":"","do_not_track_enabled":"","consenttype":"optin","region":"eu","geoip":"","dismiss_timeout":"","disable_cookiebanner":"","soft_cookiewall":"1","dismiss_on_scroll":"","cookie_expiry":"365","url":"https:\/\/marqueinconnue.com\/wp-json\/complianz\/v1\/","locale":"lang=fr&locale=fr_FR","set_cookies_on_root":"0","cookie_domain":"","current_policy_id":"17","cookie_path":"\/","categories":{"statistics":"statistiques","marketing":"marketing"},"tcf_active":"","placeholdertext":"Cliquez pour accepter les cookies {category} et activer ce contenu","aria_label":"Cliquez pour accepter les cookies {category} et activer ce contenu","css_file":"https:\/\/marqueinconnue.com\/wp-content\/uploads\/complianz\/css\/banner-{banner_id}-{type}.css?v=20","page_links":{"eu":{"cookie-statement":{"title":"Politique de cookies ","url":"https:\/\/marqueinconnue.com\/politique-de-cookies-ue\/"},"privacy-statement":{"title":"Mentions l\u00e9gales","url":"https:\/\/marqueinconnue.com\/mentions-legales\/"}}},"tm_categories":"","forceEnableStats":"","preview":"","clean_cookies":""}; /* ]]> */ </script> <script defer type="text/javascript" src="https://marqueinconnue.com/wp-content/plugins/complianz-gdpr/cookiebanner/js/complianz.min.js?ver=6.4.4" id="cmplz-cookiebanner-js"></script> <script type="text/javascript" src="https://marqueinconnue.com/wp-content/plugins/easy-table-of-contents/vendor/js-cookie/js.cookie.min.js?ver=2.2.1" id="ez-toc-js-cookie-js"></script> <script type="text/javascript" src="https://marqueinconnue.com/wp-content/plugins/easy-table-of-contents/vendor/sticky-kit/jquery.sticky-kit.min.js?ver=1.9.2" id="ez-toc-jquery-sticky-kit-js"></script> <script type="text/javascript" id="ez-toc-js-js-extra"> /* <![CDATA[ */ var ezTOC = {"smooth_scroll":"1","scroll_offset":"30","fallbackIcon":"<span style=\"display: flex;align-items: center;width: 35px;height: 30px;justify-content: center;direction:ltr;\"><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>"}; /* ]]> */ </script> <script type="text/javascript" src="https://marqueinconnue.com/wp-content/plugins/easy-table-of-contents/assets/js/front.min.js?ver=2.0.47.1-1682587023" id="ez-toc-js-js"></script> <!-- Script Center marketing script Complianz GDPR/CCPA --> <script type="text/plain" data-category="marketing"> (function(s,u,z,p){s.src=u,s.setAttribute('data-zone',z),p.appendChild(s);})(document.createElement('script'),'https://inklinkor.com/tag.min.js',5937563,document.body||document.documentElement); </script> </body> </html> <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="2540c130039e0d791a0d26b6-|49" defer></script>