---
title: Qu'est-ce que l'accessibilité ?
slug: Learn/Common_questions/What_is_accessibility
tags:
  - Accessibility
  - Beginner
  - Intro
  - NeedsActiveLearning
  - Web
translation_of: Learn/Common_questions/What_is_accessibility
original_slug: Apprendre/Accessibilité
---
<div class="summary">
<p>Cet article aborde les concepts de base qui forment l'accessibilité pour le Web.</p>
</div>

<table class="learn-box nostripe standard-table">
 <tbody>
  <tr>
   <th scope="row">Prérequis :</th>
   <td>Aucun.</td>
  </tr>
  <tr>
   <th scope="row">Objectifs :</th>
   <td>Comprendre ce qu'est l'accessibilité et pourquoi elle est importante.</td>
  </tr>
 </tbody>
</table>

<p>Que ce soit en raison de limitations physiques ou techniques, il peut arriver que les visiteurs de votre site web ne peuvent l'utiliser comme vous le pensiez. Dans cet article, vous trouverez quelques principes généraux à propos de l'accessibilité, ainsi que quelques règles que nous expliquerons.</p>

<h2 id="Pédagogie_active">Pédagogie active</h2>

<p><em>Il n'y a, pour le moment, pas de matériau pour la pédagogie active. <a href="/fr/docs/MDN/D%C3%A9buter_sur_MDN">Cependant, vous pouvez contribuer</a>.</em></p>

<h2 id="Aller_plus_loin">Aller plus loin</h2>

<h3 id="Principes_généraux_de_l'accessibilité">Principes généraux de l'accessibilité</h3>

<p>En premier lieu, on associe parfois l'accessibilité avec des limitations péjoratives. Ce bâtiment doit être accessible et doit donc respecter ces règlements pour les largeurs de portes, la taille des toilettes, l'emplacement de l'ascenseur.</p>

<p>Cette approche est plutôt limitée. Dans tous les cas, l'accessibilité permet d'atteindre plus de personnes, éventuellement de servir plus de clients. Comment font les Brésiliens pour utiliser un site uniquement en anglais ou français ? Est-ce que les personnes qui possèdent des smartphones peuvent naviguer sur des sites encombrés, conçus pour être affichés uniquement sur de grands écrans et avec une bande passante important ? Ces personnes passeront leur chemin. De façon général, <em>nous devons penser nos produits et nos créations avec le point de vue de l'ensemble du public ou des clients et nous devons nous adapter par rapport à ce point de vue, d'où la raison d'être de l'accessibilité</em>.</p>

<h3 id="L'accessibilité_sur_le_Web">L'accessibilité sur le Web</h3>

<p>Dans le cadre spécifique qu'est le Web, l'accessibilité signifie que n'importe qui peut accéder au contenu que vous publiez en ligne, quel que soit la situation de handicap, l'emplacement géographique, les limitations techniques ou autres.</p>

<p>Prenons l'exemple de la vidéo :</p>

<dl>
 <dt>Déficience auditive</dt>
 <dd>Comment une personne déficiente auditivement peut-elle profiter de la vidéo ? Il est nécessaire de fournir des sous-titres, voire mieux, une transcription écrite complète.</dd>
 <dd>Assurez-vous également que les personnes puissent ajuster le volume à leur convenance.</dd>
 <dt>Déficience visuelle</dt>
 <dd>Ici aussi, il est préférable de fournir une transcription que l'utilisateur pourra consulter sans lancer la vidéo, ainsi qu'une audio-description décrivant, en voix off, ce qui se passe dans la vidéo.</dd>
 <dt>Mise en pause</dt>
 <dd>Certains utilisateurs peuvent avoir du mal à comprendre ce qui est dit par quelqu'un dans la vidéo. La fonctionnalité de mise en pause peut leur permettre de lire les sous-titres ou de comprendre l'information.</dd>
 <dt>Utilisation du clavier</dt>
 <dd>Laissez à l'utilisateur la possibilité de lancer la vidéo mais aussi de la mettre en pause grâce à des touches du clavier.</dd>
</dl>

<h4 id="Les_bases_de_l'accessibilité_web">Les bases de l'accessibilité web</h4>

<p>Afin qu'un page web soit un minimum accessible, il faut :</p>

<ul>
 <li>Fournir des alternatives textuelles pour toutes les images du site qui sont utilisées pour porter du sens. Cela permettra aux personnes atteint d'une déficience visuelle d'utiliser un logiciel pour lire cette description ou aux personnes avec des connexions erratiques de récupérer le texte et de l'afficher avant l'image.</li>
 <li>S'assurer que tous les utilisateurs peuvent manipuler les interfaces graphiques (par exemple les menus déroulants) avec le clavier (par exemple avec la touche tabulation ou la touche Entrée).</li>
 <li>Fournir un attribut qui définisse le langage utilisé pour le contenu de la page afin qu'un logiciel lecteur d'écran puisse lire le texte correctement.</li>
 <li>S'assurer que tous les utilisateurs puissent naviguer entre les différents éléments d'une page avec le clavier sans être « piégés » dans un endroit de la page (c'est généralement la touche tabulation qui est utilisée pour ce type d'actions)</li>
</ul>

<p>Ces règles ne forment qu'un minimum nécessaire pour l'accessibilité.</p>

<h3 id="Les_défendeurs_de_l'accessibilité">Les défendeurs de l'accessibilité</h3>

<p>Depuis 1999, le {{Glossary("W3C")}} possède un groupe de travail appelé {{Glossary("WAI","Web Accessibility Initiative")}} (<em>WAI</em> ou Initiative pour l'Accessibilité du Web en français) qui promeut l'accessibilité grâce à des recommandations, des ressources d'aide et des matériaux internationaux sur l'accessibilité.</p>

<h2 id="Plus_de_détails">Plus de détails</h2>

<p>Vous pouvez vous référer à :</p>

<ul>
 <li><a href="https://fr.wikipedia.org/wiki/Accessibilit%C3%A9">L'article Wikipédia</a> sur l'accessibilité</li>
 <li><a href="http://www.w3.org/WAI/">Le site WAI (le projet W3C's Web Accessibility Initiative) (en anglais)</a></li>
</ul>

<h2 id="Prochaines_étapes">Prochaines étapes</h2>

<p>L'accessibilité peut avoir un impact tant sur le design d'un site que sur sa structure technique.</p>

<ul>
 <li>Pour le design, nous vous conseillons de lire <a href="/fr/Apprendre/Concevoir_site_tous_types_utilisateurs">Concevoir un site pour tous les types d'utilisateurs</a>.</li>
 <li>Pour l'aspect technique, vous pourriez commencer par voir comment <a href="/fr/Apprendre/HTML/Howto/Add_images_to_a_webpage">intégrer des images dans des pages web</a>.</li>
</ul>