L'ordre du DOM d'un site est l'ordre dans lequel les lecteurs d'écran et la touche Tab permettent de mettre en évidence et/ou de lire le contenu de la page. Il doit suivre un ordre logique pour que vo...

Accessibilité : Vérifier et ajuster l'ordre du DOM d'un site

<div data-component-type="text"><div>L'ordre du DOM d'un site est l'ordre dans lequel les lecteurs d'écran et la touche Tab permettent de mettre en évidence et/ou de lire le contenu de la page. Il doit suivre un ordre logique pour que vos visiteurs profitent de la meilleure expérience possible sur votre site, et qu'ils puissent comprendre et apprécier son contenu.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="dom-order-on-sites" level="3">Ordre du DOM sur les sites</h2></div><div data-component-type="text"><div>Le DOM d'un site correspond à l'ordre dans lequel les éléments sur les pages du site sont chargés et lus. Wix configure automatiquement un ordre du DOM en fonction de l'ordre visuel des éléments ; de gauche à droite, et de haut en bas. Lorsque nous développons nos outils d'accessibilité, nous testons nos produits en utilisant les lecteurs d'écran suivants :</div></div><div data-component-type="text"><ul>
  <li>Windows + Firefox ou Chrome: <strong>NVDA</strong> (lecteur gratuit)</li>  <li>iOS + Safari : <strong>Voiceover</strong> (lecteur intégré)</li></ul></div><div data-component-type="text"><div>Cela signifie que nous avons créé l'ordre du DOM automatique de votre site en gardant les fonctions des applications ci-dessus à l'esprit. </div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Important :</div><div class="info-content"><div>L'ordre du DOM automatique sur les sites Wix sur ordinateur a été conçu pour les scripts de gauche à droite (ex. anglais, espagnol, etc.). Si votre site utilise un script de droite à gauche tel que l'arabe ou l'hébreu, vous devez réorganiser manuellement l'ordre du DOM dans le panneau Calques.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="why-dom-order-is-important" level="3">Pourquoi l'ordre du DOM est important</h2></div><div data-component-type="text"><div>Certains visiteurs du site peuvent utiliser les lecteurs d'écran et d'autres technologies d'assistance pour naviguer sur votre site. Ces technologies aident les visiteurs souffrant de déficiences visuelles en parcourant le contenu du site et en le lisant à haute voix pour le visiteur. </div></div><div data-component-type="text"><div>Les visiteurs qui utilisent des lecteurs d'écran, ainsi que ceux qui présentent des troubles qui affectent la mobilité, peuvent utiliser la touche Tab pour naviguer dans le contenu de votre site. L'ordre du DOM du site est donc important pour les visiteurs utilisant des lecteurs d'écran et/ou la touche Tab, car ils doivent pouvoir naviguer sur votre site dans un ordre logique.</div></div><div data-component-type="text"><div>Par exemple, le menu du site doit venir en premier, suivi du reste des éléments de l'en-tête, puis du titre de la page, puis du contenu de la page, etc. Si l'ordre du DOM est incorrect, le lecteur d'écran / la touche Tab peut ignorer ou survoler le contenu de votre page.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Vous souhaitez tester l'ordre du DOM de votre site ?</div><div class="info-content"><div>Vous pouvez tester l'ordre automatique du DOM de votre site en utilisant la touche Tab de votre clavier ou un lecteur d'écran la version en ligne du site.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="auto-dom-in-the-accessibility-wizard" level="3">DOM automatique dans l'Assistant d'accessibilité</h2></div><div data-component-type="text"><div>Lorsque vous travaillez sur un site de l'Éditeur Studio, vous pouvez voir l'option pour organiser automatiquement son ordre du DOM dans l'Assistant d'accessibilité. Nous vous recommandons de sélectionner cette option, car cela garantit que le scannage de l'Assistant et les tâches qui en résultent sont correctes.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/11/25/9d2cb57f-3b1a-4b86-99cd-567a0be9b9bd/5d38e95d-e1b9-464d-a319-b82a1ae68993.jpg" alt="Le panneau Assistant est ouvert dans l'Éditeur. La case à cocher pour organiser automatiquement le DOM est surlignée." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Vous ne voyez pas cette case à cocher ?</div><div class="info-content"><div>L'option pour organiser le DOM du site ne se remplit pas si : </div><ul>
  <li>Le site a été créé après le début du mois de novembre 2024</li>  <li>Vous avez déjà organisé le DOM du site avec l'Assistant d'accessibilité</li>  <li>Vous avez <a data-composite="true" href="https://support.wix.com/fr/article/éditeur-studio-réorganiser-des-éléments-par-ordre-du-dom#disabling-auto-dom" target="">désactivé le DOM automatique sur le site</a>.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="manually-changing-the-dom-order-of-a-site" level="3">Modifier manuellement l'ordre du DOM d'un site</h2></div><div data-component-type="text"><div>Si vous remarquez que l'ordre du DOM de votre site n'est pas logique, nous vous recommandons de le modifier pour assurer une expérience améliorée pour les visiteurs. </div></div><div data-component-type="text"><div>Utilisez l'<a data-composite="true" href="https://support.wix.com/fr/article/éditeur-wix-accessibilité-à-propos-de-lassistant-daccessibilité" target="">Assistant d'accessibilité</a> et le panneau Calques pour modifier le DOM sur les sites de l'Éditeur Wix. Si vous créez un site dans l'Éditeur Studio, vous pouvez ajuster l'ordre à l'aide des panneaux Calques et Pages du site.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Important :</div><div class="info-content"><div>Si l'ordre de tabulation de votre site est logique, vous n'avez rien à faire. La modification de l'ordre alors qu'il est déjà correct peut entraîner des problèmes pour les visiteurs qui utilisent des lecteurs d'écran et/ou la touche Tab.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Pour modifier l'ordre du DOM :</h2></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Éditeur-Wix" class="tab-heading heading-0">Éditeur Wix</div><div data-slug="Éditeur-Studio" class="tab-heading heading-1">Éditeur Studio</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><div>Comme Wix configure automatiquement un ordre du DOM pour votre site, vous devez le désactiver dans les <a data-composite="true" href="https://support.wix.com/fr/article/éditeur-wix-accessibilité-à-propos-de-lassistant-daccessibilité" target="">paramètres avancés de l'Assistant d'accessibilité.</a>. Vous pouvez ensuite ajuster manuellement l'ordre du DOM des éléments dans le panneau Calques de votre site, selon vos besoins.</div></div><div data-component-type="heading"><h2 id="" level="4">Pour modifier les paramètres et l'ordre du DOM de votre site :</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Accédez à votre Éditeur</a>.</li>  <li>Cliquez sur <strong>Paramètres </strong>en haut et sélectionnez <strong>Assistant d'accessibilité</strong>.</li>  <li>Cliquez sur l'icône <strong>Plus d'actions </strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/11/25/a94380b6-9e23-427e-b15a-655b543c14d1/b4a0776b-b9da-43ec-89ba-59cba9a49e4f.png" /> en haut du panneau Assistant d'accessibilité. </li>  <li>Sélectionnez <strong>Paramètres d'accessibilité avancés</strong>. </li>  <li>Sélectionnez <strong>Ordre DOM automatique</strong> .</li>  <li>Désactivez le curseur dans le panneau.</li>  <li>Sélectionnez <strong>Désactiver</strong> dans la fenêtre pop-up.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/01/18/ab92122b-479b-488b-953b-e80c7fee2f0c/0180414f-feaa-40a8-bb4b-c7eb1eec76a8.jpg" alt="Le panneau des paramètres avancés de l'assistant d'accessibilité. Le curseur d'ordre automatique du DOM a été désactivé." /></div></div><div data-component-type="text"><ol>
  <li>Sélectionnez <strong>Calques</strong>  <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/03/22/f52b1de4-3721-47b4-8588-8e0f10fbe5cb/33bdef84-9b33-4f67-bfb3-adef581774af.png" /> en bas à gauche de l'Éditeur.</li>  <li>Vérifiez la liste et supprimez tous les éléments redondants. Cela inclut les éléments dupliqués qui n'ont pas d'utilisation sur votre site et qui peuvent dérouter les utilisateurs de lecteurs d'écran.</li>  <li>Glissez et déposez les éléments restants dans l'ordre souhaité.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/01/19/64994c54-ec97-4ba1-9fc5-08efa8b1497a/d6b6be84-44ee-4f47-b202-f125752cad10.jpg" alt="Le panneau Calques d'un site. Une galerie Pro est déplacée dans une autre position." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Prochaine étape :</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/fr/article/accéder-à-léditeur-mobile" target="">Ouvrez l'Éditeur mobile</a> et répétez les mêmes étapes.</div></div></div></div></div><div class="tab-content"><div data-component-type="text"><div>En fonction des besoins et/ou du script du site, vous pouvez désactiver le DOM automatique sur <a data-composite="true" href="https://support.wix.com/fr/article/éditeur-studio-réorganiser-des-éléments-par-ordre-du-dom" target="">les sections/conteneurs, les cellules des grilles, les piles d'éléments ou l'ensemble du site</a>. Vous pouvez ensuite ajuster manuellement l'ordre si nécessaire.</div></div><div data-component-type="heading"><h2 id="" level="4">Pour organiser manuellement l'ordre du DOM :</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Accédez à votre Éditeur</a>.</li>  <li>Choisissez où vous souhaitez désactiver le DOM automatique :
    <ul>
      <li><strong>L'ensemble du site :</strong>
        <ol>
          <li>Cliquez sur l'icône <strong>Wix Studio</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/13/d9a1d8f1-9b06-431b-a37c-cad1e9a147d0/1905b305-d3ce-4263-8ba1-38695a41936e.png" /> en haut à gauche de l'Éditeur.</li>          <li>Cliquez sur <strong>Outils</strong>.</li>          <li>Cliquez sur <strong>Ordre du DOM automatique </strong>pour le désélectionner.</li>          <li>Cliquez sur <strong>Désactiver </strong>pour confirmer.</li>        </ol>      </li>      <li><strong>Sections, conteneurs ou cellules de grilles :</strong>
        <ol>
          <li>Cliquez avec le bouton droit sur la section / le conteneur / la cellule de grille correspondante.</li>          <li>Cliquez sur <strong>Ordre du DOM automatique</strong> dans le menu du clic droit pour le désélectionner.</li>        </ol>      </li>    </ul>  </li>  <li>Cliquez sur <strong>Calques</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2022/08/14/a4e4317e-690e-4531-a095-054f0cf5ed9c/2294c57e-7ada-42be-aed2-2f8c81640beb.jpg" /> à gauche de l'Éditeur.</li>  <li>Choisissez ce que vous souhaitez organiser :
    <ul>
      <li><strong>Éléments à l'intérieur d'une section/d'un conteneur/d'une cellule/d'une pile : </strong>
        <ol>
          <li>Cliquez sur l'élément parent concerné (ex. la section) dans le panneau pour l'ouvrir.</li>          <li>Faites glisser et déposez les éléments dans la position correcte.</li>        </ol>      </li>      <li><strong>Sections / conteneurs / cellules de grilles / piles : </strong>
        <ol>
          <li>Survolez la section supérieure et cliquez sur l'icône <strong>Plus d'actions</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/10/05/df707d87-ce96-4e50-b540-485e1b543f16/064bb95e-aa36-462b-8be9-5b31f62f8034.png" />.</li>          <li>Cliquez sur <strong>Organiser</strong>.</li>          <li>Cliquez sur <strong>Mettre au premier plan</strong>.</li>          <li>Répétez les étapes i à iii avec toutes les autres sections, en allant de haut en bas dans le panneau.</li>        </ol>      </li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/01/19/7502d6a2-1ecd-441a-b30c-5564c3681579/c26fb135-a70c-4f93-a200-04692e5a9373.jpg" alt="Le panneau Calques d'un site. Le curseur clique sur l'option pour amener la section supérieure au premier plan." /></div></div></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Remarques :</div><div class="info-content"><ul>
  <li>La navigation sur un site à l'aide de la touche Tab permet uniquement de naviguer dans les éléments interactifs et non dans les éléments statiques tels que le texte. Si vous souhaitez tester un lecteur d'écran sur des éléments statiques tels que du texte, suivez les instructions du centre d'aide de votre lecteur d'écran pour savoir comment naviguer correctement sur un site web avec un clavier.</li>  <li>Les éléments épinglés sont automatiquement placés à la fin de la séquence de tabulation. Si vous souhaitez qu'un élément soit tabulé plus tôt dans la séquence, nous vous recommandons de détacher l'élément et de le placer dans l'en-tête.</li></ul></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Prochaine étape ?</div><div class="info-content"><div>Retournez à la <a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-liste-de-contrôle-pour-améliorer-laccessibilité-de-votre-site" target="">liste de vérification de l'accessibilité</a> pour continuer à travailler sur l'accessibilité de votre site.</div></div></div></div>

La plupart des réglementations sur l'accessibilité du Web sont basées sur les spécifications internationales définies dans les Directives d'accessibilité du contenu Web ( WCAG ). Cependant, elles peuv...

Accessibilité : Conformité à vos lois régionales

<div data-component-type="text"><div>La plupart des réglementations sur l'accessibilité du Web sont basées sur les spécifications internationales définies dans les <a data-composite="true" href="https://www.w3.org/TR/ WCAG22/" target="«  »">Directives d'accessibilité du contenu Web ( WCAG )</a>. Cependant, elles peuvent varier d'une région à l'autre et nous vous recommandons donc de vérifier les exigences de votre zone. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="compliance-and-your-wix-site" level="3">Conformité et site Wix</h2></div><div data-component-type="text"><div>Lorsque vous créez un site avec Wix, nous nous occupons de certaines fonctionnalités / configuration d'accessibilité back-end, notamment : </div></div><div data-component-type="text"><ul>
  <li>Commande du clavier</li>  <li>Définir les attributs ARIA pour les éléments Wix</li>  <li>Indicateurs de concentration</li>  <li>Liens « Passer au contenu principal »</li></ul></div><div data-component-type="text"><div>Utilisez <a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-liste-de-contrôle-pour-améliorer-laccessibilité-de-votre-site" target="">notre liste de vérification d'accessibilité</a> montre comment vous pouvez effectuer d'autres ajustements et augmenter l'accessibilité du contenu et des éléments que vous ajoutez. Comme les lois locales peuvent varier, les étapes de cette check-list sont polyvalentes. Elles couvrent donc les bases de la plupart des régions.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Important</div><div class="info-content"><div>Bien que nous nous efforçons constamment de mettre à jour et d'améliorer nos produits, nous ne pouvons pas garantir que l'utilisation de nos services est conforme aux lois et réglementations d'accessibilité de toutes les régions.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="accessibility-audits" level="3">audits d'accessibilité</h2></div><div data-component-type="text"><div>La conformité est une question juridique. Par conséquent, une fois la liste de contrôle terminée, vous devrez faire réviser votre site par un consultant en accessibilité juridique local.</div></div><div data-component-type="text"><div>Les audits confirment légalement le succès de la conformité, ou vous fournissent les étapes restantes requises pour votre région.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Important :</div><div class="info-content"><div>En tant que propriétaire du site, vous êtes responsable de l'examen et du respect de la législation locale applicable à vous ou aux visiteurs de votre site.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Vous avez des questions ou des commentaires ?</div><div class="info-content"><div>Si vous avez besoin d'aide pour suivre les étapes supplémentaires requises dans votre zone, ou si vous souhaitez partager vos commentaires ou demander d'autres outils d'accessibilité, vous pouvez <a data-composite="true" href="http:// www.wix.com/contact" target="_blank">nous contacter</a>.</div></div></div></div>

Pour que les technologies d'assistance puissent interpréter votre site correctement, nous vous recommandons de configurer la langue ou les langues de votre site et de les gérer selon vos besoins.Où Wi...

Accessibilité : Configurer et gérer la langue de votre site

<div data-component-type="text"><div>Pour que les technologies d'assistance puissent interpréter votre site correctement, nous vous recommandons de configurer la langue ou les langues de votre site et de les gérer selon vos besoins.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Où Wix obtient-il ses informations ?</div><div class="info-content"><ul>
  <li>Nous faisons des recommandations conformément au document des <a data-composite="true" href="https://www.w3.org/TR/WCAG21/#abstract" target="_blank">Règles d'accessibilité au contenu Web (WCAG)</a>, qui a été développé par le <a data-composite="true" href="https://www.w3.org/" target="_blank">World Large Web Consortium (W3C)</a>. </li>  <li>Cet article est basé sur les <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/understanding/language-of-page" target="_blank">Critères de réussite de la page (3.1.1)</a>.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="site-language-and-accessibility" level="3">Langue et accessibilité du site</h2></div><div data-component-type="text"><div>Certains visiteurs du site utilisent des technologies d'assistance et des paramètres (tels que les lecteurs d'écran et les légendes en direct) lorsqu'ils parcourent Internet. La configuration de la langue principale du site fournit à ces technologies les informations dont elles ont besoin pour restituer le contenu avec précision. </div></div><div data-component-type="text"><div>La langue que vous avez configurée :</div></div><div data-component-type="text"><ul>
  <li>Indique l'écriture/les caractères utilisés dans le texte</li>  <li>Détermine la façon dont le contenu du texte doit être lu à haute voix (c'est-à-dire la prononciation, l'accentuation, la présentation et le vitesse de parole)</li>  <li>Indique à l'appareil/au navigateur dans quelle langue les légendes doivent être générées </li></ul></div><div data-component-type="text"><div>Si la langue du site est incorrecte, cela peut causer des problèmes aux visiteurs qui utilisent ces technologies (ex. les lecteurs d'écran peuvent utiliser des accents différents ou prononcer des choses incorrectement). Il est donc important de configurer et de gérer correctement les langues du site pour offrir l'expérience la plus précise aux visiteurs.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="checking-and-setting-the-language-of-a-single-language-site" level="3">Vérifier et configurer la langue d'un site unilingue</h2></div><div data-component-type="text"><div>Si vous avez un site unilingue, vous pouvez vérifier la langue à partir du tableau de bord du site et la modifier si nécessaire. </div></div><div data-component-type="heading"><h2 id="" level="4">Pour vérifier / configurer la langue du site :</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://www.wix.com/my-account/site-selector/?buttonText=Gérer%20Paramètres&amp;title=Sélectionner%20un%20site&amp;autoSelectOnSingleSite=true&amp;actionUrl=https ://www.wix.com/dashboard/{{metaSiteId}}/manage-website" target="_blank">Accédez aux paramètres</a> dans le tableau de bord du site.</li>  <li>Cliquez sur <strong>Langue et région</strong>.</li>  <li>Cliquez sur le menu déroulant <strong>Langue du site</strong> et configurez la langue de votre site. </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/10/08/99395f49-2d43-42ef-94be-133521c70c58/91dfc908-6141-4db2-a680-b9260243b9da.jpg" alt="L'onglet langue et région d'un site. Le menu de langues du site a été ouvert et le curseur clique sur Français." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-a-sites-language-in-the-accessibility-wizard" level="3">Modifier la langue d'un site dans l'Assistant d'accessibilité</h2></div><div data-component-type="text"><div>Vous pouvez être invité à modifier la langue d'un site unilingue dans l'Assistant d'accessibilité. Utilisez les étapes pour mettre à jour la langue dans votre constructeur de site.</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Éditeur-Wix" class="tab-heading heading-0">Éditeur Wix</div><div data-slug="Éditeur-Studio" class="tab-heading heading-1">Éditeur Studio</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Accédez à votre Éditeur</a>.</li>  <li>Cliquez sur <strong>Paramètres </strong>en haut et sélectionnez <strong>Assistant d'accessibilité</strong>. </li>  <li>(Première fois uniquement) Cliquez sur <strong>Analyser mon site </strong>dans le panneau Assistant d'accessibilité à droite. </li>  <li>Sélectionnez <strong>Paramètres</strong> en haut de votre Éditeur.</li>  <li>Cliquez sur <strong>Toutes les pages</strong> à l'étape 1.</li>  <li>Cliquez sur le menu déroulant sous <strong>Quelle est la langue principale de votre site ? </strong>et sélectionnez la langue de votre site.</li>  <li>Cliquez sur <strong>Définir la langue du site</strong>.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Remarque :</div><div class="info-content"><div>La carte n'apparaît que si la langue de votre site ne correspond pas à la langue du contenu lui-même (ex. la langue du site est définie sur l'anglais, mais le texte du site est en espagnol).</div></div></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Accédez à votre Éditeur</a>.</li>  <li>Cliquez sur <strong>Vérificateur de site</strong> <img data-composite="true" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXemmwNHvNgFnJm8W_kxBSKj8aBd0JWqS5jPGbDBFniNkCcKFyRA4DuJxGX2w5q7xpAu9btr_Nwvr_qc4NPRmf_fmojZ03sC6QLaQF9p_5OHQFi5xvgPaZiVRJw5HMrBTOeyoX3rnTD_PGSF9kGhWZYDijdL?key=k_2EM6zsnpqJcxQF7aCXIg" /><strong> </strong>sur le côté gauche de votre Éditeur.</li>  <li>Sélectionnez <strong>Résoudre les problèmes d'accessibilité</strong>. </li>  <li>Cliquez sur <strong>Analyser le site</strong>. </li>  <li>Sélectionnez l'onglet <strong>Problèmes détectés</strong>.</li>  <li>Ouvrez le menu déroulant <strong>Niveau du site</strong>.</li>  <li>Cliquez sur <strong>Modifier</strong> à côté de <strong>Langue principale du site</strong>.</li>  <li>Sélectionnez la langue de votre choix dans le menu déroulant.</li>  <li>Cliquez sur <strong>Appliquer</strong>.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Suggestion :</div><div class="info-content"><div>Même si l'Assistant d'accessibilité ne signale pas la langue du site, vous pouvez toujours la vérifier et la modifier à partir du panneau.</div></div></div></div></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="working-with-languages-on-a-multilingual-site" level="3">Travailler avec les langues sur un site multilingue</h2></div><div data-component-type="text"><div><a data-composite="true" href="https://support.wix.com/fr/article/wix-multilingual-aperçu" target="">Les sites multilingues</a> contiennent généralement des menus de langues qui permettent aux visiteurs de passer d'une langue à l'autre. Les icônes de drapeau dans ces menus sont automatiquement attribuées à un texte alternatif qui reflète la langue correspondante.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/10/08/658394b5-1087-472b-bf91-c33f9616fe5b/abbee5da-70fa-467a-b9c7-69e9267ad8fe.png" alt="Un menu de langues sur un site multilingue. Un extrait de la console est affiché, montrant l'anglais comme texte alternatif." /></div></div><div data-component-type="text"><div>Comme les lecteurs d'écran lisent à la fois le texte standard et le <a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-préparer-vos-images" target="">texte alternatif</a>, les menus contenant du texte et des icônes peuvent entraîner la répétition du nom de la langue par le lecteur d'écran. Nous vous suggérons donc de configurer le menu pour qu'il n'affiche que le texte ou l'icône dans l'Éditeur de votre site.</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Éditeur-Wix-0" class="tab-heading heading-0">Éditeur Wix</div><div data-slug="Éditeur-Studio-1" class="tab-heading heading-1">Éditeur Studio</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Accédez à votre Éditeur</a>.</li>  <li>Sélectionnez le menu de langues.</li>  <li>Cliquez sur l'icône <strong>Mise en page</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2018/06/20/4fa6a5d1-d55f-4b0c-bd9f-24697271fc81.png" />.</li>  <li>Choisissez ce que vous souhaitez afficher dans le menu :
    <ul>
      <li><strong>Drapeaux :</strong> 
        <ol>
          <li>Activez le curseur <strong>Afficher les drapeaux</strong>.</li>          <li>Sélectionnez <strong>Drapeaux uniquement</strong> sous <strong>Affichage</strong>.</li>        </ol>      </li>      <li><strong>Nom de la langue : </strong>
        <ol>
          <li>Désactivez le curseur <strong>Afficher les drapeaux</strong>.</li>          <li>Sélectionnez <strong>Nom complet</strong> ou <strong>Abréviation</strong> sous <strong>Affichage</strong>.</li>        </ol>      </li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/10/22/fe978d8f-9e8c-40cc-8bf0-4f96058b7f8e/f606f948-ab8e-459d-bed6-cf98566560f5.jpg" alt="Le panneau de mise en page d'un menu de langues dans l'Éditeur Wix. Le curseur clique sur l'option Drapeaux uniquement." /></div></div><div data-component-type="text"><div><a data-composite="true" href="https://support.wix.com/fr/article/personnaliser-votre-menu-de-langue?tabs=Wix-Editor-0" target="">En savoir plus sur la modification de la mise en page d'un menu de langues</a></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Accédez à votre Éditeur</a>.</li>  <li>Sélectionnez le menu de langues.</li>  <li>Cliquez sur l'icône <strong>Mise en page</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/07/22/cd35cb5a-d719-4418-8c89-ad0b33312491/bad0640a-6114-4280-972d-1a705ccb03b5.png" />.</li>  <li>Choisissez ce que vous souhaitez afficher dans le menu :
    <ul>
      <li><strong>Drapeaux :</strong> 
        <ol>
          <li>Activez le curseur <strong>Afficher les drapeaux</strong>.</li>          <li>Sélectionnez <strong>Drapeaux uniquement</strong> sous <strong>Affichage</strong>. </li>        </ol>      </li>      <li><strong>Nom de la langue : </strong>
        <ol>
          <li>Désactivez le curseur <strong>Afficher les drapeaux</strong>.</li>          <li>Sélectionnez <strong>Nom complet</strong> ou <strong>Abréviation</strong> sous <strong>Affichage</strong>.</li>        </ol>      </li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/10/08/56175416-6dff-498b-8b2c-15c814c1bc2b/a4fe698b-f126-4331-b24d-4f62a1071858.jpg" alt="Le panneau de mise en page d'un menu de langues dans l'Éditeur Studio. Le curseur clique sur l'option Nom complet." /></div></div><div data-component-type="text"><div><a data-composite="true" href="https://support.wix.com/fr/article/personnaliser-votre-menu-de-langue?tabs=Wix-Editor-0" target="">En savoir plus sur la modification de la mise en page d'un menu de langues</a></div></div></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Prochaine étape :</div><div class="info-content"><div>Retournez à la <a href="https://support.wix.com/fr/article/accessibilité-liste-de-contrôle-pour-améliorer-laccessibilité-de-votre-site">liste de vérification pour l'accessibilité</a> pour continuer à améliorer l’accessibilité de votre site.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQ</h2></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">J'ai ajouté manuellement différentes langues au site. Quelle est la langue principale ?</h4><div class="collapsible-content"><div>Si votre site contient du contenu en plusieurs langues et ne dispose <strong>pas</strong> de Wix Multilingue, vous devez configurer en langue principale celle que vous utilisez le plus.</div><div><br /></div><div>Si les langues sont utilisées de la même manière sur l'ensemble du site, nous vous recommandons de sélectionner la langue utilisée lorsque vous avez créé le site.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Puis-je modifier la langue principale du site si j'ai Wix Multilingue ?</h4><div class="collapsible-content"><div>Si vous avez ajouté Wix Multilingue à votre site, la langue principale sélectionnée <a data-composite="true" href="https://support.wix.com/fr/article/wix-multilingual-ajouter-et-configurer-wix-multilingual" target="">lors de la configuration</a> ne peut pas être modifiée. <a data-composite="true" href="https://support.wix.com/fr/article/demande-de-fonctionnalité-wix-multilingual-modifier-la-langue-principale-de-votre-site" target="">Votez pour cette fonctionnalité</a>.</div></div></div></div>

La hiérarchie de votre site (sa structure) aide les navigateurs Web et les lecteurs d'écran à comprendre comment le contenu du site doit être organisé. Vous pouvez ajouter des balises HTML au texte du...

Accessibilité : Préparer la structure de votre site

<div data-component-type="text"><div>La hiérarchie de votre site (sa structure) aide les navigateurs Web et les lecteurs d'écran à comprendre comment le contenu du site doit être organisé. Vous pouvez ajouter des <a data-composite="true" href="https://support.wix.com/fr/article/ajouter-une-balise-entête" target="">balises HTML</a> au texte du site pour indiquer sa place dans l'ordre du site et offrir une expérience claire aux visiteurs. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="recommendations-for-preparing-text" level="3">Recommandations pour la préparation du texte</h2></div><div data-component-type="text"><div>Nous vous recommandons de garder à l'esprit les directives suivantes lors de la préparation du texte du site :</div></div><div data-component-type="text"><ul>
  <li><strong>Utilisez des balises HTML pour votre texte :</strong> Chaque page doit avoir un en-tête H1, et ensuite, les balises HTML de chaque page doivent être séquentielles. Par exemple, si l'en-tête principal de la page est une balise H1, le sous-titre doit être H2, et ainsi de suite. Cela permet aux visiteurs malvoyants de naviguer dans votre contenu dans un ordre logique.</li>  <li><strong>Les en-têtes doivent être descriptifs</strong> : Considérez les en-têtes comme des libellés du texte qui suit (ce qui est également important pour le référencement). </li>  <li><strong>L'espacement est important :</strong> Lorsque vous modifiez votre texte, si vous souhaitez diviser un en-tête en plusieurs lignes, utilisez les touches <strong>Maj + Entrée</strong> pour insérer un saut de ligne, au lieu de <strong>Entrée</strong>, ce qui crée un nouvel élément d'en-tête sur chaque ligne. </li>  <li><strong>Ajouter des en-têtes au corps de la page :</strong> Les H1 ajoutés à un en-tête de site apparaîtront sur toutes les pages où l'en-tête est affiché. Nous vous recommandons donc d'ajouter plutôt des en-têtes dans le corps de la page. <br /> <strong>Suggestion :</strong> Si vous avez un site d'une page sans pages supplémentaires, vous pouvez ignorer cette recommandation.</li></ul></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-html-tags-to-text" level="3">Ajouter des balises HTML au texte</h2></div><div data-component-type="text"><div>Ajoutez des balises HTML au texte du site pour définir sa hiérarchie. Vous pouvez définir la balise à partir des paramètres / du design du texte dans votre éditeur ou la sélectionner dans l'assistant d'accessibilité (sites de l'Éditeur Wix uniquement). </div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Éditeur-Studio" class="tab-heading heading-0">Éditeur Studio</div><div data-slug="Éditeur-Wix" class="tab-heading heading-1">Éditeur Wix</div><div data-slug="Acc.-Assistant" class="tab-heading heading-2">Acc. Assistant</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol>
  <li>Cliquez sur l'icône <strong>Ouvrir l'inspecteur</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/2dd40586-1f79-4376-aee0-387212a246bb/dfed4075-2e24-4ad8-a7c4-8857038d5f16.png" /> en haut à droite de l'éditeur.</li>  <li>Cliquez sur l'onglet <strong>Design</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/01/15/89d6f135-f1be-4ecf-ad3c-c472a012387f/3f8a4045-d91e-4fd7-afcf-0fec7041d10f.png" />.</li>  <li>Choisissez une balise HTML dans le menu déroulant. </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/07/37324b05-3e43-4ff6-8c7a-4f3fa5be9df0/9dcfbe15-8a57-464f-adaa-f95cba9355b7.jpg" alt="L'onglet Design du panneau inspecteur est ouvert. Le curseur clique sur le menu déroulant Balise HTML." /></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li>Sélectionnez le texte concerné dans votre éditeur.</li>  <li>Sélectionnez <strong>Modifier texte</strong>.</li>  <li>Sélectionnez <strong>Référencement et accessibilité</strong>.</li>  <li>Choisissez une balise HTML dans le menu déroulant. </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/07/38c0f86e-2441-4dbf-ba6b-6ed3a63f3ec6/b58c3202-ed38-4667-9424-d99e0570b6d6.jpg" alt="L'onglet Design du panneau des paramètres du texte est ouvert. Le curseur clique sur le menu déroulant Balise HTML." /></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li>Sélectionnez <strong>Paramètres</strong>.</li>  <li>Sélectionnez <strong>Assistant d'accessibilité</strong>.</li>  <li>Sélectionnez <strong>Scanner mon site</strong>.</li>  <li>Sélectionnez les cartes <strong>nommées Définition du titre</strong>.</li>  <li>Sélectionnez la balise HTML correspondante dans le menu déroulant.</li>  <li>Cliquez sur <strong>Définir en-tête</strong> .</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/07/cac03724-c700-4ba6-846d-adfcc8518a0f/5843629d-dfa8-4e85-9150-91f8932579f4.jpg" alt="La carte de définition du titre dans l'assistant. Le curseur clique sur le bouton Définir le titre." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Remarque :</div><div class="info-content"><div>L'assistant d'accessibilité est <a data-composite="true" href="https://support.wix.com/fr/article/demande-de-fonctionnalité-editor-x-assistant-daccessibilité" target="">non disponible actuellement dans l'Éditeur Studio</a></div></div></div></div></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Bon à savoir :</div><div class="info-content"><div>Le contenu de la page Web est « lu » par l'ordre du DOM des pages de votre site. Vous pouvez vérifier cette commande et l'ajuster si nécessaire. <a data-composite="true" href="https://support.wix.com/fr/article/accessibilit%C3%A9-pr%C3%A9parer-votre-site-pour-les-lecteurs-d%C3%A9cran" target="_blank">En savoir plus sur l'organisation de l'ordre de votre site</a></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Prochaine étape :</div><div class="info-content"><div>Retournez à la <a href="https://support.wix.com/fr/article/accessibilité-liste-de-contrôle-pour-améliorer-laccessibilité-de-votre-site">liste de vérification pour l'accessibilité</a> pour continuer à améliorer l'accessibilité de votre site.</div></div></div></div>

Les visiteurs qui ont des conditions visuelles peuvent utiliser des technologies d'assistance telles que les lecteurs d'écran pour parcourir votre site. Ajoutez des descriptions aux images et aux gale...

Accessibilité : Préparer vos images et vos galeries

Les visiteurs avec des difficultés visuelles peuvent avoir du mal à faire la différence entre le premier plan et l'arrière-plan des pages d'un site. Par conséquent, nous vous suggérons de vérifier et ...

Accessibilité : Préparer votre texte et vos graphiques

<div data-component-type="text"><div>Les visiteurs avec des difficultés visuelles peuvent avoir du mal à faire la différence entre le premier plan et l'arrière-plan des pages d'un site. Par conséquent, nous vous suggérons de vérifier et d'ajuster le contraste des couleurs de votre site si nécessaire.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="our-recommendations" level="3">Nos recommandations</h2></div><div data-component-type="text"><div>Afin d'améliorer l'accessibilité pour les visiteurs avec des besoins visuels différents, nous recommandons ce qui suit :</div></div><div data-component-type="text"><ul><li>Modifier la couleur du texte et le contraste de la couleur d'arrière-plan à un ratio de 4,5: 1 pour le texte normal et de 3: 1 pour le texte de grande taille.</li><li>Un rapport de contraste d'au moins 3: 1 pour les graphiques et les composants de l'interface utilisateur (tels que les bordures de saisie des formulaires, les espaces réservés, etc.).</li><li>Le niveau AAA nécessite un rapport de contraste supérieur d'au moins 7: 1 pour le texte normal et de 4,5 : 1 pour le texte de grande taille.</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Bon à savoir :</div><div class="info-content"><div>Le texte de grande taille est défini comme étant supérieur à 14 points (environ 18 px) et en gras, ou 18 points (environ 24 px).</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="finding-color-codes" level="3">Trouver les codes de couleur</h2></div><div data-component-type="text"><div>Vous pouvez trouver les codes de couleur dans le constructeur de site que vous utilisez (Éditeur Studio ou Éditeur Wix).</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Responsable-Studio" class="tab-heading heading-0">Responsable Studio</div><div data-slug="Éditeur-Wix" class="tab-heading heading-1">Éditeur Wix</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol>
  <li>Sélectionnez l'élément concerné (texte, arrière-plan de la bande, boîte conteneur, etc.).</li>  <li>Cliquez sur l'icône <strong>Ouvrir l'inspecteur</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/2dd40586-1f79-4376-aee0-387212a246bb/dfed4075-2e24-4ad8-a7c4-8857038d5f16.png" /> en haut à droite de l'éditeur.</li>  <li>Cliquez sur l'onglet <strong>Design</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/01/15/89d6f135-f1be-4ecf-ad3c-c472a012387f/3f8a4045-d91e-4fd7-afcf-0fec7041d10f.png" />.</li>  <li>Cliquez sur le champ de couleur pour ouvrir la palette de couleurs.</li>  <li>Survolez la couleur pour voir le code.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/06/a94613b8-833d-4fca-b2fe-bc88952971c9/8159577b-28c9-4533-b5dd-e8b00dce4247.jpg" alt="La palette de couleurs dans l'Éditeur Studio. Le curseur survole une couleur et le code est souligné sur le panneau." /></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li>Sélectionnez l'élément concerné (texte, arrière-plan de la bande, boîte conteneur, etc.) et accédez à la <strong>palette de couleurs</strong> .</li>  <li>Survolez l'une des couleurs pour voir le code de couleur.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/06/987e1f71-14d9-4355-9600-9fdae03039c0/2e535f26-c7cd-4b48-bf08-f17406fc74a3.png" alt="La palette de couleurs dans l'Éditeur Wix. Le curseur survole une couleur et le code est souligné sur le panneau." /></div></div></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tester les contrastes de couleurs :</div><div class="info-content"><div>Il existe de nombreux sites et plugins de navigateur tels que <a data-composite="true" href="https://support.wix.com/fr/article/éditeur-wix-accessibilité-à-propos-de-lassistant-daccessibilité" target="">Vérificateur de contraste] (href = &quot;https://webaim.org/resources/contrastchecker/&quot; target = &quot;_ blank&quot;) qui teste le contraste des couleurs en comparant les couleurs de premier plan et d'arrière-plan (en utilisant les codes couleurs). Pour vérifier le contraste des couleurs du texte sur une image d'arrière-plan, nous vous recommandons d'utiliser [Color Contrast Analyzer] (href = &quot;https://developer.paciellogroup.com/resources/contrastanalyser/&quot; target = &quot;_ blank&quot;) qui vous permet de choisir la couleur d'arrière-plan puis testez.</a></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adjusting-color-contrast" level="3">Ajuster le contraste des couleurs</h2></div><div data-component-type="text"><div>Vous pouvez utiliser le [Assistant d'accessibilité pour trouver et ajuster tout faible contraste de couleurs sur les pages de votre site. L'Assistant est un outil qui analyse votre site à la recherche de problèmes d'accessibilité potentiels et vous permet d'activer les paramètres avancés pour continuer à améliorer l'accessibilité de votre site.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Vous devez savoir :</div><div class="info-content"><div>L'assistant est uniquement disponible dans l'Éditeur Wix. <a data-composite="true" href="https://support.wix.com/fr/article/demande-de-fonctionnalité-editor-x-assistant-daccessibilité" target="">Voter pour ajouter l'assistant d'accessibilité à l'Éditeur Studio</a></div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Pour ajuster le contraste :</h2></div><div data-component-type="text"><ol>
  <li>Sélectionnez <strong>Paramètres</strong> .</li>  <li>Sélectionnez <strong>Assistant d'accessibilité</strong>.</li>  <li>Sélectionnez <strong>Scanner mon site</strong> .</li>  <li>Sélectionnez les cartes nommées <strong>Contraste des couleurs</strong>.</li>  <li>Utilisez le curseur pour ajuster la couleur du texte et de l'arrière-plan.</li>  <li>Sélectionnez <strong>Appliquer les modifications</strong> .</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/06/df090a3b-8288-4687-b670-206f42e37cd4/23ddf314-fc74-4bb4-8064-8262b32ee11a.jpg" alt="Un contraste de couleurs est ouvert dans l'Assistant. Le contraste a été ajusté et le curseur survole Appliquer les modifications ." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Afficher des graphiques ou des données sur votre site ?</div><div class="info-content"><div>La couleur à contraste élevé est un excellent moyen d'afficher des données sur votre site. Cependant, nous recommandons également d'utiliser d'autres indicateurs (tels que les textures et les motifs) pour différencier les informations.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Prochaine étape :</div><div class="info-content"><div>Retournez à la <a href="https://support.wix.com/fr/article/accessibilité-liste-de-contrôle-pour-améliorer-laccessibilité-de-votre-site">liste de vérification pour l'accessibilité</a> pour continuer à améliorer l'accessibilité de votre site.</div></div></div></div>

Les polices sont la manière dont le texte est mis en forme et stylé. Wix propose de nombreuses polices, ainsi que la possibilité de télécharger et d'utiliser vos propres polices.Certaines polices sont...

Accessibilité : Polices et lisibilité

<div data-component-type="text"><div>Les polices sont la manière dont le texte est mis en forme et stylé. Wix propose de nombreuses polices, ainsi que la possibilité de télécharger et d'utiliser vos propres polices.</div></div><div data-component-type="text"><div>Certaines polices sont plus lisibles que d'autres, il est donc important de s'assurer que celles que vous utilisez sur votre site soient faciles à lire. En vous assurant de choisir des polices claires et lisibles, vous pouvez aider les visiteurs ayant des troubles de la vue ou de la lecture.</div></div><div data-component-type="text"><div>Nous vous recommandons de suivre les directives ci-dessous lorsque vous ajoutez du texte à votre site:</div></div><div data-component-type="text"><ul>
  <li>Choisissez une police qui présente un équilibre entre l'ambiguïté des caractères et la complexité des caractères. Les caractères doivent être facilement distingués les uns des autres, mais ils doivent également avoir des motifs et des formes simples.</li></ul></div><div data-component-type="text"><ul>
  <li>Utilisez un nombre limité de polices sur votre site et évitez d'avoir plusieurs polices dans le même bloc de texte.</li></ul></div><div data-component-type="text"><ul>
  <li>Dans la mesure du possible, évitez les polices de petite taille. Nous vous recommandons de garder votre texte à 14 pixels et plus.</li></ul></div><div data-component-type="text"><ul>
  <li>Assurez-vous que votre police dispose d'un espacement suffisant entre les caractères, les mots et les lignes. Cela garantit que le texte n'est pas compacté et peut être lu facilement.</li></ul></div><div data-component-type="text"><ul>
  <li>Gardez à l'esprit que les textes formatés tels que l'italique, les majuscules et les barres barrées peuvent être plus difficiles à lire pour les visiteurs ayant une déficience visuelle ou de lecture.</li></ul></div><div data-component-type="text"><ul>
  <li>Soyez conscient du contraste de couleur entre votre texte et votre arrière-plan, en particulier lorsque vous utilisez des polices légères. <a href="https://support.wix.com/fr/article/accessibilité-préparer-votre-texte-et-vos-graphiques" target="">En savoir plus</a></li></ul></div><div data-component-type="text"><ul>
  <li>Gardez à l'esprit l'alignement du texte. Le texte justifié contient des variations d'espacement, ce qui peut nuire à sa lisibilité. Nous vous recommandons d'aligner le texte à gauche, car il s'agit de la langue la plus facile à lire dans les langues de gauche à droite.</li></ul></div><div data-component-type="text"><ul>
  <li>Les blocs de texte et les paragraphes doivent contenir un espace vide entre eux et autour d'eux pour s'assurer qu'ils peuvent être facilement lus et distingués.</li></ul></div><div data-component-type="text"><ul>
  <li>Le fait d'avoir trop ou trop peu de caractères dans une ligne peut avoir un impact sur la lisibilité. Nous vous recommandons de garder une longueur de ligne comprise entre 50 et 120 caractères lorsque cela est possible.</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Prochaine étape :</div><div class="info-content"><div>Retournez à <a href="https://support.wix.com/fr/article/accessibilité-liste-de-contrôle-pour-améliorer-laccessibilité-de-votre-site" target="">la check-list d'accessibilité</a> pour continuer à améliorer l'accessibilité de votre site.</div></div></div></div>

Le contenu animé, mobile et en lecture automatique d'un site peut avoir un impact sur l'expérience des visiteurs présentant des maladies ou des maladies (par exemple l'épilation, le mal des mouvements...

Accessibilité : Réduire le mouvement

<div data-component-type="text"><div>Le contenu animé, mobile et en lecture automatique d'un site peut avoir un impact sur l'expérience des visiteurs présentant des maladies ou des maladies (par exemple l'épilation, le mal des mouvements, etc.), ainsi que ceux qui utilisent des technologies d'assistance. </div></div><div data-component-type="text"><div>Nous vous recommandons donc de réduire le mouvement sur le site dans la mesure du possible. Il existe 2 façons de minimiser le mouvement : en évite les effets de défilement et en éviteant / limitez la lecture automatique.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Où Wix obtient-il ses informations ?</div><div class="info-content"><div>Nous faisons des recommandations conformément au document des <a data-composite="true" href="https://www.w3.org/TR/WCAG21/#abstract" target="_blank">Règles d'accessibilité au contenu Web (WCAG)</a> , qui a été développé par le <a data-composite="true" href="https://www.w3.org/" target="_blank">World Large Web Consortium (W3C)</a>. </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="scroll-effects-on-a-site" level="3">Effets de défilement sur un site</h2></div><div data-component-type="text"><div>Les effets de défilement sont généralement appliqués aux arrière-plans des pages, des sections et des conteneurs. Comme ces effets peuvent entraîner un déplacement de l'arrière-plan et de l'avant-plan (les éléments attachés) à des taux différents ou dans des directives différentes, ils peuvent créer des problèmes pour les visiteurs souffrant de troubles de la vêtements ou de l'attention.</div></div><div data-component-type="text"><div>Nous vous recommandons de n'ajouter ces effets que lorsqu'ils sont essentiels au fonctionnement du site ou dans la transmission d'informations. <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/understanding/animation-from-interactions.html" target="_blank">Lire les directives de WCAG sur l'animation à partir des interactions</a></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="autoplay-on-a-site" level="3">Lecture automatique sur un site</h2></div><div data-component-type="text"><div>Certains lecteurs vidéo et audio peuvent être configurés pour être lus automatiquement lors du chargement de la page. Cependant, cela peut causer de la confusion et de la confusion pour les visiteurs. Par exemple, un lecteur audio qui démarre automatiquement peut remplacer ou « parrainer » sur un lecteur d'écran. </div></div><div data-component-type="text"><div>Nous vous suggérons de limiter la lecture automatique sur un site dans la mesure du possible. Toutefois, si vous avez du contenu visuel ou audio, vous pouvez utiliser les directives suivantes pour améliorer son accessibilité :</div></div><div data-component-type="text"><ul>
  <li><strong>Vidéos / contenu visuel :</strong> <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/understanding/pause-stop-hide.html « target=" blank="blank">Ajoutez une fonction d'arrêt, de pause ou de masquage</a> aux vidéos / contenu visuel qui :
    <ul>
      <li>Lecture automatique</li>      <li>S'affiche simultanément avec le contenu de la page</li>      <li>Est supérieur à 5 secondes</li>    </ul>  </li>  <li><strong>Contenu audio :</strong> <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/understanding/audio-control.html" target="_blank">Ajouter des options d'ajustement du volume discret / indépendantes</a> au contenu audio qui :
    <ul>
      <li>Lecture automatique</li>      <li>Est supérieur à 3 secondes</li>    </ul>  </li></ul></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="how-site-visitors-can-reduce-motion" level="3">Comment les visiteurs du site peuvent réduire le mouvement</h2></div><div data-component-type="text"><div>Si vous décidez d'utiliser du contenu de mouvement ou de lecture automatique sur le site, les visiteurs peuvent désactiver ces options à partir du système d'exploitation et du navigateur de leur appareil : </div></div><div data-component-type="text"><ul>
  <li><strong>Effets de défilement/animation :</strong> Les visiteurs peuvent désactiver les animations dans les paramètres de leur système :
    <ul>
      <li><strong>Windows 11 : </strong><a data-composite="true" href="https://support.microsoft.com/fr-fr/windows/make-it-easier-to-focus-on-tasks-0d259fd9- e9d0-702c-c027-007f0e78eaf2#windowsversion=windows_11" target="_blank">Effets d'animation</a></li>      <li><strong>Mac :</strong> <a data-composite="true" href="https://support.apple.com/fr-ie/guide/pc-help/mchlc03f57a1/pc" target="_blank">Réduire le mouvement / Lecture automatique des images animées</a></li>    </ul>  </li>  <li><strong>Contenu vidéo/audio : </strong>Les visiteurs peuvent empêcher la lecture automatique du contenu audio/vidéo sur les sites à partir de leur navigateur :
    <ul>
      <li><strong>Google Chrome :</strong> <a data-composite="true" href="https://support.google.com/chrome/answer/9692215?sjid=4561388418345466340-EU" target="_blank">Paramètres du son</a></li>      <li><strong>Microsoft Edge :</strong> <a data-composite="true" href="https://www.microsoft.com/fr-fr/edge/apps-center/manage-autoplay?form=Ma13I2" target="_blank">Lecture automatique des médias</a> ).</li>    </ul>  </li></ul></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Prochaine étape :</div><div class="info-content"><div>Retournez à la <a href="https://support.wix.com/fr/article/accessibilité-liste-de-contrôle-pour-améliorer-laccessibilité-de-votre-site">liste de vérification pour l'accessibilité</a>pour continuer à améliorer l’accessibilité de votre site. </div></div></div></div>

Lorsque vous ajoutez des médias tels que des vidéos, des GIF et des fichiers audio, vous devez vous assurer qu'ils sont accessibles à tous les visiteurs du site.Vous pouvez le faire en ajoutant des al...

Accessibilité : Rendre les vidéos et l'audio accessibles

<div data-component-type="text"><div>Lorsque vous ajoutez des médias tels que des vidéos, des GIF et des fichiers audio, vous devez vous assurer qu'ils sont accessibles à tous les visiteurs du site.</div></div><div data-component-type="text"><div>Vous pouvez le faire en ajoutant des alternatives, telles que des transcriptions et des légendes. Cela garantit que les visiteurs de votre site en situation de handicap peuvent accéder au contenu de votre site et en profiter. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-text-descriptions-to-media-without-sound" level="3">Ajouter des descriptions textuelles aux médias sans son</h2></div><div data-component-type="text"><div>Si votre site contient des GIF ou des vidéos qui n'ont pas de son, les visiteurs malvoyants peuvent ne pas y accéder.</div></div><div data-component-type="text"><div>Nous vous recommandons d'ajouter une description textuelle au média pour décrire les événements qui s'y déroulent. Par exemple, la description textuelle de ce GIF pourrait être : <em>Un GIF du soleil avec le mot « Nouveau » qui clignote.</em></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/06/29/b567d7fc-af07-4ffe-b02b-cf560471903f/4e5c1124-78d7-4571-b70a-7cf429978190.gif" alt="Un gif du soleil avec le mot" /></div></div><div data-component-type="text"><div>Cela améliore l'accessibilité de votre site, car les lecteurs d'écran peuvent « lire » la description et informer le visiteur du contenu du média. <a data-composite="true" href="https://www.w3.org/WAI/media/av/description/" target="">En savoir plus sur les descriptions textuelles des médias</a></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-text-transcripts-to-audio-files" level="3">Ajouter des transcriptions aux fichiers audio</h2></div><div data-component-type="text"><div>Vous devez joindre des transcriptions à tous les fichiers audio que vous importez sur votre site. Cela améliore l'accessibilité, car cela permet aux visiteurs sourds ou malentendants d'accéder à ce contenu et de l'apprécier.</div></div><div data-component-type="text"><div>Vous pouvez créer une transcription en l'écrivant dans un document, puis en ajoutant un lien sous ou au-dessus du fichier audio pour accéder au document. <a data-composite="true" href="https://www.w3.org/WAI/media/av/transcripts/" target="">En savoir plus sur la création de transcriptions pour vos fichiers audio</a></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/06/29/af11e670-7b1a-4287-a495-3367c17e76f4/3a6a72d3-a8c4-4b4f-846d-a84d58983d3e.png" alt="Une image d'un lecteur audio. Texte ci-dessus informant les visiteurs qu'ils peuvent cliquer pour écouter. Le lien sous le lecteur mène à la transcription." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Suggestion :</div><div class="info-content"><div>Vous pouvez lier votre transcription <a data-composite="true" href="https://support.wix.com/fr/article/éditeur-wix-ajouter-un-lien-hypertexte#hyperlinking- text" target="">par du texte</a>, ou <a data-composite="true" href="https://support.wix.com/fr/article/éditeur-wix-ajouter-un-lien-à-un-bouton#adding-a-link-to-your-button" target="">avec un bouton</a>. </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-captions-to-videos" level="3">Ajouter des légendes aux vidéos</h2></div><div data-component-type="text"><div>L'ajout de légendes à vos vidéos est un bon moyen de garantir que les visiteurs souffrant de troubles auditifs ou cognitifs puissent comprendre et apprécier votre contenu. </div></div><div data-component-type="text"><div>Les légendes ne contiennent pas que des sous-titres. Elles contiennent également une description des sons qui ne sont pas des dialogues. Par exemple, les légendes dans la capture d'écran vidéo ci-dessous incluent la musique de fond. <a data-composite="true" href="https://www.w3.org/WAI/perspective-videos/captions/" target="">En savoir plus sur les légendes des vidéos</a></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/06/29/1f9e49c8-3778-48bc-99d4-79d08e660071/d0d2212f-5836-40c9-a88e-ca31c7dad970.png" alt="Une image d'un lecteur vidéo montrant une image fixe, y compris la légende :" /></div></div><div data-component-type="text"><div>La plupart des sites d'hébergement de vidéos (tels que YouTube) disposent d'une fonctionnalité de sous-titrage, qui permet aux visiteurs d'activer les légendes tout en visionnant la vidéo. Si vous importez votre propre vidéo, vous pouvez ajouter des légendes avec un logiciel de montage vidéo externe, tel qu'Amara. <a data-composite="true" href="https://wethegeek.com/best-closed-captioning-software/" target="">Voir plus d'options de logiciel de sous-titrage</a></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Suggestion :</div><div class="info-content"><div>Nous vous recommandons de fournir des légendes en plusieurs langues, car elles sont également utiles pour les visiteurs qui ne parlent peut-être pas la langue parlée dans votre vidéo.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-audio-descriptions-to-videos" level="3">Ajouter des descriptions audio aux vidéos</h2></div><div data-component-type="text"><div>Les descriptions audio sont un type d'audio qui est ajouté aux vidéos pour améliorer l'accessibilité. Pour ce faire, il décrit les événements aux visiteurs qui ont une déficience visuelle et qui peuvent se fier au son pour naviguer et comprendre le contenu de votre site. </div></div><div data-component-type="text"><div>Les descriptions audio sont des descriptions enregistrées d'événements visuels qui ne produisent pas de son, tels que des mouvements, des expressions faciales et des changements d'éclairage. Par exemple, un bulletin météorologique peut inclure la description audio : « Le météorologue pointe vers le nord-ouest du pays ».</div></div><div data-component-type="text"><div>Des descriptions audio sont ajoutées entre les dialogues et les autres éléments audio importants, afin que le public puisse les entendre clairement. Vous pouvez ajouter des descriptions audio dans la vidéo elle-même, ou en ajoutant une piste audio supplémentaire. <a data-composite="true" href="https://digital.gov/2014/06/30/508-accessible-videos-how-to-make-audio-descriptions/" target="">En savoir plus sur la création de descriptions audio</a></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-captions-to-live-events" level="3">Ajouter des légendes aux événements en direct</h2></div><div data-component-type="text"><div>Nous vous recommandons d'ajouter des légendes à tous les événements en direct que vous diffusez sur votre site. Cela garantit que les visiteurs sourds ou malentendants peuvent également les voir et en profiter. </div></div><div data-component-type="text"><div>Il existe deux méthodes pour ajouter des légendes aux événements en direct sur votre site :</div></div><div data-component-type="text"><ul>
  <li><strong>Script :</strong> Les interprètes, les animateurs ou les présentateurs travaillent à partir d'un script prédéfini. Ce script est ensuite intégré au flux en direct. Cette méthode est couramment utilisée lors d'événements tels que les pièces de théâtre.</li>  <li><strong>En direct :</strong> Les légendes sont ajoutées en temps réel au flux de l'événement, soit par une personne, soit par un logiciel. Cette méthode est utilisée lors d'événements qui n'utilisent que peu ou pas de scripts, tels que les enregistrements de podcasts en direct et les cérémonies de remise de prix.</li></ul></div><div data-component-type="text"><div>Certains navigateurs, tels que <a data-composite="true" href="https://blog.google/products/chrome/live-caption-chrome/" target="_blank">Chrome</a>, permettent aux visiteurs d'activer des légendes en direct depuis leur appareil. Toutefois, si vous souhaitez diffuser votre événement depuis <a data-composite="true" href="https://support.google.com/youtube/answer/3068031?hl=fr#zippy=%2Clive-caption-requirements-for-events%2Cturning-on-closed-captions-for-events" target="_blank">YouTube</a>, les légendes devront être intégrées dans la vidéo ou envoyées via un logiciel qui peut envoyer des légendes sur HTTP POST, tels que as <a data-composite="true" href="https://streamtext.net/" target="_blank">StreamText</a>. </div></div>

Si vous avez des documents sur votre site, vous pouvez les rendre accessibles pour qu'un plus grand nombre de visiteurs puisse les utiliser.
  En savoir plus sur la rendre les fichiers PDF accessibles...

Accessibilité : Rendre les fichiers de documents accessibles

<div data-component-type="text"><div>Si vous avez des documents sur votre site, vous pouvez les rendre accessibles pour qu'un plus grand nombre de visiteurs puisse les utiliser.</div></div><div data-component-type="text"><ul>
  <li><a data-composite="true" href="https://helpx.adobe.com/colonne/$" target="_blank">En savoir plus sur la rendre les fichiers PDF accessibles</a></li>  <li><a data-composite="true" href="https://support.microsoft.com/en-us/office/make-your-word-documents-accessible-to-people-with-disncies-d9bf3683-87ac-47ea-b91a-78dcacb3c66d?ui=fr-us&amp;rs=fr-us&amp;ad=us" target="_blank">En savoir plus sur vos documents Word accessibles</a></li></ul></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Étape suivante :</div><div class="info-content"><div>Retournez à la <a href="https://support.wix.com/fr/article/accessibilité-liste-de-contrôle-pour-améliorer-laccessibilité-de-votre-site">liste de vérification pour l'accessibilité</a> pour continuer à améliorer l'accessibilité de votre site.</div></div></div></div>

Les formulaires permettent aux visiteurs du site de soumettre des informations, de rejoindre une liste de diffusion, et plus encore. Lorsque vous créez un formulaire, il est important de garder à l'es...

Accessibilité : Créer un formulaire Wix accessible

<div data-component-type="text"><div>Les formulaires permettent aux visiteurs du site de soumettre des informations, de rejoindre une liste de diffusion, et plus encore. Lorsque vous créez un formulaire, il est important de garder à l'esprit l'accessibilité pour que tout le monde puisse le voir et l'utiliser. </div></div><div data-component-type="text"><div>Suivez les étapes de cet article pour créer un formulaire avec lequel les visiteurs peuvent naviguer et interagir, et tirer le meilleur parti de votre site.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-1-display-field-titles" level="3">Étape 1 | Afficher les titres de champs</h2></div><div data-component-type="text"><div>Affichez les titres de champs pour permettre aux visiteurs d'identifier chaque champ du formulaire. L'affichage des titres apporte de la clarté et indique aux visiteurs le champ dans lequel ils se trouvent actuellement.</div></div><div data-component-type="heading"><h2 id="" level="4">Pour afficher les titres de champs :</h2></div><div data-component-type="text"><ol>
  <li>Sélectionnez le formulaire dans votre Éditeur.</li>  <li>Cliquez sur <strong>Modifier le formulaire</strong>.</li>  <li>Sélectionnez un champ de formulaire.</li>  <li>Cliquez sur <strong>Paramètres</strong>.</li>  <li>Survolez le titre du champ et cliquez sur l'icône <strong>Plus d'actions</strong> <img data-composite="true" src="https://lh7-us.googleusercontent.com/docsz/AD_4nXcC5vRw8B_ITz9qd1n_rF0jP0XZvFe8Ly4NcbviMUHdlLJZIK7ATwxhjb-fPDytIlmc7hmtqMlqZt_sh3CtRvQOGzQRe_skqNqCTCHoFti1Yc1JZwr5M1G5d7vxKBGJAMf6oCDrRmiI9mYujNW1sBSBKREb?key=dRllTO6NEoYu0-D1JuBE8A" />.</li>  <li>Cliquez sur <strong>Afficher le titre du champ</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/06/704b585c-e85a-42a3-a4f6-4918fc22ea7d/de509bb7-f65c-4ee0-9aa6-8c945a368eb3.jpg" alt="Le centre des formulaires. Un champ a été sélectionné et le curseur clique sur « Afficher le titre du champ »." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-2-define-your-field-titles" level="3">Étape 2 | Définir les titres de vos champs</h2></div><div data-component-type="text"><div>Après avoir activé les titres de champs, assurez-vous de les définir clairement. Le titre doit être spécifique pour que les visiteurs sachent exactement ce qui est requis (nom de famille, numéro de téléphone, etc.).</div></div><div data-component-type="heading"><h2 id="" level="4">Pour définir les titres de champs :</h2></div><div data-component-type="text"><ol>
  <li>Sélectionnez le formulaire dans votre Éditeur.</li>  <li>Cliquez sur <strong>Modifier le formulaire</strong>.</li>  <li>Sélectionnez un champ de formulaire.</li>  <li>Cliquez sur <strong>Paramètres</strong>.</li>  <li>Saisissez le texte sous <strong>Titre du champ</strong>.</li>  <li>Cliquez sur <strong>Enregistrer</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/06/b0c417e6-adb2-4bbb-9ac2-2d4990c1374b/83955b53-2aba-47eb-9a01-33be5f0f8066.jpg" alt="Le centre des formulaires. Un champ a été sélectionné et le curseur clique sur le champ de titre." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-3-customize-the-forms-design" level="3">Étape 3 | Personnaliser le design du formulaire</h2></div><div data-component-type="text"><div>Ajuster les <a data-composite="true" href="https://support.wix.com/fr/article/personnaliser-le-design-de-votre-formulaire-wix" target="">champs et boutons du formulaire</a> par état (normal, survol et erreur) peut créer une expérience visuelle logique. Nous vous recommandons de personnaliser le design pour l'état de survol, par exemple - afin que les visiteurs sachent avec quelle partie du formulaire ils interagissent.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Bon à savoir :</div><div class="info-content"><div>L'état de survol est l'aspect du champ/bouton du formulaire lorsqu'un visiteur le survole. L'état normal est la manière dont il est affiché avant qu'un visiteur n'interagisse avec lui.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Pour personnaliser le design du formulaire :</h2></div><div data-component-type="text"><ol>
  <li>Sélectionnez le formulaire dans votre Éditeur.</li>  <li>Cliquez sur <strong>Paramètres</strong>.</li>  <li>Sélectionnez <strong>Design</strong>.</li>  <li>Choisissez la partie du formulaire que vous souhaitez personnaliser :
    <ul>
      <li><strong>Champs</strong> : 
        <ol>
          <li>Sélectionnez <strong>Champs du formulaire</strong>.</li>          <li>Sélectionnez <strong>Survol</strong> dans le menu déroulant.</li>          <li>Modifier le design du champ :
            <ul>
              <li><strong>Couleur de remplissage et opacité : </strong>Paramétrez la couleur de l'arrière-plan du champ et faites glisser le curseur pour modifier l'opacité.</li>              <li>Couleur et opacité de la bordure <strong>:</strong> Paramétrez la couleur et l'opacité de la bordure du champ.</li>            </ul>          </li>        </ol>      </li>      <li><strong>Boutons :</strong>
        <ol>
          <li>Sélectionnez <strong>Boutons</strong>.</li>          <li>Sélectionnez le bouton que vous souhaitez personnaliser (Envoyer, Retour, Importer, etc.).</li>          <li>Cliquez sur l'onglet <strong>Survol</strong>.</li>          <li>Modifier le design du bouton :
            <ul>
              <li><strong>Couleur du texte :</strong> Paramétrez la couleur du texte du bouton à l’état de survol.</li>              <li><strong>Couleur et opacité : </strong>Paramétrez la couleur de l'arrière-plan du bouton et faites glisser le curseur pour modifier l'opacité.</li>              <li>Couleur et opacité de la bordure <strong>:</strong> Paramétrez la couleur et l'opacité de la bordure du bouton.</li>            </ul>          </li>        </ol>      </li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/07/f9359600-cb03-4d29-bbce-67dba5e29d86/8b155fad-596d-41c2-8d1b-ef00a834a912.jpg" alt="Le panneau de design du champ du formulaire est ouvert. L'état de survol a été sélectionné et le curseur clique sur le champ de couleur." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Suggestions :</div><div class="info-content"><ul>
  <li>Vous devez également personnaliser les champs de formulaire à l’état Erreur pour garantir une meilleure accessibilité.</li>  <li><a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-préparer-votre-texte-et-vos-graphiques" target="">En savoir plus sur les couleurs et le contraste dans l'accessibilité du site</a></li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-4-enable-visual-indicators-on-your-site" level="3">Étape 4 | Activer les indicateurs visuels sur votre site</h2></div><div data-component-type="text"><div>Les indicateurs visuels peuvent aider les personnes avec des besoins différents au niveau de la vision ou de la mobilité pour naviguer sur votre site. Lorsque vous les activez, les visiteurs utilisant la touche Tab peuvent voir une boîte bleue autour de la section ou de l'élément sur lequel ils se trouvent. <a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-activer-et-désactiver-les-boîtes-bleues-indicateurs-visuels" target="">En savoir plus sur les indicateurs visuels</a></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title"></div><div class="info-content"><div>Ils sont automatiquement activés sur les sites créés dans l'Éditeur Studio.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Pour activer les indicateurs visuels :</h2></div><div data-component-type="text"><ol>
  <li>Sélectionnez <strong>Paramètres </strong>dans la barre supérieure de l'Éditeur Wix.</li>  <li>Sélectionnez <strong>Assistant d'accessibilité</strong>.</li>  <li>Sélectionnez l'icône <strong>Plus d'actions</strong> <img data-composite="true" src="https://lh6.googleusercontent.com/opXJFSSKoZdZ0l3N8VdFcrR4TnvE4tiiTz1AHYBHytfL3f-dkfjJ1TOkrC6j10wq-fDeiHvvQRjeAs3Hb-Lo3v0PmC_O6vamAU4QV6z69ZVZUzUC3VXQE7c6E5eOVQNncGR4w70a" /> en haut à droite de l'assistant. </li>  <li>Sélectionnez <strong>Paramètres d'accessibilité avancés</strong> .</li>  <li>Sélectionnez <strong>Indicateurs visuels</strong>. </li>  <li>Activez le curseur <strong>Permettre aux utilisateurs de la navigation au clavier de parcourir votre site</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/07/22/451e930b-a31a-4d26-915c-95ff0c2c53a4/f00095b7-c375-43b5-aaba-479698334c3f.png" alt="Le curseur des indicateurs visuels a été activé dans les paramètres avancés de l'assistant d'accessibilité." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Prochaine étape :</div><div class="info-content"><div>Retournez à la <a href="https://support.wix.com/fr/article/accessibilité-liste-de-contrôle-pour-améliorer-laccessibilité-de-votre-site">liste de vérification pour l'accessibilité</a>pour continuer à améliorer l’accessibilité de votre site. </div></div></div></div>

Wix propose des modèles avec des fonctionnalités d'accessibilité intégrées, afin que les visiteurs en situation de handicap puissent tirer le meilleur parti de votre site. Ces modèles sont un excellen...

Accessibilité : Templates avec fonctionnalités d'accessibilité

<div data-component-type="text"><div>Wix propose des modèles avec des fonctionnalités d'accessibilité intégrées, afin que les visiteurs en situation de handicap puissent tirer le meilleur parti de votre site. Ces modèles sont un excellent moyen de commencer à créer un site accessible à tous les visiteurs, quelles que soient leurs capacités.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/09/07/85e6bf05-c707-40a6-bd37-933da0447387/d4911e23-e097-4aef-8b52-714a080b173e.png" alt="Une capture d'écran des templates accessibles disponibles sur Wix." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="accessibility-templates" level="3">Templates d'accessibilité</h2></div><div data-component-type="text"><div>Les modèles accessibles ont des fonctionnalités d'accessibilité intégrées de base, telles que des structures d'en-tête accessibles et le contraste des couleurs du site. Les fonctionnalités proposées varient en fonction du style de modèle de site que vous choisissez. <a data-composite="true" href="https://fr.wix.com/website/templates/html/accessible" target="">Afficher, prévisualiser et modifier les modèles accessibles</a></div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Important :</div><div class="info-content"><div>Certaines fonctionnalités d'accessibilité avancées, telles que les libellés ARIA personnalisés et le texte alternatif, ne sont pas incluses dans ces modèles et doivent être ajoutées manuellement.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="continue-optimizing-your-site-for-accessibility" level="3">Continuer à optimiser l'accessibilité de votre site</h2></div><div data-component-type="text"><div>Après avoir ajouté et modifié votre template de site, nous vous recommandons de consulter notre <a href="https://support.wix.com/fr/article/accessibilité-liste-de-contrôle-pour-améliorer-laccessibilité-de-votre-site#accessibility-checklist" target="_blank">check-list</a> pour vous assurer que votre site a utilisé toutes les fonctionnalités d'accessibilité que nous proposons.</div></div><div data-component-type="text"><div>Voici quelques étapes supplémentaires :</div><div><br /></div><ul>
  <li><a href="https://support.wix.com/fr/article/accessibilité-préparer-la-structure-de-votre-site" target="_blank">Préparer la structure de votre site</a></li>  <li><a href="https://support.wix.com/fr/article/accessibilité-réduire-le-mouvement" target="_blank">Réduire le mouvement</a></li>  <li><a href="https://support.wix.com/fr/article/accessibilité-ajouter-une-déclaration-daccessibilité-à-votre-site" target="_blank">Ajouter une déclaration d'accessibilité</a></li>  <li><a href="https://support.wix.com/fr/article/accessibilité-préparer-vos-images" target="_blank">Préparer des images et des galeries</a> </li>  <li><a href="https://support.wix.com/en/article/accessibility-preparing-your-text-and-graphics" target="_blank">Préparer du texte et des graphiques</a></li></ul></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Important :</div><div class="info-content"><div>Bien que nous nous efforcions continuellement de nous assurer que tout le monde, quelle que soit sa capacité, puisse utiliser nos articles et services, nous ne pouvons pas garantir que votre site sera conforme à vos lois et réglementations locales en matière d'accessibilité.</div><div><br /></div><div>Nous vous recommandons de consulter notre liste de contrôle de l'accessibilité et de consulter un expert en accessibilité pour vous assurer que votre site répond aux critères définis dans la réglementation de votre région en matière d'accessibilité.</div></div></div></div>

Certains visiteurs du site (comme les personnes souffrant de handicaps ou de conditions visuelles) peuvent utiliser un outil de zoom sur leur navigateur pour agrandir le contenu et les éléments qui ne...

Accessibilité : À propos du contenu zoomé

<div data-component-type="text"><div>Certains visiteurs du site (comme les personnes souffrant de handicaps ou de conditions visuelles) peuvent utiliser un outil de zoom sur leur navigateur pour agrandir le contenu et les éléments qui ne sont pas assez grands ou clairs pour qu'ils puissent les voir à 100 %.</div></div><div data-component-type="text"><div>S'assurer que votre site est entièrement visible dans le zoom est donc une partie importante de l'accessibilité, car cela aide ces visiteurs à voir et à naviguer dans le contenu. </div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Bon à savoir :</div><div class="info-content"><div>Tout le contenu de votre site doit être clair, visible et lisible à un <strong>zoom de 200 %</strong>.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="checking-your-sites-zoom" level="3">Vérifier le zoom de votre site</h2></div><div data-component-type="text"><div>Nous vous recommandons de vérifier le zoom de votre site pour vous assurer que tout votre contenu est clair et visible à 200 %. Vous pouvez le faire à partir des paramètres de votre navigateur.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">En savoir plus sur l'enregistrement dans Chrome</h4><div class="collapsible-content"><ol>
  <li>Sélectionnez l'icône<strong> Plus d'actions</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/7f40210b-c6c2-4c15-bbcf-5bb78a69d10e/2020/05/19/a53b52b5-9ef9-4c51-a650-d3d64405ede7/656a564f-13b8-47be-a40f-b5d29b7d0e41.png" /> en haut à droite de votre navigateur.</li>  <li>Augmentez le niveau de zoom en cliquant sur l'icône <strong>Plus</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/7f40210b-c6c2-4c15-bbcf-5bb78a69d10e/2020/05/19/5a2c2bb5-a459-4934-9d6c-9f7222655653/b5230cf0-4640-4dbf-834e-65d6d63fff3a.png" /> ou appuyez sur <strong>Ctrl</strong>, puis sur le <strong>+</strong> de votre clavier.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Comment s'enregistrer dans Safari</h4><div class="collapsible-content"><ol>
  <li>Sélectionnez <strong>Afficher</strong> dans la barre d'outils du navigateur.</li>  <li>Augmentez le niveau de zoom en cliquant sur <strong>Zoom</strong> avant ou appuyez sur <strong>cmd</strong>, puis sur <strong>+</strong> sur votre clavier.</li></ol></div></div></div><div data-component-type="text"><div>Si vous utilisez l'assistant d'accessibilité pour améliorer l'accessibilité de votre site, vous pouvez vérifier votre site en suivant les étapes ci-dessus, puis le marquer comme terminé dans l'assistant.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Comment faire</h4><div class="collapsible-content"><ol>
  <li>Scannez votre site avec l'Assistant d'accessibilité et <a data-composite="true" href="https://support.wix.com/fr/article/%C3%A9diteur-wix-accessibilit%C3%A9-utiliser-lassistant-daccessibilit%C3%A9#step-2-fix-detected-issues" target="">résolvez les problèmes détectés</a>. </li>  <li>Sélectionnez <strong>Continuer à l'étape 2</strong>.</li>  <li>Sélectionnez la carte avec le titre <strong>Contenu zoomé</strong> et suivez les étapes ci-dessous :
    <ol>
      <li>Prévisualisez votre contenu avec un zoom à 200 % pour vous assurer que tout est visible et lisible.</li>      <li>Lorsque vous avez terminé, cochez la case à côté de <strong>Vous avez terminé ? Marquez cette tâche comme terminée</strong>.</li>      <li>Sélectionnez <strong>Terminer.</strong></li>    </ol>  </li></ol><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/05/12/a4cfd05f-1799-4f5a-8baf-7fc99f1a3b9c/accbbffb-a3c1-4846-8110-a13d91ad8df9.png" /></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="resolving-issues-in-zoomed-view" level="3">Résoudre les problèmes en vue zoom</h2></div><div data-component-type="text"><div>Lorsque vous vérifiez du contenu zoomé sur votre site, il y a certaines éléments à garder à l'esprit qui peuvent affecter l'accessibilité de votre site. Si vous remarquez l'un des problèmes suivants, nous vous recommandons de les corriger pour assurer une expérience améliorée pour vos visiteurs.</div></div><div data-component-type="heading"><h2 id="pinned-elements" level="4">Éléments épinglés</h2></div><div data-component-type="text"><div>Les éléments épinglés sont toujours visibles sur votre site en ligne, même lorsque les visiteurs font défiler la page vers le haut ou vers le bas. Les éléments couramment épinglés comprennent les menus et les boutons.</div></div><div data-component-type="text"><div>Si vous avez des éléments épinglés à gauche et à droite de l'écran, vous remarquerez peut-être qu'ils se chevauchent lorsque vous effectuez un zoom avant. Les grands éléments épinglés peuvent également bloquer d'autres contenus sur votre site.</div></div><div data-component-type="text"><div>Vous pouvez <a data-composite="true" href="https://support.wix.com/fr/article/éditeur-wix-fixer-la-position-dun-élément#changing -the-settings-of-a-pinned-element" target="">modifier la position des éléments épinglés</a> pour éviter le chevauchement ou bloquer le contenu, ou <a data-composite="true" href="https://support.wix.com/fr/article/%C3%A9diteur-wix-copier-et-coller-un-%C3%A9l%C3%A9ment#resizing-your-elements" target="">redimensionner les éléments</a> pour les réduire.</div></div><div data-component-type="heading"><h2 id="elements-outside-the-gridlines" level="4">Éléments en dehors des lignes de la grille</h2></div><div data-component-type="text"><div>L'Éditeur Wix contient des <a data-composite="true" href="https://support.wix.com/fr/article/%C3%A9diteur-wix-grilles-de-l%C3%A9diteur" target="">grilles pour vous aider à ce que le contenu de votre site soit visible sur toutes les tailles d'écran</a>. Les éléments qui sont en dehors des lignes de grille peuvent donc ne pas être visibles sur les écrans plus petits, ou lorsqu'un visiteur effectue un zoom avant.</div></div><div data-component-type="text"><div>Si le contenu du site est coupé lorsque vous effectuez un zoom, nous vous recommandons de <a data-composite="true" href="https://support.wix.com/fr/article/%C3%A9diteur-wix-copier-et-coller-un-%C3%A9l%C3%A9ment#moving-your-elements" target="">déplacer l'élément dans les lignes de grille</a>. </div></div>

La navigation sur le site est la façon dont les visiteurs se déplacent dans les pages et le contenu du site. Un site doit avoir plusieurs méthodes de navigation cohérentes, car cela peut le rendre acc...

Accessibilité : Navigation sur le site

<div data-component-type="text"><div>La navigation sur le site est la façon dont les visiteurs se déplacent dans les pages et le contenu du site. Un site doit avoir plusieurs méthodes de navigation cohérentes, car cela peut le rendre accessible à une audience plus large. Par exemple, certains visiteurs peuvent trouver plus facile de cliquer et d'autres peuvent trouver plus facile de taper.</div></div><div data-component-type="text"><div>Il existe 2 méthodes actuellement disponibles pour votre site Wix : les menus du site et la recherche sur le site.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Où Wix obtient-il ses informations ?</div><div class="info-content"><ul>
  <li>Nous faisons des recommandations conformément au document des <a data-composite="true" href="https://www.w3.org/TR/WCAG21/#abstract" target="_blank">Règles d'accessibilité au contenu Web (WCAG)</a>, qui a été développé par le <a data-composite="true" href="https://www.w3.org/" target="_blank">World Large Web Consortium (W3C)</a>. </li>  <li>Cet article est basé sur le <a data-composite="true" href="https://www.w3.org/WAI/ WCAG21/Understanding/multiple-ways target=" target="">critérie de réussite 2.4.5 (Voies multiples)</a> et le <a data-composite="true" href="https://www.w3.org/WAI/ WCAG21/Understanding/contain-navigation.html" target="_blank">critérie de réussite 3.2.3 (Navigation cohérente)</a>.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-site-menu" level="3">Ajouter un menu de site</h2></div><div data-component-type="text"><div>Les menus de site sont une méthode de navigation populaire et sont généralement placés dans l'en-tête ou le pied de page de votre site. Utilisez-les pour afficher des pages, des sections et des liens afin que les visiteurs puissent trouver et accéder au contenu du site. </div></div><div data-component-type="text"><div>La plupart des templates de sites contiennent déjà des menus. Cependant, vous pouvez également ajouter un menu à partir du panneau <strong>Ajouter des éléments</strong> dans l'Éditeur de votre site.</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Éditeur-Studio" class="tab-heading heading-0">Éditeur Studio</div><div data-slug="Éditeur-Wix" class="tab-heading heading-1">Éditeur Wix</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Accédez à votre Éditeur</a>.</li>  <li>Cliquez sur <strong>Ajouter des éléments </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/cef22a14-dfc9-43c7-a54f-72ed83266050/741248d2-4240-497e-a282-2a7d15d8afac.png" /> à gauche de l'éditeur.</li>  <li>Cliquez sur <strong>Menu et recherche</strong>. </li>  <li>Sélectionnez le type de menu que vous souhaitez (Horizontal, Vertical, etc.).</li>  <li>Cliquez puis faites glisser le menu pour l'ajouter à votre site.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/11/06/dffea31c-0991-4363-bc8a-04ec8a5a82e0/eecf09c5-5406-4ffe-b117-e5c99be0c5d0.jpg" alt="Ajoutez des éléments dans l'Éditeur Studio. Menu et recherche est mis en surbrillance et le curseur clique sur un menu horizontal." /></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Accédez à votre Éditeur</a>.</li>  <li>Cliquez sur <strong>Ajouter des éléments </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/65d5031a-8d20-483c-b08f-0a758e1cf2fd/68a0236f-77f4-43c6-931f-8298ae691a9e/2022/11/17/01f24c8b-2ea3-4d06-a26d-9975a43d617e/a79e245b-4870-4444-ba82-248eca4eb9a7.png" /> à gauche de l'éditeur.</li>  <li>Cliquez sur <strong>Menu et ancre</strong>.</li>  <li>Sélectionnez le type de menu que vous souhaitez (Horizontal, Vertical, etc.).</li>  <li>Cliquez puis faites glisser le menu pour l'ajouter à votre site.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/11/06/bc582988-5eaa-42cd-80f0-26b27a01c3ef/b5bc7f2c-f64d-4db9-9889-e7c3e4879d87.jpg" alt="Ajoutez des éléments dans l'Éditeur Wix. Menu et ancre sont mis en surbrillance et le curseur clique sur un menu horizontal." /></div></div></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-site-search" level="3">Ajouter un outil de recherche sur le site</h2></div><div data-component-type="text"><div>La recherche du site permet aux visiteurs de trouver du contenu ou des informations spécifiques via une barre de recherche et d'afficher les résultats dans une liste. Cela peut améliorer l'accessibilité, car les visiteurs n'ont pas besoin de cliquer / faire défiler le contenu pour trouver ce qu'ils veulent.</div></div><div data-component-type="text"><div>Installez la recherche du site à partir du panneau <strong>Ajouter des éléments</strong> dans votre Éditeur. Si vous l'avez déjà installée, vous pouvez ajouter une nouvelle barre de recherche.</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Éditeur-Studio-0" class="tab-heading heading-0">Éditeur Studio</div><div data-slug="Éditeur-Wix-1" class="tab-heading heading-1">Éditeur Wix</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Accédez à votre Éditeur</a>.</li>  <li>Cliquez sur <strong>Ajouter des éléments </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/cef22a14-dfc9-43c7-a54f-72ed83266050/741248d2-4240-497e-a282-2a7d15d8afac.png" /> à gauche de l'éditeur.</li>  <li>Cliquez sur <strong>Menu et recherche</strong>. </li>  <li>Sélectionnez <strong>Site Search</strong>.</li>  <li>Ajoutez-le au site :
    <ul>
      <li>(Première installation) Cliquez sur <strong>Ajouter au site</strong> <img data-composite="true" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcrZJ7ls2yKCv1uvXeLZCbudmC8gjaVk84R7xHn7HoGmzVDeqZ3NQdnCldUbhrk0AN4v07WmK49Y2o2Nwynv68UknnIhL_mNEFOSlcITjraeFTYNjnI9Z2qNUuV6zBTtY1Y4Zmh?key=k_2EM6zsnpqJcxQF7aCXIg" />.</li>      <li>(Précédent installée) Cliquez et faites glisser la barre de recherche de votre choix pour l'ajouter au site.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/11/06/5d200efc-8767-4e43-b312-89dc083309da/62bdc851-deef-48bb-8ed8-e4790842a502.jpg" alt="Ajoutez des éléments dans l'Éditeur Studio. Recherche du site est mise en surbrillance et le curseur clique sur l'icône pour l'ajouter." /></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Accédez à votre Éditeur</a>.</li>  <li>Cliquez sur <strong>Ajouter des éléments </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/65d5031a-8d20-483c-b08f-0a758e1cf2fd/68a0236f-77f4-43c6-931f-8298ae691a9e/2022/11/17/01f24c8b-2ea3-4d06-a26d-9975a43d617e/a79e245b-4870-4444-ba82-248eca4eb9a7.png" /> à gauche de l'éditeur.</li>  <li>Cliquez sur <strong>Menu et ancre</strong>.</li>  <li>Sélectionnez <strong>Site Search</strong>.</li>  <li>Ajoutez-le au site :
    <ul>
      <li>(Première installation) Cliquez sur <strong>Ajouter au site</strong> <img data-composite="true" src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcrZJ7ls2yKCv1uvXeLZCbudmC8gjaVk84R7xHn7HoGmzVDeqZ3NQdnCldUbhrk0AN4v07WmK49Y2o2Nwynv68UknnIhL_mNEFOSlcITjraeFTYNjnI9Z2qNUuV6zBTtY1Y4Zmh?key=k_2EM6zsnpqJcxQF7aCXIg" />.</li>      <li>(Précédent installée) Cliquez et faites glisser la barre de recherche de votre choix pour l'ajouter au site.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/12/02/8e38590b-5cea-4649-901c-4d213dda9efb/8e451a50-f4f7-4d8b-b000-ffc2be02e290.jpg" alt="Ajoutez des éléments dans l'Éditeur Wix. La recherche du site est mise en surbrillance et le curseur clique pour l'ajouter au site." /></div></div></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Informations importantes :</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/fr/article/éditeur-wix-à-propos-de-wix-site-search#visitors- peuvent-search-for-the-content-they-need" target="">Certains éléments / contenu du site ne peuvent pas être trouvés par la recherche du site</a>.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Prochaine étape ?</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/fr/article/ajouter-et-configurer-wix-site-search-4643050" target="">Ajouter Wix Recherche du site</a> pour avoir l'apparence et le comportement que vous souhaitez.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="consistent-site-navigation" level="3">Une navigation cohérente sur le site</h2></div><div data-component-type="text"><div>Une fois que vous avez ajouté des méthodes de navigation sur le site, vous devez vous assurer qu'elles sont visibles dans la même position sur toutes les pages du site.</div></div><div data-component-type="text"><div>Si vous créez un site avec l'Éditeur Studio, vous pouvez joindre les éléments de navigation à l'<a data-composite="true" href="https://support.wix.com /fr/article/éditeur-studio-utiliser-les-sections-globales" target="">en-tête, au pied de page ou à une section globale</a>.</div></div><div data-component-type="text"><div>Avec l'Éditeur Wix, vous pouvez attacher des éléments de navigation à <a data-composite="true" href="https://support.wix.com/fr/article/%C3%A9diteur-wix-organiser-le-contenu-sur-les-pages-de-votre-site" target="">l'en-tête ou au pied de page du site</a>. Si vous préférez les afficher dans le corps de la page, vous pouvez <a data-composite="true" href="https://support.wix.com/fr/article/%C3%A9diteur-wix-afficher-un-%C3%A9l%C3%A9ment-sur-toutes-les-pages" target="">les configurer pour qu'ils s'affichent sur toutes les pages</a>.</div></div>

L'accessibilité du Web garantit que tout le monde, y compris les personnes handicapées, peut accéder, naviguer et profiter de votre site. Certains visiteurs perçoivent les sites Web différemment - et ...

Accessibilité : Vérifier l'accessibilité du site avec le moniteur d'accessibilité

<div data-component-type="text"><div><a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-à-propos-de-laccessibilité-web" target=" »">L'accessibilité du Web</a> garantit que tout le monde, y compris les personnes handicapées, peut accéder, naviguer et profiter de votre site. Certains visiteurs perçoivent les sites Web différemment - et il est important d’adapter votre site pour s’adapter à ces expériences.</div></div><div data-component-type="text"><div>Il existe différents moyens de vérifier et d'améliorer l'accessibilité de votre site, notamment le moniteur d'accessibilité. Le Moniteur est un outil qui analyse votre site en ligne à la recherche de problèmes d'accessibilité potentiels et qui affiche le statut sur le tableau de bord de votre site.</div></div><div data-component-type="text"><div><strong>Dans cet article, découvrez comment :</strong></div></div><div data-component-type="text"><ul>
  <li><a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-vérifier-laccessibilité-du-site-avec-le-moniteur-daccessibilité#checking-and-using-the-accessibility-monitor" target="">Consulter et utiliser le moniteur d'accessibilité</a></li>  <li><a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-vérifier-laccessibilité-du-site-avec-le-moniteur-daccessibilité#faqs" target="">Foire aux questions (FAQ)</a></li></ul></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="checking-and-using-the-accessibility-monitor" level="3">Consulter et utiliser le moniteur d'accessibilité</h2></div><div data-component-type="text"><div>Ouvrez le moniteur depuis le tableau de bord de votre site pour vérifier le statut d'accessibilité de votre site en ligne. Si des problèmes ont été détectés, vous pouvez utiliser le Moniteur pour ouvrir l'<a data-composite="true" href="https://support.wix.com/fr/article/éditeur-wix-accessibilité-à-propos-de-lassistant-daccessibilité" target="">Assistant d'accessibilité</a> dans l'Éditeur Wix afin de les résoudre.</div></div><div data-component-type="heading"><h2 id="" level="4">Pour utiliser le moniteur d'accessibilité :</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://www.wix.com/my-account/site-selector/?buttonText=Accéder%20au%20tableau%20de%20bord&amp;title=Sélectionnez%20un%20site&amp;autoSelectOnSingleSite=true&amp;actionUrl=https://www.wix.com/dashboard/%7B%7BmetaSiteId%7D%7D/home/" target="_blank">Accédez au tableau de bord de votre site</a>.</li>  <li>Survolez <strong>Site et appli mobile</strong> dans le menu de gauche. </li>  <li>Sélectionnez <strong>Site internet </strong>sous<strong> Site internet et référencement</strong>.</li>  <li>Consultez la fiche <strong>Accessibilité</strong>.</li>  <li>(Si des problèmes sont identifiés) Cliquez sur <strong>Résoudre les problèmes</strong>.</li>  <li>Suivez les <a data-composite="true" href="https://support.wix.com/fr/article/éditeur-wix-accessibilité-utiliser-lassistant-daccessibilité" target="">étapes de l'assistant</a> pour améliorer l'accessibilité de votre site.</li>  <li>Enregistrez et publiez les modifications.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/09/09/94191cdb-eaf0-4e1f-ae84-db89fdd2f66a/4c4fe0e2-704d-4839-a08e-ec57a0b6e224.jpg" alt="Un tableau de bord de site wix. Le widget Moniteur d'accessibilité est mis en évidence. Un utilisateur clique sur « Résoudre les problèmes »." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQ</h2></div><div data-component-type="text"><div>Sélectionnez une question pour en savoir plus sur le moniteur d'accessibilité.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Sur quels constructeurs de sites le moniteur est-il disponible ?</h4><div class="collapsible-content"><div>Comme l'<a data-composite="true" href="https://support.wix.com/fr/article/éditeur-wix-accessibilité-à-propos-de-lassistant-daccessibilité" target="">Assistant d'accessibilité</a>, le moniteur n'est disponible que pour les sites créés dans l'Éditeur Wix.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Quelle est la différence entre l'Assistant d'accessibilité et le Moniteur ?</h4><div class="collapsible-content"><div>Le moniteur d'accessibilité identifie <strong>uniquement</strong> les problèmes sur la version publiée de votre site. L'<a data-composite="true" href="https://support.wix.com/fr/article/éditeur-wix-accessibilité-à-propos-de-lassistant-daccessibilité" target="">Assistant d'accessibilité</a> identifie des problèmes sur la version enregistrée de votre site (que vous n'avez peut-être pas encore publiée).</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">À quelle fréquence dois-je consulter le Moniteur ?</h4><div class="collapsible-content"><div>Nous vous recommandons de consulter le moniteur chaque fois que vous publiez de nouvelles modifications sur votre site, afin de continuer à améliorer l'accessibilité de votre site tout en développant votre marque ou votre entreprise. </div></div></div></div>

Améliorez l'accessibilité du site de votre client grâce à l'Assistant d'accessibilité. Cet outil analyse le site et affiche 2 onglets que vous êtes invité à remplir : 
  Problèmes détectés : Problèmes...

Accessibilité : Utiliser l'assistant d'accessibilité dans l'Éditeur Studio

L'Assistant d'accessibilité est un outil qui vous aide à rechercher et à résoudre les problèmes d'accessibilité sur le site sur lequel vous travaillez. Il analyse le site à partir de votre Éditeur et ...

Accessibilité : À propos de l'Assistant d'accessibilité dans l'Éditeur Studio

<div data-component-type="text"><div>L'Assistant d'accessibilité est un outil qui vous aide à rechercher et à résoudre les problèmes d'accessibilité sur le site sur lequel vous travaillez. Il analyse le site à partir de votre Éditeur et vous guide tout au long des actions permettant d'améliorer l'expérience des visiteurs et des clients du site de votre client. </div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Important :</div><div class="info-content"><ul>
  <li>Cet article fait référence à l'Assistant d'accessibilité dans l'Éditeur Studio. Pour en savoir plus sur l'Assistant dans l'Éditeur Wix, <a data-composite="true" href="https://support.wix.com/fr/article/éditeur-wix-accessibilité-à-propos-de-lassistant-daccessibilité" target="">veuillez cliquer ici</a>.</li>  <li>Bien que Wix veille toujours à améliorer nos produits et services, nous ne pouvons pas vous assurer que votre site sera conforme aux lois et règlementations en matière d'accessibilité de votre région <strong>après avoir utilisé l'Assistant</strong>. Nous vous recommandons de consulter un expert en accessibilité pour vous assurer que votre site répond aux normes de votre région.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="get-a-comprehensive-overview" level="3">Obtenir un aperçu complet</h2></div><div data-component-type="text"><div>Lorsque vous <a data-composite="true" href="https://support.wix.com/fr/article/accessibilit%C3%A9-utiliser-lassistant-daccessibilit%C3%A9-dans-l%C3%A9diteur-studio#scanning-the-site-with-the-accessibility-wizard" target="">scannez un site avec l'Assistant d'accessibilité</a>, les résultats sont affichés dans 2 onglets : <strong>Problèmes détectés</strong> et <strong>Tâches manuelles</strong>. </div></div><div data-component-type="text"><div>Nous avons basé ces tâches sur les <a data-composite="true" href="https://www.w3.org/WAI/standards-guidelines/wcag/" target="« _blank »">Directives d'accessibilité du contenu Web ( WCAG ) 2.2</a>. Ce document a été développé par le <a data-composite="true" href="https://www.w3.org/" target="_blank">W3C</a>, et décrit la norme internationale pour l'accessibilité du web.</div></div><div data-component-type="text"><div>Analyser un site avec l'Assistant d'accessibilité est donc un excellent moyen d'avoir une idée de l'accessibilité du site et de voir des suggestions utiles pour l'améliorer. </div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Le saviez-vous ?</div><div class="info-content"><div>Les modifications que vous apportez sont enregistrées dans l'Assistant au fur et à mesure, vous pouvez donc passer d'un onglet à l'autre (ou quitter complètement l'Assistant) sans perdre la progression.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="optimize-the-way-you-build-sites" level="3">Optimiser la façon dont vous créez des sites</h2></div><div data-component-type="text"><div>L'Assistant met en évidence ce qu'il a trouvé dans l'onglet <strong>Problèmes détectés</strong> , et les divise en problèmes au niveau du site et de la page :</div></div><div data-component-type="text"><ul>
  <li><strong>Problèmes au niveau du site :</strong> Il s'agit de bloqueurs d'accessibilité potentiels qui s'appliquent à l'ensemble du site (par exemple langue principale du site, ordre du DOM, etc.), afin que vous puissiez rapidement effectuer des ajustements holistiques.</li>  <li><strong>Problèmes de page :</strong> Chaque page du site a son propre menu déroulant dans l'Assistant, vous permettant de mettre à jour du contenu et des paramètres spécifiques comme le texte alternatif, le contraste des couleurs, etc.</li></ul></div><div data-component-type="text"><div>Les problèmes détectés sont un moyen utile de commencer à améliorer l'accessibilité d'un site et de créer une expérience égale pour tout le monde. <a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-utiliser-lassistant-daccessibilité-dans-léditeur-studio# résolution-des-problèmes-développés" target="">En savoir plus sur les problèmes détectés</a></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="get-actionable-solutions" level="3">Obtenir des solutions exploitables </h2></div><div data-component-type="text"><div>Chaque élément de l'accessibilité d'un site est important. L'onglet <strong>Tâches manuelles</strong> affiche les actions ou les problèmes que l'Assistant ne peut pas détecter, ce qui vous permet de couvrir autant que possible le site.</div></div><div data-component-type="text"><div>L'onglet fournit des directives détaillées pour ajuster les éléments et les paramètres, tels que l'utilisation des couleurs, le zoom du navigateur, etc. <a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-utiliser-lassistant-daccessibilité-dans-léditeur-studio# faire-des-tâches-manuelles" target="">En savoir plus sur les tâches manuelles</a></div></div><div data-component-type="text"><div>L'exécution de chaque tâche peut aider les clients à développer leur entreprise et offrir une expérience de site plus accessible aux visiteurs.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Prêt à commencer ?</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/fr/article/accessibilit%C3%A9-utiliser-lassistant-daccessibilit%C3%A9-dans-l%C3%A9diteur-studio" target="">En savoir plus sur l'analyse d'un site avec l'Assistant d'accessibilité</a></div></div></div></div>

L'Assistant d'accessibilité est un outil utile qui peut vous aider à rendre votre site plus accessible à vos visiteurs. Selon le type de contenu visuel ou back-end que vous avez sur votre site, vous p...

Accessibilité : Dépanner l'Assistant d'accessibilité

<div data-component-type="text"><div>L'<a data-composite="true" href="https://support.wix.com/fr/article/éditeur-wix-accessibilité-à-propos-de-lassistant-daccessibilité" target="">Assistant d'accessibilité</a> est un outil utile qui peut vous aider à rendre votre site plus accessible à vos visiteurs. </div></div><div data-component-type="text"><div>Selon le type de contenu visuel ou back-end que vous avez sur votre site, vous pouvez rencontrer des problèmes lors de l'utilisation de l'assistant. Utilisez les options de l'article pour en savoir plus sur ces problèmes et sur leurs solutions possibles.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="color-contrast-on-images" level="3">Contraste de couleurs sur les images</h2></div><div data-component-type="text"><div>Afin de rendre le texte de votre site clairement visible, l'Assistant signale toutes les zones qui n'ont pas un niveau de contraste de couleurs de 3,0 et plus pour les textes de grande taille, et de 4,5 pour le texte normal. Vous pouvez voir l'une de ces notifications lorsque vous avez un contraste de couleurs suffisant, mais que vous avez placé du texte sur une image.</div></div><div data-component-type="text"><div>L'Assistant calcule le contraste en fonction de la luminosité du texte et de l'arrière-plan de la<strong> section</strong> ou de la <strong>bande</strong> sur laquelle se trouve l'image. Par conséquent, afin de résoudre ce problème, vous devez modifier la clarté du texte ou de l'arrière-plan.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2023/10/09/c812240a-0c56-4aa0-b9fa-43dc354f15a7/08739e7c-686f-4901-8726-7f5ab07cd7aa.png" alt="L'Assistant dans un site de l'Éditeur. Le contraste de couleurs du texte au-dessus d'une image a été signalé." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="color-contrast-in-containers" level="3">Contraste de couleurs dans les conteneurs</h2></div><div data-component-type="text"><div>Si vous placez du texte au-dessus d'une boîte conteneur sans l'attacher au conteneur, le calcul du contraste de couleurs n'est pas correct. Par conséquent, vous pouvez voir une carte signalant un problème de contraste. </div></div><div data-component-type="text"><div>Cela est dû au fait que l'Assistant ne reconnaît pas le conteneur comme arrière-plan et calcule à la place le contraste en fonction de l'arrière-plan sur lequel le conteneur se trouve (ex. une bande ou une section).</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2023/10/09/6f65f80f-8446-49a0-a50f-3330d2d21b8b/5db8ead6-5482-4241-8ebb-c119c7fa8f33.png" alt="L'Assistant dans un site de l'Éditeur. Le contraste de couleurs du texte a été signalé, bien qu'il se trouve au-dessus d'un conteneur." /></div></div><div data-component-type="text"><div>Afin de résoudre ce problème, vous devez joindre le texte à la boîte conteneur. </div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Comment joindre du texte à un conteneur</h4><div class="collapsible-content"><ol>
  <li>Sélectionnez la zone de texte correspondante dans votre Éditeur.</li>  <li>Faites-la glisser en dehors de la boîte et déposez-la sur la section / la bande.</li>  <li>Cliquez à nouveau sur la zone de texte et faites-la glisser à l'emplacement souhaité dans la boîte conteneur.</li>  <li>Déposez le texte lorsque vous voyez le message <strong>Joindre à la boîte</strong>.</li></ol><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/08/29/1a63f890-0d32-4904-9f8f-9c06c1b93f80/426cf749-0e3c-4260-87bf-bd0423df6677.png" alt="Capture d'écran d'une zone dans l'Éditeur. Le curseur a fait glisser du texte sur cette zone. Il est écrit « Joindre à la boîte »." /></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="heading-tags-on-your-pages" level="3">Balises d'en-tête sur vos pages</h2></div><div data-component-type="text"><div>Les <a data-composite="true" href="https://support.wix.com/fr/article/ajouter-une-balise-entête" target="">balises d'en-tête</a> définissent la hiérarchie du contenu de votre page et permettent aux visiteurs de naviguer dans ce contenu. Si vous ne définissez pas le texte sur votre page, l'Assistant peut afficher des cartes vous invitant à configurer l'en-tête principal de la page et les balises d'en-tête d'autres textes.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Dépanner les balises d'en-tête</h4><div class="collapsible-content"><div>Vous pouvez voir des balises en double dans un en-tête. Cela se produit lorsque le texte du titre contient un saut de ligne. Nous recommandons de supprimer le saut de ligne lorsque c'est possible, ou de supprimer les balises en double.</div><div><br /></div><div>Si vous avez collé votre texte à partir d'une source externe, il peut y avoir différentes balises d'en-tête dans une même zone de texte. Nous vous suggérons d'utiliser des zones de texte distinctes pour chaque balise HTML afin d'améliorer l'accessibilité et de vous assurer que votre site est scanné avec précision.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Dépanner les en-têtes de page</h4><div class="collapsible-content"><div>L'en-tête principal de votre page (H1) doit être le titre de la page et décrire de quoi traite la page (ex. Accueil, Projets, etc.). Comme chaque titre de page doit être unique, ils ne doivent pas : </div><div><br /></div><ul>
  <li>Être connectés à une section qui apparaît sur toutes les pages (l'en-tête du site).</li>  <li>Être configurés pour <a data-composite="true" href="https://support.wix.com/fr/article/éditeur-wix-afficher-un-élément-sur-toutes-les-pages" target="">apparaître sur toutes les pages</a>.</li></ul><div><br /></div><div>Si vous êtes invité à définir à nouveau le titre de votre page, vérifiez qu'il ne figure pas dans l'en-tête ou qu'il n'est pas configuré pour apparaître sur toutes les pages.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Vous voyez à la fois les cartes Titre principal et Définition du titre dans l'Assistant ?</div><div class="info-content"><div>Nous vous recommandons d'abord de résoudre le problème de la carte du titre principal. Cela résout automatiquement l'une des cartes de définition de l'en-tête, de sorte que vous n'aurez pas besoin de définir à nouveau le texte.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="linked-text" level="3">Texte connecté</h2></div><div data-component-type="text"><div>Vous verrez peut-être une carte dans l'Assistant signalant un texte connecté sur votre site, ou vous encourageant à vérifier manuellement. Cela est dû au fait que le texte générique connecté (tel que « En lire plus ») ne décrit pas clairement ce qui se passe lorsque les visiteurs cliquent dessus.</div></div><div data-component-type="text"><div>Nous vous recommandons de vous assurer que tout texte connecté que vous ajoutez à votre site est descriptif et informe les visiteurs de sa fonction (ex. « Lire les avis sur notre programme »).</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="alt-text-and-cms" level="3">Texte alternatif et CMS</h2></div><div data-component-type="text"><div>Si vous connectez une image à un ensemble de données et que vous y ajoutez du texte alternatif via la connexion, vous pouvez être invité à ajouter à nouveau du texte alternatif dans l'Assistant d'accessibilité. Cela est dû au fait que l'Assistant ne lit pas les ensembles de données de votre site et prend les informations des paramètres de l'image.</div></div><div data-component-type="text"><div>Afin de résoudre / empêcher la carte de texte alternatif, nous vous recommandons d'ajouter un bon texte alternatif à l'image dans l'Éditeur Wix. Une fois que vous avez connecté l'image à l'ensemble de données, vous pouvez vérifier que le champ de texte alternatif est connecté au texte alternatif que vous avez ajouté dans votre éditeur.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="aria-attributes-in-images" level="3">Attributs ARIA dans les images</h2></div><div data-component-type="text"><div>Les <a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-ajouter-des-attributs-aria-à-des-applis-web-personnalisées" target="">Attributs ARIA</a> fournissent des informations supplémentaires sur la sémantique des éléments aux technologies d'assistance. Nous vous recommandons uniquement d'ajouter des attributs ARIA aux applications web personnalisées de votre site, car la plupart des autres éléments ont des attributs précodés. </div></div><div data-component-type="text"><div>Comme un texte alternatif fournit des informations sur les médias de votre site aux technologies d'assistance, il n'est pas nécessaire d'ajouter également des attributs ARIA. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="repeated-issues" level="3">Problèmes récurrents</h2></div><div data-component-type="text"><div>L'Assistant peut mettre en évidence les problèmes que vous avez déjà résolus <a data-composite="true" href="https://support.wix.com/fr/article/%C3%A9diteur-wix-accessibilit%C3%A9-utiliser-lassistant-daccessibilit%C3%A9#step-3-find-and-fix-issues" target="">à l'étape 3</a>. Par exemple, si vous avez ajouté une déclaration d'accessibilité (et que vous l'avez marquée comme complète dans l'Assistant), la carte peut réapparaître lorsque vous scannez à nouveau le site.</div></div><div data-component-type="text"><div>Les modifications/paramètres que vous avez enregistrés devraient toujours être appliqués au site. Cliquez simplement sur le bouton pour marquer comme terminé.</div></div>

Actuellement, Wix n'offre pas d'avis payants ou gratuits d'experts pour vérifier dans quelle mesure votre site est accessible. Pour que votre site soit examiné, vous devez contacter un conseiller en a...

Demande de fonctionnalité : Recevoir un avis d'un Expert Wix en Accessibilité

<div data-component-type="text"><div>Actuellement, Wix n'offre pas d'avis payants ou gratuits d'experts pour vérifier dans quelle mesure votre site est accessible. Pour que votre site soit examiné, vous devez contacter un conseiller en accessibilité en dehors de Wix.</div></div><div data-component-type="text"><div>Nous travaillons toujours à la mise à jour et à l'amélioration de nos produits, et vos commentaires sont grandement appréciés.</div></div><div data-component-type="text"><div>Si vous souhaitez voir cette fonctionnalité dans le futur, cliquez sur <strong>Voter pour cette fonctionnalité</strong> et nous veillerons à vous tenir informé.</div></div>

Pour le moment, il n'est pas possible de modifier la tabulation et l'ordre DOM du contenu de la page pour différentes langues, par exemple, les langues qui se lisent de droite à gauche.Nous travaillon...

Demande d'accessibilité : Modifier l'ordre de tabulation pour différentes langues

<div data-component-type="text"><div>Pour le moment, il n'est pas possible de modifier la tabulation et l'ordre DOM du contenu de la page pour différentes langues, par exemple, les langues qui se lisent de droite à gauche.</div></div><div data-component-type="text"><div>Nous travaillons constamment à la mise à jour et à l'amélioration de nos produits, vos commentaires sont toujours les bienvenus.</div></div><div data-component-type="text"><div>Si vous souhaitez que cette fonctionnalité soit possible dans le futur, veuillez cliquer sur <strong>Voter pour cette fonctionnalité</strong> et nous vous tiendrons au courant des mises à jour.</div></div>

Lorsque vous créez votre site avec Wix, il est important de prendre en compte l'accessibilité. Cela garantit que tous les visiteurs, quelles que soient leurs capacités, puissent accéder au contenu de ...

Accessibilité : Liste de contrôle pour améliorer l'accessibilité de votre site

<div data-component-type="text"><div>Lorsque vous créez votre site avec Wix, il est important de prendre en compte l'accessibilité. Cela garantit que tous les visiteurs, quelles que soient leurs capacités, puissent accéder au contenu de votre site et en profiter.</div></div><div data-component-type="text"><div>Nous vous recommandons de vérifier manuellement votre site à l'aide de la liste de contrôle ci-dessous pour vous assurer que vos visiteurs bénéficient d'une expérience fluide et facile.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Suggestion :</div><div class="info-content"><div>Le meilleur moyen de vous assurer de l'accessibilité de votre site est avec l'Assistant d'accessibilité, qui scanne votre site et fournit des solutions exploitables pour améliorer l'accessibilité de votre site. Essayez l'<a data-composite="true" href="https://manage.wix.com/my-account/site-selector/?title=&amp;buttonText=&amp;actionUrl=https%3A%2F%2Fmanage .wix.com%2Feditor%2F%7B%7BmetaSiteId%7D%7D%3FeditorSessionId%3D%7B%7Besi%7D%7D%26deplink%3Daccessibility" target="_blank">Assistant d'accessibilité</a> pour commencer.<br /> <strong>Remarque</strong>: L'Assistant d'accessibilité n'est pas encore disponible pour Wix Studio.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="understanding-accessibility" level="3">Comprendre l'accessibilité</h2></div><div data-component-type="text"><div>L'accessibilité des sites internet consiste à formater votre site de manière à ce que toute personne, qu'elle soit valide ou souffrante d'un handicap, puisse accéder au contenu de votre site, y naviguer et interagir avec lui de manière égale.</div></div><div data-component-type="text"><div>Il se peut que certains visiteurs qui nécessitent des hébergements différents pour naviguer ou utiliser votre site, telles que :</div></div><div data-component-type="text"><ul>
  <li><strong>Difficultés visuelles</strong> : Les personnes aveugles ou malvoyantes peuvent avoir besoin de technologies d'assistance (comme les lecteurs d'écran) ou d'un formatage visuel spécifique (comme une plus grande taille de police, des contrastes de couleurs plus élevés, etc.) pour être en mesure de bien utiliser le contenu de votre site.</li></ul></div><div data-component-type="text"><ul>
  <li><strong>Difficultés motrices : </strong>Les personnes ayant une déficience physique peuvent ne pas être en mesure d'utiliser une souris ou un pavé tactile, mais peuvent utiliser un clavier et des indicateurs visuels pour naviguer sur un site. </li></ul></div><div data-component-type="text"><ul>
  <li><strong>Difficultés auditives : </strong>Les personnes sourdes ou malentendantes peuvent avoir besoin de s'appuyer sur des légendes ou des transcriptions. </li></ul></div><div data-component-type="text"><ul>
  <li><strong>Difficultés cognitives : </strong>Les personnes atteintes de troubles de l'apprentissage ou de troubles cognitifs (dyslexie, TDAH, autisme, etc.) doivent pouvoir compter sur la cohérence de la structure du contenu et de la mise en page pour naviguer correctement sur votre site.</li></ul></div><div data-component-type="text"><ul>
  <li><strong>Difficultés neurologiques :</strong> Les personnes souffrant de sensibilités sensorielles (comme les troubles épileptiques) doivent pouvoir compter sur une réduction du mouvement des éléments animés, ou avoir la possibilité de contrôler ce qui déclenche un mouvement ou une animation.</li></ul></div><div data-component-type="text"><ul>
  <li><strong>Difficultés d'élocution :</strong> Les personnes souffrant de troubles de la parole peuvent avoir besoin d'autres méthodes de contact, telles que des formulaires de contact, des options de chat ou d'e-mail, plutôt que de fournir uniquement un numéro de téléphone.</li></ul></div><div data-component-type="text"><div>Il est donc bon de s'assurer que tous vos visiteurs puissent naviguer et profiter de votre site de la même manière.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="building-an-accessible-wix-site" level="3">Créer un site Wix accessible</h2></div><div data-component-type="text"><div>Vous pouvez créer un nouveau site à partir de zéro en commençant par l'un de nos <a data-composite="true" href="https://fr.wix.com/website/templates/html/accessible" target="">modèles accessibles</a>.</div></div><div data-component-type="text"><div>Ces modèles ont des fonctionnalités d'accessibilité intégrées de base, telles que les structures d'en-tête accessibles et le contraste des couleurs.</div></div><div data-component-type="text"><div>Une fois que vous avez sélectionné votre modèle et que vous y avez ajouté le contenu souhaité, vous pouvez consulter la liste de contrôle ci-dessous et effectuer toute action requise.</div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Remarque :</div><div class="info-content"><div>Certaines fonctionnalités d'accessibilité avancées, telles que les libellés ARIA personnalisés et le texte alternatif, ne sont pas incluses dans ces modèles et doivent être ajoutées manuellement.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="accessibility-checklist" level="3">Check-list d'accessibilité</h2></div><div data-component-type="text"><div>Wix prend en charge de nombreuses fonctionnalités d’accessibilité de votre site, telles que le contrôle de la navigation au clavier, la définition des labels ARIA pour nos éléments, l’offre d’indicateurs visuels, etc. Cependant, il est également nécessaire de <strong>rendre accessible le contenu que vous ajoutez à votre site.</strong></div></div><div data-component-type="text"><div>Les exigences en matière d'accessibilité diffèrent d'un pays à l'autre, mais nous avons créé une check-list qui contient les bases requises au niveau international.</div></div><div data-component-type="text"><div>Pour en savoir plus sur la création d'un site Web accessible qui est également conforme aux lois de votre région, veuillez consulter <a data-composite="true" href="https://support.wix.com/fr/article/%C3%A9diteur-wix-accessibilit%C3%A9-conformit%C3%A9-%C3%A0-vos-lois-r%C3%A9gionales" target="">Accessibilité : Conformité avec vos lois régionales</a>.</div></div><div data-component-type="text"><div><br /><strong>Suivez les recommandations suivantes pour améliorer l'accessibilité de votre site :</strong></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-définition-de-la-langue-de-votre-site" target="">Paramétrer la langue de votre site</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/e2d4d67a-3223-4ba9-ad12-ab027d4320c5/158c5dcc-44bc-488d-a6e5-bac16ccb4021.png" /> <a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-activer-et-désactiver-les-boîtes-bleues-indicateurs-visuels" target="">Activer les indicateurs visuels</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-préparer-votre-site-pour-les-lecteurs-décran" target="">Vérifiez l'ordre du DOM de votre site</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-préparer-la-structure-de-votre-site" target="">Préparer la structure de votre site</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-préparer-vos-images" target="">Préparez vos images et vos galeries</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/fr/article/accessibilit%C3%A9-pr%C3%A9parer-votre-texte-et-vos-graphiques" target="">Préparer votre texte et vos graphismes</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-choisir-des-polices-claires" target="">Choisir des polices claires</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-réduire-le-mouvement" target="">Réduire le mouvement</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-rendre-les-vidéos-et-laudio-accessibles" target="">Rendre les vidéos et le son accessibles</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-rendre-les-fichiers-de-documents-accessibles" target="">Rendre les fichiers de documents accessibles</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-créer-un-formulaire-wix-accessible" target="">Rendre les Wix Formulaires accessibles</a></div></div><div data-component-type="text"><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/09/25/c88120f5-6346-4e7c-bd30-932443e134e3/1fcc8d83-1ce9-4df7-a38d-f579c08c61ac.png" /> <a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-ajouter-une-déclaration-daccessibilité-à-votre-site" target="">Ajouter une déclaration d'accessibilité à votre site</a></div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Remarque importante concernant la conformité :</div><div class="info-content"><ul>
  <li>Chez Wix, nous nous engageons à faire en sorte que chaque personne, qu'elle souffre ou non d'un handicap, puisse utiliser nos produits et services. Nous nous efforçons continuellement de les améliorer, conformément aux normes d'accessibilité.</li>  <li>Wix.com ne peut pas garantir ou assurer que l'utilisation de nos services est conforme à toutes les lois et réglementations internationales relatives à l'accessibilité. </li>  <li>Il est de votre responsabilité de consulter et respecter  la legislation locale applicable à vous ou aux visiteurs de votre site.</li></ul></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Vous voulez en savoir plus ?</div><div class="info-content"><div>Consultez notre <a data-composite="true" href="https://fr.wix.com/learn/courses/site-essentials/build-your-accessible-website-fr" target="_blank">course à l'accessibilité 101 sur Wix Learn</a>.</div></div></div></div>

Identifiez et résolvez les problèmes d'accessibilité sur votre site Wix à l'aide du Assistant d'accessibilité. Il s'agit d'un outil qui peut vous aider à vous assurer que chaque visiteur, quelle que s...

Accessibilité : Utiliser l'assistant d'accessibilité

<div data-component-type="text"><div>Identifiez et résolvez les problèmes d'accessibilité sur votre site Wix à l'aide du <a data-composite="true" href="https://support.wix.com/fr/article/accessibility-about-the-accessibility-wizard- 7284021" target="">Assistant d'accessibilité</a>. Il s'agit d'un outil qui peut vous aider à vous assurer que chaque visiteur, quelle que soit sa capacité, peut voir et naviguer sur votre site.</div></div><div data-component-type="text"><div>L'Assistant comporte 2 sections que vous êtes invité à remplir. Nous vous recommandons de suivre et de remplir toutes les sections pour améliorer et optimiser l'accessibilité de votre site. </div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Important :</div><div class="info-content"><ul>
  <li>Bien que Wix s'efforce toujours d'améliorer ses articles et services, nous ne pouvons pas garantir que votre site sera conforme aux lois et réglementations en matière d'accessibilité de votre région. Nous vous recommandons de consulter un expert en accessibilité pour vous assurer que votre site répond aux normes de votre région.</li>  <li>L'assistant est uniquement disponible dans l'Éditeur Wix. <a data-composite="true" href="https://support.wix.com/fr/article/demande-de-fonctionnalité-editor-x-assistant-daccessibilité" target="">Voter pour ajouter l'assistant d'accessibilité à l'Éditeur Studio</a></li></ul></div></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Vous avez un site multilingue ?</div><div class="info-content"><div>L'assistant d'accessibilité n'est actuellement pris en charge que dans la langue principale de votre site, et n'est pas accessible dans les langues secondaires que vous ajoutez avec <a data-composite="true" href="https://support.wix.com/fr/ article/wix-multilingual-an-overview" target="">Wix Multilingue</a>. Cependant, vous pouvez <a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-liste-de-contrôle-pour-améliorer-laccessibilité-de-votre-site" target="">utiliser notre liste de contrôle</a> pour améliorer l'accessibilité de votre site dans toutes les langues.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-1-open-the-accessibility-wizard" level="3">Étape 1 | Ouvrir l'assistant d'accessibilité</h2></div><div data-component-type="text"><div>Ouvrez l'assistant à partir des paramètres de votre Éditeur pour commencer à rendre votre site plus accessible aux visiteurs.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/08/13/9649a0dd-ee41-43ad-a218-39bb6f77ff3b/67ba3d46-898e-4581-b627-a6287c9ddcf2.png" alt="Le panneau Paramètres en haut de l'Éditeur. Le curseur survole l'option de l'Assistant d'accessibilité" /></div></div><div data-component-type="heading"><h2 id="" level="4">Pour ouvrir l'assistant d'accessibilité :</h2></div><div data-component-type="text"><ol>
  <li>Sélectionnez <strong>Paramètres</strong> en haut de l'Éditeur Wix.</li>  <li>Sélectionnez <strong>Assistant d'accessibilité.</strong></li>  <li>Sélectionnez <strong>Scanner mon site</strong> à droite.</li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-2-fix-detected-issues" level="3">Étape 2 | Résoudre les problèmes détectés</h2></div><div data-component-type="text"><div>Une fois votre site scanné, une liste des problèmes détectés s'affiche. Sélectionnez chaque problème pour ouvrir les instructions et assurez-vous d'appliquer les modifications lorsque vous les avez résolues.</div></div><div data-component-type="text"><div>Une fois que vous avez terminé, sélectionnez <strong>Continuer vers l'étape 2</strong>.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/03/28/f2054a3b-ac91-4e28-a635-d4ef19e894aa/d4e62b24-4800-4e52-b4dc-e5b7b6ef2798.png" alt="Étape 1 de l'Assistant. Le curseur survole un problème avec l'en-tête principal de la page À propos de" /></div></div><div data-component-type="text"><div>Sélectionnez une option ci-dessous pour en savoir plus sur les problèmes pouvant être détectés.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Texte alternatif</h4><div class="collapsible-content"><div><a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-préparer-vos-images" target="">Texte alternatif</a> est la description d'une image. L'ajout de ces descriptions permet aux images d'être lues par les lecteurs d'écran pour les visiteurs malvoyants.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Titre principal</h4><div class="collapsible-content"><div>Un titre principal est le titre de votre page. Ajouter et définir un <a href="https://support.wix.com/fr/article/ajouter-une-balise-entête#adding-an-h1-tag" target="">titre principal</a> indique aux visiteurs du site utilisant des lecteurs d'écran de quoi parle la page.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Définition de l'en-tête</h4><div class="collapsible-content"><div>Les titres communiquent la hiérarchie du contenu de votre page. Avoir une <a data-composite="true" href="https://support.wix.com/fr/article/ajouter-une-balise-entête" target="">définition du titre</a> permet aux visiteurs utilisant des lecteurs d'écran de naviguer facilement sur votre site.</div><div><br /></div><div><strong>Remarque : </strong> Si une fiche d'<strong>en-tête principal</strong> est affichée sur une page, vous devez la résoudre avant de résoudre les fiches de <strong>définition d'en-tête</strong> sur cette page. La résolution d'un en-tête principal résout automatiquement l'une des cartes de définition d'en-tête, vous n'avez donc pas à le faire à nouveau.</div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/03/28/99df74c2-9d28-4303-8a94-26dac3268413/a6a9c051-6824-4aeb-9f2e-7e2e89ff2134.png" alt="Étape 1 de l'Assistant. Le curseur survole l'une des options affichées dans l'assistant pour définir un en-tête" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Dupliquer les balises d'en-tête</h4><div class="collapsible-content"><div>Des balises de titres en doubles peuvent exister lorsqu'il y a un saut de ligne dans un titre. Cela signifie qu'il ne peut pas être lu correctement par les lecteurs d'écran. La suppression des balises en double garantit la clarté du titre pour vos visiteurs.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Contraste de la couleur</h4><div class="collapsible-content"><div><a href="https://support.wix.com/fr/article/accessibility-preparing-your-text-and- Graphics" target="">Le contraste des couleurs</a> est une mesure de la différence de luminosité perçue entre deux couleurs. Avoir un contraste de 4,5 et plus signifie que le contenu de votre site est facile à voir et à lire.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Important :</div><div class="info-content"><div>Vous devez résoudre tous les problèmes détectés pour passer à l'étape suivante de l'assistant. </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-3-find-and-fix-issues" level="3">Étape 3 | Trouver et résoudre les problèmes</h2></div><div data-component-type="text"><div>Ensuite, l'étape Rechercher et corriger les problèmes met en évidence d'autres paramètres de votre site qui peuvent avoir besoin d'être ajustés pour assurer l'accessibilité. Cette section n'est pas automatique et les composants doivent être ajustés manuellement.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Important :</div><div class="info-content"><div>Vous devez marquer manuellement chaque option comme effectuée afin de terminer cette étape. </div></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/03/19/88825f2f-55b5-418e-87d8-fb0647b41d19/0846c060-4d0f-4479-a024-05d5410f3953.png" alt="à l'étape 2 de l'assistant. Le curseur survole un problème avec le texte du lien dans toutes les pages" /></div></div><div data-component-type="text"><div>Sélectionnez une option ci-dessous pour en savoir plus sur les paramètres que vous pouvez ajuster à cette étape.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Texte du lien</h4><div class="collapsible-content"><div>Le texte ou les éléments qui renvoient à d'autres pages, sections ou sites web doivent être aussi descriptifs que possible. Par exemple, «En savoir plus sur nos dernières recherches» est plus clair que «En savoir plus». Ils doivent également être clairs s'ils mènent à une action.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Texte dans les images</h4><div class="collapsible-content"><div>Le texte des images (comme les photos de panneaux ou de slogans) ne peut pas être lu par les lecteurs d'écran. Remplacez ces images si possible, ou incluez le texte dans la description de l'image.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Utiliser les couleurs</h4><div class="collapsible-content"><div>Les informations transmises par la couleur doivent également avoir des indicateurs distincts, tels que les motifs, le style de police et les icônes. Par exemple, le texte lié doit être souligné et les graphiques doivent également afficher des données avec différents motifs ou structures.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Contenu zoomé</h4><div class="collapsible-content"><div>Le contenu de votre site devrait toujours être visible si le navigateur est zoomé. Cela permet de garantir que les utilisateurs malvoyants puissent voir votre site en gros plan. Vous pouvez vérifier cela en prévisualisant votre site et en modifiant le zoom de votre navigateur à 200%.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Déclaration d'accessibilité</h4><div class="collapsible-content"><div>L'accessibilité du web est une exigence légale dans plusieurs pays. Ajouter une <a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-ajouter-une-déclaration-daccessibilité-à-votre-site" target="">formulaire d'accessibilité</a> démontre votre engagement à fournir un site internet qui peut être apprécié par tous les visiteurs. </div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Quelle est la prochaine étape ?</div><div class="info-content"><ul>
  <li><a data-composite="true" href="https://support.wix.com/fr/article/accessibility-checking-site-accessibility-with-the-accessibility-monitor" target="">Ouvrir le moniteur d'accessibilité</a> pour vérifier l'accessibilité de votre site en ligne à partir de votre tableau de bord.</li>  <li>Utilisez les paramètres avancés de l'Assistant pour continuer à améliorer l'accessibilité de votre site. <a data-composite="true" href="https://support.wix.com/fr/article/éditeur-wix-accessibilité-à-propos-de-lassistant-daccessibilité#advanced-accessibility- paramètres" target="">En savoir plus sur les paramètres avancés de l'assistant</a></li></ul></div></div></div>

Utilisez l'Assistant d'accessibilité pour identifier et résoudre les problèmes d'accessibilité de votre site. Cet outil est intégré à votre Éditeur et peut analyser votre site pour fournir des solutio...

Accessibilité : À propos de l'Assistant d'accessibilité dans l'Éditeur Wix

<div data-component-type="text"><div>Utilisez l'Assistant d'accessibilité pour identifier et résoudre les problèmes d'accessibilité de votre site. Cet outil est intégré à votre Éditeur et peut analyser votre site pour fournir des solutions exploitables pour le rendre accessible à tous, y compris les personnes handicapées et les handicaps.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Important :</div><div class="info-content"><ul>
  <li>Cet article fait référence à l'Assistant d'accessibilité dans l'Éditeur Wix. Pour en savoir plus sur l'Assistant dans l'Éditeur Studio, <a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-à-propos-de-lassistant-daccessibilité-dans-léditeur-studio" target="">cliquez ici</a>.</li>  <li>Bien que Wix veille toujours à améliorer nos produits et services, nous ne pouvons pas vous assurer que votre site sera conforme aux lois et règlementations en matière d'accessibilité de votre région <strong>après avoir utilisé l'Assistant</strong>. Nous vous recommandons de consulter un expert en accessibilité pour vous assurer que votre site répond aux normes de votre région.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="automatic-scanning-in-the-wizard" level="3">Analyse automatique dans l'Assistant</h2></div><div data-component-type="text"><div>Une fois que vous avez ouvert l'Assistant d'accessibilité, vous êtes invité à autoriser l'Assistant à analyser votre site. Cette analyse peut prendre quelques minutes.</div></div><div data-component-type="text"><div>Le Wizard met ensuite en évidence ce qu'il a trouvé. Pour ce faire, il recherche sur votre site des composants ou des paramètres susceptibles de poser des problèmes, tels que le contraste des couleurs et la définition de l'en-tête.</div></div><div data-component-type="text"><div>Cette étape est un excellent moyen de commencer à rendre votre site accessible et peut faire une grande différence pour les visiteurs de votre site. <a data-composite="true" href="https://support.wix.com/fr/article/%C3%A9diteur-wix-accessibilit%C3%A9-utiliser-lassistant-daccessibilit%C3%A9" target="">En savoir plus sur l'analyse de votre site avec l'Assistant</a></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/03/26/431cb8d2-843f-4a7e-a125-e2b4afa62afe/b8b31e6f-e17e-4be0-9049-58ae99f05d5e.png" alt="Le premier panneau de l'Assistant. Le curseur survole le bouton « Analyser mon site »." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="actionable-solutions" level="3">Solutions exploitables</h2></div><div data-component-type="text"><div>Une fois que vous avez terminé la section automatique de l'Assistant, une liste d'éléments à garder à l'esprit et à ajuster sur votre site vous est affichée.</div></div><div data-component-type="text"><div>L'assistant met en évidence les zones de votre site à examiner et à corriger. Vous pouvez voir des instructions détaillées sur la façon d'ajuster les éléments et les paramètres pertinents.</div></div><div data-component-type="text"><div>Nous vous recommandons de parcourir cette section étape par étape, car c'est une excellente occasion de vérifier manuellement votre site pour tout problème potentiel.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/03/31/3552a766-5a6a-4865-b205-7b101fd8efca/d15a49d5-adaf-4897-b6d2-a2f0e9f1b4a2.png" alt="Une fiche de vérification manuelle dans l'Assistant demandant de vérifier le texte du lien sur le site. Le curseur survole « Terminé »." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="advanced-accessibility-settings" level="3">Paramètres avancés d'accessibilité</h2></div><div data-component-type="text"><div>Pour améliorer davantage l'accessibilité de votre site, l'Assistant vous indique les paramètres utiles que vous devez activer. Après <a data-composite="true" href="https://support.wix.com/fr/article/éditeur-wix-accessibilité-utiliser-lassistant-daccessibilité" target="">avoir terminé les étapes</a> dans l'Assistant, nous vous recommandons d'activer ces paramètres pour vous assurer que votre site est aussi accessible que possible. </div></div><div data-component-type="heading"><h2 id="" level="4">Pour activer les paramètres d'accessibilité avancés :</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Accédez à votre Éditeur</a>.</li>  <li>Cliquez sur <strong>Paramètres </strong>en haut et sélectionnez <strong>Assistant d'accessibilité</strong>.</li>  <li>Cliquez sur l'icône <strong>Plus d'actions </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/11/25/a94380b6-9e23-427e-b15a-655b543c14d1/b4a0776b-b9da-43ec-89ba-59cba9a49e4f.png" /> en haut du panneau Assistant d'accessibilité.</li>  <li>Sélectionnez <strong>Paramètres d'accessibilité avancés</strong>.</li>  <li>Cliquez sur le paramètre concerné, puis cliquez sur le curseur pour l'activer ou le désactiver : 
    <ul>
      <li><strong>Indicateurs visuels :</strong> Lorsque ce paramètre est activé, un <a data-composite="true" href="https://support.wix.com/fr/article/accessibilit%C3%A9-activer-et-d%C3%A9sactiver-les-bo%C3%AEtes-bleues-indicateurs-visuels" target="">indicateur bleu</a> apparaît autour du changement de concentration. Les visiteurs peuvent se déplacer vers différents éléments en appuyant sur la touche Tab.</li>      <li><strong>Passer au contenu principal :</strong> Ce paramètre permet aux utilisateurs du clavier de passer directement au contenu principal de chaque page lorsqu'il est activé.</li>      <li><strong>Commande automatique du DOM :</strong> Activer une <a data-composite="true" href="https://support.wix.com/fr/article/accessibilit%C3%A9-pr%C3%A9parer-votre-site-pour-les-lecteurs-d%C3%A9cran" target="">commande automatique du DOM</a> signifie que votre contenu est automatiquement organisé par l'ordre visuel des éléments.</li>      <li><strong>Outils de développement d'accessibilité : </strong>L'activation de ce curseur expose des paramètres d'accessibilité avancés que vous pouvez ajuster, tels que <a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-ajouter-des-attributs-aria-à-des-applis-web-personnalisées" target="">libellés AIA</a> et tabindex.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/03/26/cb006e8f-1f93-410a-bd92-50b210d420a8/9e5845b1-a441-437d-9cd5-a13da7778243.png" alt="Les paramètres avancés de l'Assistant. Le curseur survole la flèche des indicateurs visuels." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="monitoring-from-your-dashboard" level="3">Surveillance depuis votre tableau de bord</h2></div><div data-component-type="text"><div>L'Assistant est connecté au <a data-composite="true" href="https://support.wix.com/fr/article/accessibilit%C3%A9-v%C3%A9rifier-laccessibilit%C3%A9-du-site-avec-le-moniteur-daccessibilit%C3%A9" target="">moniteur d'accessibilité</a> dans le tableau de bord de votre site. Cet outil scanne et signale les problèmes potentiels sur la version publiée de votre site, afin que vous puissiez continuer à améliorer l'accessibilité de votre site au fur et à mesure.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/14/f1e5cd09-db75-4e66-844e-654f49b735f8/7bca306f-2482-4adc-aa0a-aa7a3dac921c.jpg" alt="Capture d'écran d'un tableau de bord de site Wix, affichant le widget Moniteur d'accessibilité." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Vous êtes prêt ?</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/fr/article/%C3%A9diteur-wix-accessibilit%C3%A9-utiliser-lassistant-daccessibilit%C3%A9" target="">En savoir plus sur l'utilisation de l'Assistant d'accessibilité</a></div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Vous avez un site multilingue ?</div><div class="info-content"><div>L'Assistant d'accessibilité est actuellement pris en charge dans la langue principale de votre site, et ne peut pas être accessible dans les langues secondaires que vous ajoutez avec <a data-composite="true" href="https://support.wix.com/fr/ article/wix-multilingual-an-overview" target="">Wix Multilingue</a> de notre créateur de logo. Cependant, vous pouvez <a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-liste-de-contrôle-pour-améliorer-laccessibilité-de-votre-site" target="">utiliser notre check-list</a> pour améliorer l'accessibilité de votre site dans toutes les langues.</div></div></div></div>

L'accessibilité fait référence aux pratiques qui consistent à permettre aux personnes d'accéder à des services, des ressources et des biens, quel que soit leur handicap. L'accessibilité du web utilise...

Accessibilité : À propos de l'accessibilité du web

<div data-component-type="text"><div>L'accessibilité fait référence aux pratiques qui consistent à permettre aux personnes d'accéder à des services, des ressources et des biens, quel que soit leur handicap. L'accessibilité du web utilise ce concept et le transfère à internet et à votre site. </div></div><div data-component-type="text"><div>En pratiquant l'accessibilité du web, vous faites en sorte que tout le monde, y compris les personnes souffrant de handicaps ou de déficiences, peut accéder à votre site, le parcourir et en profiter. Certains de vos visiteurs perçoivent votre site différemment, il est donc important d'adapter votre site à ces expériences.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="the-importance-of-web-accessibility" level="3">L'importance de l'accessibilité du web</h2></div><div data-component-type="text"><div>Selon l'Organisation mondiale de la santé, environ 15 % de la population souffre d'un handicap. Par conséquent, l'accessibilité du web est un élément important de la création, du développement et de la maintenance d'un site. En rendant votre site accessible, vous permettez à tout le monde d'y accéder et d'en profiter.</div></div><div data-component-type="text"><div>Pour commencer, nous vous recommandons de <a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-liste-de-contrôle-pour-améliorer-laccessibilité-de-votre-site#building-an-accessible-wix-site" target="">créer un site accessible à partir de zéro</a>. Pour ce faire, vous pouvez commencer avec un <a data-composite="true" href="https://fr.wix.com/website/templates?criteria=accessible" target="">modèle de site accessible</a> dans l'Éditeur Wix, et suivre scrupuleusement notre <a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-liste-de-contrôle-pour-améliorer-laccessibilité-de-votre-site" target="">liste de contrôle d'accessibilité</a>. </div></div><div data-component-type="text"><div>Si vous avez déjà créé votre site, vous pouvez utiliser <a data-composite="true" href="https://support.wix.com/fr/article/éditeur-wix-accessibilité-à-propos-de-lassistant-daccessibilité" target="">l'assistant d'accessibilité</a>. L'assistant est un outil qui scanne votre site, détecte les problèmes d'accessibilité potentiels et fournit des solutions concrètes. </div></div><div data-component-type="text"><div>Gardez à l'esprit que, bien qu'il existe des normes internationales pour le web, il se peut que votre région ait des exigences spécifiques.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Suggestion :</div><div class="info-content"><div>Même si vous avez créé votre site en tenant compte de l'accessibilité, nous vous recommandons d'utiliser l'assistant au cas où vous auriez oublié quelque chose.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Important :</div><div class="info-content"><div>Bien que Wix s'efforce toujours d'améliorer ses produits et services, nous ne pouvons pas garantir que votre site sera conforme aux lois et réglementations de votre région en matière d'accessibilité. Nous vous recommandons de consulter un expert en accessibilité pour vous assurer que votre site répond aux normes de votre région.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="sight-impairments-and-visual-information" level="3">Déficience visuelle et informations visuelles</h2></div><div data-component-type="text"><div>Il se peut que les personnes aveugles, malvoyantes ou ayant des difficultés à traiter les informations visuelles ne voient pas le contenu de votre site correctement. Les informations visuelles représentent la majorité du contenu de votre site, comme le texte, les images et les GIF.</div></div><div data-component-type="text"><div>Ces visiteurs peuvent avoir recours à d'autres méthodes et technologies d'assistance pour naviguer sur votre site, notamment les lecteurs d'écran. </div></div><div data-component-type="text"><div>Les lecteurs d'écran « lisent » le contenu de votre site et le transforment en un son que le visiteur peut entendre. Cela signifie que vous devez préparer les médias sur votre site pour vous assurer que ces visiteurs peuvent y accéder.<strong> </strong></div><div><br /></div><div><strong>Vous pouvez préparer vos médias en procédant comme suit :</strong></div></div><div data-component-type="text"><ul>
  <li><a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-préparer-vos-images" target="">Ajoutez du texte alternatif aux images et aux galeries de votre site</a></li>  <li><a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-rendre-les-vidéos-et-laudio-accessibles#adding-text-descriptions-to-media-without-sound" target="">Ajoutez des descriptions textuelles aux GIF et autres médias sans son</a></li>  <li><a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-rendre-les-vidéos-et-laudio-accessibles#adding-audio-descriptions-to-videos" target="">Ajoutez des descriptions audio aux vidéos de votre site</a></li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Suggestion :</div><div class="info-content"><div>N'oubliez pas de vérifier que tout le texte de votre site possède la bonne <a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-préparer-la-structure-de-votre-site" target="">balise HTML</a>, afin que le lecteur d'écran ne saute pas les pages.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="motor-difficulties-and-site-navigation" level="3">Difficultés motrices et navigation sur le site</h2></div><div data-component-type="text"><div>Les visiteurs souffrant de difficultés motrices et de handicaps moteurs peuvent utiliser différentes méthodes pour naviguer sur votre site, telles que leur clavier ou des technologies d'assistance.</div></div><div data-component-type="text"><div>Pour vous assurer que ces visiteurs peuvent naviguer et explorer votre site, nous vous recommandons d'ajouter au moins deux méthodes de navigation sur le site. Parmi les plus populaires, citons :</div></div><div data-component-type="text"><ul>
  <li><a data-composite="true" href="https://support.wix.com/fr/article/éditeur-wix-ajouter-un-menu-de-site" target="">Menus du site</a></li>  <li><a data-composite="true" href="https://support.wix.com/fr/article/éditeur-wix-à-propos-de-wix-site-search" target="">Wix Site Search</a></li></ul></div><div data-component-type="text"><div>Vous devez également ajouter les <a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-préparer-la-structure-de-votre-site" target="">balises HTML</a> à tous les textes de votre site. Ainsi, les visiteurs qui utilisent la touche de tabulation pour naviguer peuvent voir votre contenu dans le bon ordre et n'ont pas à s'inquiéter que la touche de tabulation saute la page.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="hearing-impairments-and-audio" level="3">Déficience auditive et audio</h2></div><div data-component-type="text"><div>Certains visiteurs peuvent avoir des difficultés ou des déficiences liées aux informations sonores et auditives. Ces visiteurs peuvent être sourds ou malentendants, ou avoir du mal à traiter les sons.</div></div><div data-component-type="text"><div>Pour vous assurer que ces visiteurs peuvent accéder à tout votre contenu et en profiter, vous devez ajouter des alternatives pour tout média contenant de l'audio sur votre site. Par exemple, vous pouvez :</div></div><div data-component-type="text"><ul>
  <li><a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-rendre-les-vidéos-et-laudio-accessibles#adding-text-transcripts-to-audio-files" target="">Ajouter des transcriptions de texte aux fichiers audio</a></li>  <li><a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-rendre-les-vidéos-et-laudio-accessibles#adding-captions-to-vidéos" target="">Ajouter des légendes à vos vidéos</a></li>  <li><a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-rendre-les-vidéos-et-laudio-accessibles#adding-captions-to-live-events" target="">Ajouter des sous-titres aux événements diffusés en direct</a></li></ul></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="cognitive-disabilities-and-disorders" level="3">Déficiences et troubles cognitifs</h2></div><div data-component-type="text"><div>Il existe toute une gamme de troubles et de handicaps qui ont un effet sur la fonction cognitive d'une personne. Certains d'entre eux comprennent l'autisme, le TDAH, les traumatismes crâniens, la démence et l'aphasie.</div></div><div data-component-type="text"><div>Les visiteurs atteints de ces troubles peuvent avoir des difficultés à se concentrer, à comprendre du texte et à traiter l'information. Afin de rendre votre site accessible à ces visiteurs, nous vous recommandons de suivre les étapes suivantes :</div></div><div data-component-type="text"><ul>
  <li>Assurez-vous que le format, la structure et la mise en page de votre site sont clairs. Par exemple, le contenu principal de votre page ne doit pas être joint à l'en-tête.</li>  <li>Utilisez un langage facile à comprendre.</li>  <li>Minimisez l'utilisation d'éléments décoratifs et/ou animés sur votre site.</li>  <li>Évitez d'utiliser beaucoup de couleurs différentes sur votre site et veillez à ce qu'elles ne soient pas trop vives.</li>  <li>Ajoutez des alternatives aux médias qui contiennent de l'audio, telles que <a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-rendre-les-vidéos-et-laudio-accessibles#add-text-transcripts-to-audio-files" target="">des transcriptions</a> et <a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-rendre-les-vidéos-et-laudio-accessibles#adding-captions-to-videos" target="">des légendes</a>.</li></ul></div>

Pour le moment, les sites en ligne Wix incluent des paramètres d'accessibilité intégrés et des fonctionnalités qui sont conformes aux normes mondiales les plus élevées.Cependant, les créateurs de site...

Demande de fonctionnalité Accessibilité : Rendre les créateurs de sites et les tableaux de bord du site Wix accessibles

<div data-component-type="text"><div>Pour le moment, les sites en ligne Wix incluent des paramètres d'accessibilité intégrés et des fonctionnalités qui sont conformes aux normes mondiales les plus élevées.</div></div><div data-component-type="text"><div>Cependant, les créateurs de sites Wix et les tableaux de bord des sites ne sont pas encore entièrement conformes. </div></div><div data-component-type="text"><div>Nous nous efforçons constamment de mettre à jour et d'améliorer nos produits, vos commentaires sont toujours les bienvenus.</div></div><div data-component-type="text"><div>S'il s'agit d'une fonctionnalité que vous souhaitez voir apparaître à l'avenir, veuillez sélectionner le bouton <strong>Voter pour cette fonctionnalité</strong> ci-dessous, et nous vous tiendrons au courant des mises à jour.</div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Remarque : </div><div class="info-content"><div>Suivez notre <a href="https://support.wix.com/fr/article/accessibilité-liste-de-contrôle-pour-améliorer-laccessibilité-de-votre-site">check-list</a> pour améliorer l'accessibilité de votre site en ligne.</div></div></div></div>

Selon le créateur de site que vous utilisez, vous pouvez voir un paramètre appelé « Indicateurs de focus » (Éditeur Studio), ou « Indicateurs visuels » (Éditeur Wix). Il s'agit de rectangles bleus qui...

Accessibilité : À propos des indicateurs de focus (indicateurs visuels)

<div data-component-type="text"><div>Selon le créateur de site que vous utilisez, vous pouvez voir un paramètre appelé « Indicateurs de focus » (Éditeur Studio), ou « Indicateurs visuels » (Éditeur Wix). Il s'agit de rectangles bleus qui apparaissent autour d'éléments interactifs comme les boutons et les liens lorsque les visiteurs utilisent un clavier pour naviguer sur le site en ligne. </div></div><div data-component-type="text"><div><strong>Dans cet article, découvrez :</strong></div></div><div data-component-type="text"><ul>
  <li><a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-activer-et-désactiver-les-boîtes-bleues-indicateurs-visuels#why-focus-indicators-are-important" target="">Pourquoi les indicateurs de focus sont importants</a></li>  <li><a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-activer-et-désactiver-les-boîtes-bleues-indicateurs-visuels#indicators-and-wix-sites" target="">Indicateurs et sites Wix</a></li>  <li><a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-activer-et-désactiver-les-boîtes-bleues-indicateurs-visuels#test-focus-indicators" target="">Tester les indicateurs de focus</a> </li></ul></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/09/24/5392965c-0d96-41fc-b26c-0991fea45819/85b68dd0-01d0-4601-bfdc-b88d6eb68f8a.png" alt="Une image d'un site avec un indicateur visuel autour de l'élément de menu nommé «Accueil»." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Où Wix obtient-il ses informations ?</div><div class="info-content"><ul>
  <li>Nous faisons des recommandations conformément au document des <a data-composite="true" href="https://www.w3.org/TR/WCAG21/#abstract" target="_blank">Règles d'accessibilité au contenu Web (WCAG)</a> , qui a été développé par le <a data-composite="true" href="https://www.w3.org/" target="_blank">World Large Web Consortium (W3C)</a>. </li>  <li>Cet article est basé sur le <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/understanding/focus-visible.html" target="_blank">critère visible de focus (2.4.7)</a>.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="why-focus-indicators-are-important" level="3">Pourquoi les indicateurs de focus sont importants</h2></div><div data-component-type="text"><div>Certains visiteurs parcourent les sites en utilisant la touche Tab de leur clavier. Les indicateurs de focus/visuels affichent la position actuelle de la touche Tab, afin que ces visiteurs sachent exactement où ils se trouvent sur la page. </div></div><div data-component-type="text"><div>Si les indicateurs ne sont pas activés, ces visiteurs du site risquent de ne pas naviguer sur la page ou le contenu du site. Ils constituent donc une partie importante de l'accessibilité du site. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="indicators-and-wix-sites" level="3">Indicateurs et sites Wix</h2></div><div data-component-type="text"><div>Les indicateurs de focus/visuels sont automatiquement activés sur tous les sites que vous créez avec Wix.</div></div><div data-component-type="text"><div>L'indicateur est conçu pour s'adapter à la plupart des combinaisons de couleurs du site. En revanche, il est moins visible sur les boutons avec un remplissage blanc sur un arrière-plan bleu. Nous vous recommandons donc de vérifier la couleur des éléments du site pour vous assurer que tous les visiteurs peuvent voir l'indicateur.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="testing-focus-indicators" level="3">Tester les indicateurs de focus </h2></div><div data-component-type="text"><div>Vous pouvez vérifier comment l'indicateur de focus apparaît quand vous le souhaitez. Ouvrez simplement le site en ligne (ou l'aperçu du site) et naviguez sur la page en utilisant la touche Tab de votre clavier.</div></div><div data-component-type="text"><div>Si vous remarquez que l'indicateur visuel n'apparaît pas sur l'aperçu / la version en ligne de votre site Éditeur Wix, vous pouvez vérifier et modifier les paramètres à partir de l'Assistant d'accessibilité. </div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Vous créez un site avec l'Éditeur Studio ?</div><div class="info-content"><div>Il n'est pas possible de désactiver les indicateurs de focus sur les sites de l'Éditeur Studio, vous n'avez donc pas besoin de vérifier ce paramètre. </div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Pour vérifier les indicateurs visuels :</h2></div><div data-component-type="text"><ol>
  <li>Ouvrez votre site dans l'Éditeur Wix.</li>  <li>Sélectionnez <strong>Paramètres</strong> dans la barre d'outils supérieure.</li>  <li>Sélectionnez <strong>Outil d'accessibilité</strong> .</li>  <li>Sélectionnez l'icône <strong>Plus d'actions</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/03/09/fe65dab6-5418-410a-ae8a-c80d8c7e4e9c/0dfdbd79-bdb2-43a4-8d9b-e27707b8b335.png" /> dans la partie supérieure de l'assistant.</li>  <li>Sélectionnez <strong>Paramètres avancés d'accessibilité</strong> .</li>  <li>Sélectionnez <strong>Indicateurs visuels</strong> .</li>  <li> Cliquez sur le curseur à côté <strong>de Permettre aux utilisateurs de clavier de naviguer sur votre site</strong>:
    <ul>
      <li><strong>Activé :</strong> Les visiteurs qui utilisent un clavier pour naviguer sur votre site voient un rectangle bleu pour indiquer leur emplacement sur la page.</li>      <li><strong>Désactivé :</strong> Les visiteurs ne voient pas d'indication de leur emplacement sur la page.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/11/25/9dc097fe-2e9f-4938-a82c-2b9ec66fc828/495d872f-f036-4052-8c6b-125968669125.jpg" alt="Les paramètres avancés de l'Assistant. Le curseur a cliqué sur le curseur pour activer les indicateurs visuels." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Étape suivante :</div><div class="info-content"><div>Retournez à la <a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-liste-de-contrôle-pour-améliorer-laccessibilité-de-votre-site" target="">liste de vérification de l'accessibilité</a> pour continuer à améliorer l'accessibilité du site. </div></div></div></div>

Les barres d'outils d'accessibilité permettent aux visiteurs de manipuler certains aspects de votre site, comme la police et la taille du texte. Bien que Wix n'offre pas de barres d'outils d'accessibi...

Accessibilité : Ajouter une barre d'outils d'accessibilité à votre site

<div data-component-type="text"><div>Les barres d'outils d'accessibilité permettent aux visiteurs de manipuler certains aspects de votre site, comme la police et la taille du texte. Bien que Wix n'offre pas de barres d'outils d'accessibilité intégrées, vous pouvez en ajouter une à votre site en utilisant le code d'un fournisseur tiers. </div></div><div data-component-type="text"><div>Ces barres d'outils ne sont pas nécessaires pour atteindre la norme décrite dans les <a data-composite="true" href="https://www.w3.org/WAI/standards-guidelines/wcag/" target="">Consignes pour l'accessibilité des contenus Web</a>. Dans tous les cas, nous vous recommandons de suivre notre <a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-liste-de-contrôle-pour-améliorer-laccessibilité-de-votre-site" target="">liste de contrôle de l'accessibilité</a> et en scannant votre site avec l'<a data-composite="true" href="https://support.wix.com/fr/article/%C3%A9diteur-wix-accessibilit%C3%A9-%C3%A0-propos-de-lassistant-daccessibilit%C3%A9" target="">assistant d'accessibilité</a> pour assurer une meilleure expérience à vos visiteurs. </div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Important : </div><div class="info-content"><div>L'intégration d'un code personnalisé n'est disponible que pour les sites avec un <a data-composite="true" href="https://support.wix.com/fr/article/à-propos-des-domaines" target="">domaine connecté</a>. </div></div></div></div><div data-component-type="heading"><h2 id="" level="3">Pour ajouter une barre d'outils d'accessibilité à l'aide d'un code tiers :</h2></div><div data-component-type="text"><ol>
  <li>Accédez à vos <a data-composite="true" href="https://www.wix.com/my-account/site-selector/?buttonText=Manage%20Settings&amp;title=Select%20a%20Site&amp;autoSelectOnSingleSite=true&amp;actionUrl= https://www.wix.com/dashboard/ {{metaSiteId}} /manage-website" target="_blank">Paramètres</a> dans le tableau de bord de votre site.</li>  <li>Sélectionnez l'onglet <strong>Code personnalisé</strong> sous <strong>Paramètres avancés</strong>.</li>  <li>Sélectionnez <strong>+ Ajouter un code personnalisé</strong> en haut à droite.</li>  <li>Collez l'extrait de code dans la zone de texte.</li>  <li>Saisissez un nom pour votre code.<br /> <strong>Suggestion : </strong>Donnez-lui un nom facile à reconnaître afin de pouvoir l'identifier rapidement par la suite.</li>  <li>Sélectionnez une option sous <strong>Ajouter code aux pages</strong> :
    <ul>
      <li><strong>Toutes les pages : </strong>Cette option permet d'ajouter le code à toutes les pages de votre site, y compris les nouvelles pages que vous créerez à l'avenir. Choisissez de ne charger le code qu'une seule fois par visite ou sur chaque page que votre visiteur ouvre.</li>      <li><strong>Sélectionner des pages spécifiques : </strong>Utilisez le menu déroulant pour sélectionner les pages de votre choix.</li>    </ul>  </li>  <li>Choisissez où placer votre code :
    <ul>
      <li>En-tête</li>      <li>Corps - Début</li>      <li>Corps - Fin</li>    </ul>  </li>  <li>Sélectionnez <strong>Appliquer</strong>.</li></ol></div>

Ici, chez Wix, nous nous efforçons constamment d'améliorer l'accessibilité de nos sites. Nous nous efforçons de vous fournir les outils dont vous avez besoin pour vous assurer que votre site est acces...

Accessibilité : Utiliser des logiciels ou des outils de vérification externes

<div data-component-type="text"><div>Ici, chez Wix, nous nous efforçons constamment d'améliorer l'accessibilité de nos sites. Nous nous efforçons de vous fournir les outils dont vous avez besoin pour vous assurer que votre site est accessible, et nous avons créé une <a data-composite="true" href="https://support.wix.com/fr /article/accessibility-checklist-for-improving-your-sites-accessibility" target="">directive qui répertorie nos recommandations</a>.</div></div><div data-component-type="text"><div>Vous pouvez utiliser des outils externes pour examiner l'accessibilité de votre site et obtenir des suggestions d'amélioration. Cependant, chaque <a data-composite="true" href="https://support.wix.com/fr/article/éditeur-wix-accessibilité-conformité-à-vos-lois-régionales" target="">pays et région a des lois différentes</a> - nous vous recommandons donc de faire examiner votre site par un conseiller en accessibilité pour vous assurer qu'il est conforme aux exigences de votre région.</div></div>

Les attributs ARIA fournissent des informations supplémentaires sur la sémantique des éléments aux technologies d'assistance telles que les lecteurs d'écran. Vous pouvez ajouter des attributs ARIA à t...

Accessibilité : Ajouter des attributs ARIA aux applications web personnalisées

<div data-component-type="text"><div>Les attributs ARIA fournissent des informations supplémentaires sur la sémantique des éléments aux technologies d'assistance telles que les lecteurs d'écran. Vous pouvez ajouter des attributs ARIA à tout élément ou appli personnalisé de votre site.</div></div><div data-component-type="text"><div>Les attributs ARIA sont importants, car ils définissent la façon dont les éléments et les applis personnalisés peuvent être rendus accessibles lorsqu'il n'est pas possible de le faire avec le HTML natif de l'élément. </div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Important :</div><div class="info-content"><div>Cette fonctionnalité est destinée aux utilisateurs qui ont des applis / éléments personnalisés qui nécessitent des attributs ARIA. Si vous ne les avez pas sur votre site, vous n'avez pas besoin de modifier les attributs ARIA.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-aria-attributes" level="3">Ajouter des attributs ARIA</h2></div><div data-component-type="text"><div>Nous avons déjà codé en dur les attributs ARIA pour la plupart des éléments d'un site. Toutefois, si vous avez créé des applis personnalisées, vous pouvez ajouter vos propres attributs ARIA à des fins d'accessibilité.</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Éditeur-Studio" class="tab-heading heading-0">Éditeur Studio</div><div data-slug="Éditeur-Wix" class="tab-heading heading-1">Éditeur Wix</div><div data-slug="Editor-X" class="tab-heading heading-2">Editor X</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><div>Activez le mode développeur (Velo by Wix) dans l'Éditeur Studio pour ajouter des attributs aux éléments. Velo vous permet <a data-composite="true" href="https://dev.wix.com/docs/velop-websites/articles/getting-started/about-velo-by-wix" target="">d'ajouter du codage, de créer des bases de données, et plus encore</a>.</div></div><div data-component-type="text"><ol>
  <li>Sélectionner <strong>Code</strong>  <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/31/0de74f7a-9d8a-4c0c-8279-219bd3eefe97/d55e629b-e8dc-4acc-8af2-7a7779fb8bbc.png" /> sur le côté gauche de l'Éditeur.</li>  <li>Sélectionnez l'application ou l'élément concerné et cliquez sur l'icône <strong>Plus d'actions</strong> <img data-composite="true" src="https://lh7-us.googleusercontent.com/docsz/AD_4nXdFGzMGNDzgiZQ0F979Jv1-o5331SfuPnrxO8m55pHp_EiDKy7_zvShglz_oxBkkonbL4dOmmectOTVLG8_Lwhsvbvn33GQEVRVFTt0SaKfQnbZ33f2OyrtaR5ki1Fo_2ovT0Vy4H_uPEi3jljAkW-gqs8?key=dRllTO6NEoYu0-D1JuBE8A" />.</li>  <li>Sélectionnez <strong>Accessibilité</strong>.</li>  <li>Sélectionnez <strong>Ajouter un attribut</strong>.</li>  <li>Sélectionnez un attribut dans le menu déroulant.</li>  <li>Saisissez un libellé / sélectionnez le niveau ou la valeur.</li>  <li>Sélectionnez <strong>Ajouter</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/06/28953d00-e0af-4830-9a6e-befc645463b7/d306108c-c260-44f0-8301-e5713d96a4c6.jpg" alt="Le panneau d'accessibilité d'un élément dans l'Éditeur Studio. Le curseur clique sur le bouton Ajouter un attribut." /></div></div></div><div class="tab-content"><div data-component-type="text"><div>Activez les outils de développement dans l'<a data-composite="true" href="https://support.wix.com/fr/article/éditeur-wix-accessibilité-à-propos-de-lassistant-daccessibilité" target="">Assistant d'accessibilité</a> pour ajouter des attributs ARIA à vos éléments personnalisés. Vous pouvez ensuite ajouter l'attribut en effectuant un clic droit sur l'élément ou l'application.</div></div><div data-component-type="text"><ol>
  <li>Sélectionnez <strong>Paramètres</strong> dans la barre supérieure de votre Éditeur.</li>  <li>Sélectionnez <strong>Assistant d'accessibilité</strong>.</li>  <li>Sélectionnez l'icône <strong>Plus d'actions</strong> <img data-composite="true" src="https://lh7-us.googleusercontent.com/docsz/AD_4nXdFGzMGNDzgiZQ0F979Jv1-o5331SfuPnrxO8m55pHp_EiDKy7_zvShglz_oxBkkonbL4dOmmectOTVLG8_Lwhsvbvn33GQEVRVFTt0SaKfQnbZ33f2OyrtaR5ki1Fo_2ovT0Vy4H_uPEi3jljAkW-gqs8?key=dRllTO6NEoYu0-D1JuBE8A" /><strong> </strong>sur la barre supérieure de l'assistant.</li>  <li>Sélectionnez <strong>Paramètres d'accessibilité avancés</strong>.</li>  <li>Cliquez sur le curseur <strong>Outils de développement d'accessibilité</strong> pour l'activer.</li>  <li>Cliquez avec le bouton droit de votre souris sur l'application ou l'élément auquel vous souhaitez ajouter les attributs.</li>  <li>Sélectionnez <strong>Accessibilité</strong>.</li>  <li>Sélectionnez <strong>Ajouter un attribut</strong>.</li>  <li>Sélectionnez un attribut dans le menu déroulant.</li>  <li>Saisissez un libellé / sélectionnez le niveau ou la valeur.</li>  <li>Sélectionnez <strong>Ajouter</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/06/08f56fa8-dbc6-4484-b600-2447401cd390/51281520-4c34-49dc-a5f1-8159f3ce06e7.jpg" alt="Le panneau d'accessibilité et l'assistant sont ouverts. Le curseur clique sur Ajouter un attribut et le curseur est activé." /></div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Important :</div><div class="info-content"><div>Vous pouvez désactiver les paramètres d'accessibilité avancés à tout moment, et les attributs ARIA ne seront pas supprimés.</div></div></div></div></div><div class="tab-content"><div data-component-type="text"><div>Pour ajouter des attributs à des éléments dans l'Editor X, vous devez vous assurer que le mode développeur est activé sur votre site. Après avoir activé le mode développeur, vous pouvez ajouter l'attribut en effectuant un clic droit sur l'élément ou l'appli.</div></div><div data-component-type="text"><ol>
  <li>Sélectionnez <strong>Mode développeur</strong> en haut de l'Editor X.</li>  <li>Sélectionnez <strong>Activer le mode développeur</strong>.</li>  <li>Sélectionnez l'application ou l'élément concerné et cliquez sur l'icône <strong>Plus d'actions</strong> <img data-composite="true" src="https://lh7-us.googleusercontent.com/docsz/AD_4nXdFGzMGNDzgiZQ0F979Jv1-o5331SfuPnrxO8m55pHp_EiDKy7_zvShglz_oxBkkonbL4dOmmectOTVLG8_Lwhsvbvn33GQEVRVFTt0SaKfQnbZ33f2OyrtaR5ki1Fo_2ovT0Vy4H_uPEi3jljAkW-gqs8?key=dRllTO6NEoYu0-D1JuBE8A" />.</li>  <li>Sélectionnez <strong>Accessibilité</strong>.</li>  <li>Sélectionnez <strong>Ajouter un attribut</strong>.</li>  <li>Sélectionnez un attribut dans le menu déroulant.</li>  <li>Saisissez un libellé / sélectionnez le niveau ou la valeur.</li>  <li>Sélectionnez <strong>Ajouter</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/06/12bd96c1-fa30-4a98-8494-c03b7f069acd/ab8b383e-39f6-43d1-983c-e67b53def0a7.png" alt="Le panneau d'accessibilité d'un élément dans l'Editor X. Le curseur clique sur le bouton Ajouter un attribut." /></div></div></div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Vous pouvez ajouter des attributs ARIA aux éléments suivants :</h2></div><div data-component-type="table"><div class="table-wrapper"><table><thead><tr><th><div>Élément</div></th><th><div>Propriétés</div></th></tr></thead><tbody><tr><td><div>Fenêtre promotionnelle</div></td><td><div>Libeller</div></td></tr><tr><td><div>Texte</div></td><td><div>libellé, rôle [en-tête, statut, alerte], live, pertinent, atomique, masqué, actuel, niveau</div></td></tr><tr><td><div>Boîte conteneur</div></td><td><div>libellé, tabindex, rôle [région, groupe, aucun, statut, alerte], en direct, pertinent, atomique, actuel, contrôles, masqué</div></td></tr><tr><td><div>Bande</div></td><td><div>libellé, tabindex, rôle [entête, statut, alerte], live, atomique, masqué, actuel</div></td></tr><tr><td><div>Répéteur</div></td><td><div>libellé, rôle [en-tête, statut, alerte]</div></td></tr><tr><td><div>Bouton de texte</div></td><td><div>tabindex, pressé, élargi, haspopup</div></td></tr></tbody></table></div></div><div data-component-type="text"><div>Nous travaillons continuellement sur la possibilité d'ajouter des attributs ARIA à plus d'éléments. <a data-composite="true" href="https://www.wix.com/contact/fr" target="_blank">Contactez-nous</a> si vous avez des demandes spécifiques concernant les attributs ARIA.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="editing-your-aria-attributes-1" level="3">Modifier vos attributs ARIA</h2></div><div data-component-type="text"><div>Après avoir ajouté des attributs aux applis personnalisées, vous pouvez les modifier et les mettre à jour quand vous le souhaitez avec l'icône d'accessibilité <img data-composite="true" src="https://lh6.googleusercontent.com/tzGAKNeD3huzfUCBGbiHOAmMhpoOMn2d7mXWbB8x3rd5_wDvr4uEfNczYUD_5EqzSdzFPLv5nc9zp7VkwFDWloqQmUBf71J5_kTbI5nE3o9Wb2s_CS8xcsfkw0eHNAxCpa4dBBIq=s0" />. Cette icône est automatiquement ajoutée aux éléments auxquels vous avez connecté des attributs.</div></div><div data-component-type="heading"><h2 id="" level="4">Pour modifier l'attribut :</h2></div><div data-component-type="text"><ol>
  <li>Sélectionnez l'élément/l'application dans le constructeur de votre site.</li>  <li>Cliquez sur l'icône <strong>Accessibilité</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/05/05/123b3ec4-f910-485b-ba95-c80ee1f6723b/29accdaa-a7f8-4070-a4e9-be08ffc45e99.png" />.</li>  <li>Survolez l'attribut concerné et sélectionnez l'icône <strong>Plus d'actions</strong> <img data-composite="true" src="https://lh7-us.googleusercontent.com/docsz/AD_4nXcC5vRw8B_ITz9qd1n_rF0jP0XZvFe8Ly4NcbviMUHdlLJZIK7ATwxhjb-fPDytIlmc7hmtqMlqZt_sh3CtRvQOGzQRe_skqNqCTCHoFti1Yc1JZwr5M1G5d7vxKBGJAMf6oCDrRmiI9mYujNW1sBSBKREb?key=dRllTO6NEoYu0-D1JuBE8A" />.</li>  <li>Sélectionnez <strong>Modifier</strong>.</li>  <li>Apportez les modifications correspondantes et sélectionnez <strong>Enregistrer</strong>.</li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="types-of-aria-attributes" level="3">Types d'attributs ARIA</h2></div><div data-component-type="table"><div class="table-wrapper"><table><thead><tr><th><div>Nom de l'attribut</div></th><th><div>Category</div></th><th><div>Jetons</div></th></tr></thead><tbody><tr><td><div>tabindex</div></td><td><div><br /></div></td><td><div>0, -1</div></td></tr><tr><td><div>Rôle</div></td><td><div><br /></div></td><td><div>token: selon la définition en primitif</div></td></tr><tr><td><div>niveau aria</div></td><td><div><br /></div></td><td><div>int</div></td></tr><tr><td><div>aria-live</div></td><td><div>Live</div></td><td><div>jeton: poli, assuré</div></td></tr><tr><td><div>aria-multiline</div></td><td><div>Description</div></td><td><div>vrai, faux</div></td></tr><tr><td><div>aria-multiselectable</div></td><td><div>Description</div></td><td><div>vrai, faux</div></td></tr><tr><td><div>air pressé</div></td><td><div>État</div></td><td><div>vrai, faux</div></td></tr><tr><td><div>pertinent pour l'aria</div></td><td><div>Live</div></td><td><div>jeton: tout, ajouts, suppressions, texte</div></td></tr><tr><td><div>aria-activedescendant</div></td><td><div>Relations</div></td><td><div>ID_REF</div></td></tr><tr><td><div>aria-atomic</div></td><td><div>Live</div></td><td><div>vrai, faux</div></td></tr><tr><td><div>aria-autocomplete</div></td><td><div>Description</div></td><td><div>vrai, faux</div></td></tr><tr><td><div>aria-controls</div></td><td><div>Relations</div></td><td><div>ID_REF</div></td></tr><tr><td><div>aria-current</div></td><td><div>État</div></td><td><div>étape, page, vrai, faux</div></td></tr><tr><td><div>air-décritpar</div></td><td><div>Relations</div></td><td><div>ID_REF (éléments séparés par des espaces)</div></td></tr><tr><td><div>aria élargi</div></td><td><div><br /></div></td><td><div>vrai, faux</div></td></tr><tr><td><div>aria-haspopup</div></td><td><div>Relations</div></td><td><div>dialogue, menu, vrai, faux</div></td></tr><tr><td><div>aria-hidden</div></td><td><div><br /></div></td><td><div>vrai, faux</div></td></tr><tr><td><div>aria-invalide</div></td><td><div>État</div></td><td><div>vrai, faux</div></td></tr><tr><td><div>aria-label</div></td><td><div><br /></div></td><td><div>chaîne</div></td></tr><tr><td><div>aria-labelledby</div></td><td><div>Relations</div></td><td><div>ID_REF (éléments séparés par des espaces)</div></td></tr></tbody></table></div></div>

« Passer au contenu principal » est une fonctionnalité qui permet aux visiteurs utilisant des technologies supplémentaires et/ou d'assistance de contourner le contenu non pertinent ou répété. Voici co...

Accessibilité : À propos de « Passer au contenu principal »

<div data-component-type="text"><div>« Passer au contenu principal » est une fonctionnalité qui permet aux visiteurs utilisant des technologies supplémentaires et/ou d'assistance de contourner le contenu non pertinent ou répété. </div></div><div data-component-type="text"><div>Voici comment il apparaît sur un site Wix en ligne :</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/09/13/04bd498b-4bcc-471d-9078-111775493073/0d4f6684-5a9a-49f5-9279-b83acfee00b9.png" alt="Un site en ligne avec le bouton Passer au contenu principal activé." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Où Wix obtient-il ses informations ?</div><div class="info-content"><ul>
  <li>Nous faisons des recommandations conformément au document des <a data-composite="true" href="https://www.w3.org/TR/WCAG21/#abstract" target="_blank">Règles d'accessibilité au contenu Web (WCAG)</a> , qui a été développé par le <a data-composite="true" href="https://www.w3.org/" target="_blank">World Large Web Consortium (W3C)</a>. </li>  <li>Cet article est basé sur le <a data-composite="true" href="https://www.w3.org/WAI/WCAG21/understanding/bypass-blocks.html" target="_blank">critère de réussite 2.4.1 (Bypass Blocks)</a>.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="why-skip-to-main-content-is-important" level="3">Pourquoi « Passer au contenu principal » est important</h2></div><div data-component-type="text"><div>Les visiteurs/visiteurs utilisant une souris peuvent localiser le contenu principal d'une page visuellement ou en faisant défiler la page du site. Cependant, certains visiteurs du site, comme ceux avec des conditions visuelles, peuvent utiliser des technologies d'assistance et/ou un clavier pour naviguer. </div></div><div data-component-type="text"><div>« Passer au contenu principal » permet à ces visiteurs d'accéder directement au contenu principal de la page, sans avoir besoin de passer par un contenu répété (ex. le titre du site, le menu, etc.) en premier.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="skip-to-main-content-and-wix-sites" level="3">Passer au contenu principal et sites Wix</h2></div><div data-component-type="text"><div>« Passer au contenu principal » est automatiquement activé sur tous les sites que vous créez avec Wix. Il apparaît sous forme de lien lorsque les visiteurs parcourent la page à l'aide de la touche Tab.</div></div><div data-component-type="text"><div>Le lien est conçu pour s'adapter à la plupart des combinaisons de couleurs du site. Cependant, il peut être moins visible sur les en-têtes / sections du site qui utilisent un schéma de couleurs blanches et bleues. Nous vous recommandons donc de vérifier la couleur de ces sections pour vous assurer qu'elle se démarque des visiteurs.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="testing-skip-to-main-content" level="3">Tester « Passer au contenu principal »</h2></div><div data-component-type="text"><div>Vous pouvez vérifier comment le lien apparaît quand vous le souhaitez. Ouvrez simplement le site en ligne (ou l'aperçu du site) et naviguez sur la page en utilisant la touche Tab de votre clavier pour la voir.</div></div><div data-component-type="text"><div>Si vous remarquez que le lien n'apparaît pas sur l'aperçu / la version en ligne de votre site Éditeur Wix, vous pouvez vérifier et modifier les paramètres à partir de l'Assistant d'accessibilité. </div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Vous créez un site avec l'Éditeur Studio ?</div><div class="info-content"><div>Il n'est pas possible de désactiver le passage au contenu principal sur les sites de l'Éditeur Studio, vous n'avez donc pas besoin de vérifier ce paramètre. </div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Pour vérifier les paramètres :</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Accédez à votre Éditeur</a>.</li>  <li>Cliquez sur <strong>Paramètres </strong>en haut et sélectionnez <strong>Assistant d'accessibilité</strong>.</li>  <li>Cliquez sur l'icône <strong>Plus d'actions </strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/11/25/a94380b6-9e23-427e-b15a-655b543c14d1/b4a0776b-b9da-43ec-89ba-59cba9a49e4f.png" /> en haut du panneau Assistant d'accessibilité. </li>  <li>Sélectionnez <strong>Paramètres d'accessibilité avancés</strong>. </li>  <li>Cliquez sur <strong>Passer au contenu principal</strong>.</li>  <li>Cliquez sur le curseur pour l'activer ou le désactiver :
    <ul>
      <li><strong>Activé :</strong> Passer au contenu principal s'affiche sur votre site en ligne et constitue le premier lien que les visiteurs voient lorsqu'ils utilisent la navigation au clavier.</li>      <li><strong>Désactivé : Le</strong> passage au contenu principal n'est pas affiché sur votre site en ligne.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/06/06/5ac3a5d2-91a5-48ef-8286-09839baecca5/114bfdaa-5c69-45eb-8cd9-4836143fe4ae.jpg" alt="Les paramètres avancés de l'assistant d'accessibilité. Le curseur a permis de passer au curseur du contenu principal." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Prochaine étape :</div><div class="info-content"><div>Retournez à la <a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-liste-de-contrôle-pour-améliorer-laccessibilité-de-votre-site" target="">liste de vérification de l'accessibilité</a> pour continuer à améliorer l'accessibilité du site. </div></div></div></div>

Vous ou vos visiteurs pouvez remarquer que les éléments qui contiennent du mouvement (tels que les effets d'animation et les vidéos transparentes) ne sont pas lus à la fois sur les versions mobile et ...

Accessibilité : Les vidéos et les animations ne sont pas diffusées sur le site en ligne

<div data-component-type="text"><div>Vous ou vos visiteurs pouvez remarquer que les éléments qui contiennent du mouvement (tels que les effets d'animation et les vidéos transparentes) ne sont pas lus à la fois sur les versions mobile et de bureau de votre site en ligne.Cela peut être dû aux paramètres du système d'exploitation que vous ou votre visiteur utilisez.</div></div><div data-component-type="text"><div>Deux paramètres empêchent la lecture des animations et des vidéos sur un site en ligne : Mouvement réduit et Meilleure performance.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="reduced-motion" level="3">Mouvement réduit</h2></div><div data-component-type="text"><div>La fonction de mouvement réduit arrête la lecture des animations et des vidéos dans le navigateur.Le mouvement réduit est une fonctionnalité d'accessibilité, ce qui signifie que son utilisation principale est de permettre aux visiteurs ayant un handicap et certaines conditions (par exemple mal des transports) pour visiter votre site.</div></div><div data-component-type="text"><div>Le mouvement réduit est disponible sur la plupart des systèmes d'exploitation. Vous et vos visiteurs pouvez désactiver la fonctionnalité à partir de votre appareil afin de voir la gamme complète des effets, des mouvements et des animations sur votre site.</div></div><div data-component-type="text"><div>Sélectionnez l'appareil concerné dans la liste ci-dessous pour savoir comment désactiver le mouvement réduit.</div></div><div data-component-type="text"><ul>
  <li><a data-composite="true" href="https://support.apple.com/fr/HT202655" target="_blank">iPhone et iPad</a></li>  <li><a data-composite="true" href="https://support.apple.com/fr-il/guide/mac-help/mchlc03f57a1/mac" target="_blank">Mac OS</a></li>  <li><a data-composite="true" href="https://support.office.com/en-us/article/Turn-off-Office-animations-9EE5C4D2-D144-4FD2-B670-22CEF9FA025A" target="_blank">Windows OS</a></li>  <li><a data-composite="true" href="https://www.howtogeek.com/415161/does-looking-at-your-phone-make-you-dizzy-disable-animations/" target="_blank">Android</a></li></ul></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Remarque :</div><div class="info-content"><div>La réduction du mouvement est également automatiquement activée pour certains appareils mobiles en mode batterie faible / économie d'énergie.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="performance-options" level="3">Options de performances</h2></div><div data-component-type="text"><div>Vos visiteurs peuvent modifier un paramètre de leur ordinateur pour améliorer les performances de votre site. Le paramètre <strong>Ajuster pour obtenir les meilleures performances</strong> , disponible sur les appareils équipés d'un système d'exploitation Windows, vous permet de choisir quoi faire avec les effets visuels, comme les éléments animés et les vidéos.</div></div><div data-component-type="text"><div>Selon leurs préférences, les visiteurs peuvent choisir d'activer ou de désactiver les effets visuels sur leur navigateur.</div></div><div data-component-type="heading"><h2 id="" level="4">Pour modifier les paramètres de performance :</h2></div><div data-component-type="text"><ol>
  <li>Saisissez « Performance » dans la boîte de recherche de Windows.</li>  <li>Sélectionnez <strong>Ajuster l'apparence et les performances de Windows</strong> .</li>  <li>Sélectionnez l'onglet <strong>Effets visuels</strong> .</li>  <li>Choisissez une option dans la liste ci-dessous :
    <ul>
      <li><strong>Laisser Windows choisir ce qui convient le mieux à mon ordinateur :</strong> Windows modifie les paramètres de performance de votre appareil en fonction des capacités de votre appareil.</li>      <li><strong>Ajuster pour une meilleure apparence :</strong> Tous les effets visuels avancés et les paramètres sont activés et lus sur votre appareil (y compris les animations et les vidéos).</li>      <li><strong>Ajuster pour de meilleures performances :</strong> Tous les effets visuels avancés et les paramètres sont désactivés et ne sont pas lus sur votre appareil.</li>      <li><strong>Personnalisé :</strong> Ajustez manuellement les paramètres pour activer et désactiver les fonctionnalités que vous souhaitez.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/07/18/fdef93a2-4781-416b-8a15-f73d77c4f12c/8fae3cab-b453-4700-9e83-97d8d57a83b9.png" alt="Ajustez l'apparence et les performances de l'onglet Windows. Le curseur survole « ajuster pour obtenir une meilleure apparence »." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Remarque :</div><div class="info-content"><div>Pour que les visiteurs puissent voir les animations et les vidéos sur votre site en ligne, ils doivent sélectionner l'option <strong>Ajuster pour obtenir la meilleure apparence</strong> .</div></div></div></div>

Pour le moment, nous ne disposons pas d'une barre d'outils d'accessibilité intégrée que vos visiteurs peuvent utiliser pour ajuster ou améliorer certaines parties de votre site.Vous pouvez également a...

Demande de fonctionnalité accessibilité : Ajouter une barre d'outils d'accessibilité à votre site

<div data-component-type="text"><div>Pour le moment, nous ne disposons pas d'une barre d'outils d'accessibilité intégrée que vos visiteurs peuvent utiliser pour ajuster ou améliorer certaines parties de votre site.</div></div><div data-component-type="text"><div>Vous pouvez également ajouter une barre d'outils d'accessibilité en <a data-composite="true" href="https://support.wix.com/fr/article/accessibilité-ajouter-une-barre-doutils-daccessibilité-à-votre-site" target="">récupérant le code d'un tiers et en l'intégrant à votre site</a>.   </div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Remarque :</div><div class="info-content"><div>Les barres d'outils d'accessibilité ne sont pas nécessaires pour atteindre la norme décrite dans <a data-composite="true" href="https://www.w3.org/WAI/standards-guidelines/wcag/" target="">les lignes directrices pour l'accessibilité des contenus web. </a>. </div></div></div></div><div data-component-type="text"><div>Nous nous efforçons constamment de mettre à jour et d'améliorer nos produits, et vos commentaires sont très appréciés.</div></div><div data-component-type="text"><div>Si vous souhaitez que cette fonctionnalité soit possible dans le futur, veuillez cliquer sur <strong>Voter pour cette fonctionnalité</strong> et nous vous tiendrons au courant des mises à jour. </div></div>

Pour le moment, il n'est pas possible de créer un sitemap HTML dynamique, qui serait automatiquement mis à jour lorsque vous ajouteriez de nouvelles pages à votre site. Vous pouvez également créer une...

Demande de fonctionnalité Accessibilité : Créer un sitemap HTML dynamique

Demande d'accessibilité : Créer un sitemap HTML dynamique

<div data-component-type="text"><div>Pour le moment, il n'est pas possible de créer un sitemap HTML dynamique, qui serait automatiquement mis à jour lorsque vous ajouteriez de nouvelles pages à votre site. </div></div><div data-component-type="text"><div>Vous pouvez également <a data-composite="true" href="https://support.wix.com/fr/article/éditeur-wix-ajouter-une-page-à-votre-site" target="">créer une page de site</a> qui répertorie et <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adding-a-link-to-an-element" target="">redirige vers toutes les pages de votre site</a>, et mettre à jour la liste si nécessaire.</div></div><div data-component-type="text"><div>Nous travaillons continuellement à mettre à jour et à améliorer nos produits et vos commentaires sont toujours les bienvenus.</div></div><div data-component-type="text"><div>Si vous souhaitez que cette fonctionnalité soit possible dans le futur, veuillez cliquer sur <strong>Voter pour cette fonctionnalité</strong> et nous vous tiendrons au courant des mises à jour.</div></div>

Accessibilité

À propos de l'Accessibilité

Rendre votre site accessible

Fonctionnalités d'accessibilité avancées