files/fr/glossary/accessibility_tree/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41

---
title: Arbre d'accessibilité (MOA)
slug: Glossary/Accessibility_tree
tags:
  - AOM
  - Accessibilité
  - DOM
  - Glossaire
  - Reference
translation_of: Glossary/Accessibility_tree
---
<p><span class="seoSummary">L'<strong>arbre d'accessibilité</strong>, ou <strong>modèle d'objets d'accessibilité</strong> (<strong>MOA</strong>), contient des informations concernant l'{{Glossary("accessibility")}} pour la plupart des éléments HTML.</span></p>

<p>Les navigateurs convertissent le balisage en une représentation interne appelée <a href="/fr/docs/Comment_créer_un_arbre_DOM">arbre DOM</a>. Le DOM contient un objet pour chaque balise, attribut et noeud de texte. Les navigateurs créent ensuite un arbre d'accessibilité basé sur l'arbre DOM, celui-ci est utilisé par les technologies d'assistance telles que les lecteurs d'écran via des APIs spécifiques à une plateforme.</p>

<p>Un objet de l'arbre d'accessibilité contient quatre éléments :</p>

<dl>
 <dt><strong>name</strong></dt>
 <dd>Comment peut-on faire référence à cet élément ? Par exemple, pour un lien contenant le texte "Lire la suite" name contiendra 'Lire la suite' (pour en savoir plus sur la façon dont la valeur de name est déterminée voir la spécification suivante : <a href="https://www.w3.org/TR/accname-1.1/">Accessible Name and Description Computation</a>).</dd>
 <dt><strong>description</strong></dt>
 <dd>Comment peut-on décrire cet élément si l'on veut apporter une information en plus de son nom ? La description d'un tableau pourrait expliquer quel genre d'information ce tableau apporte.</dd>
 <dt><strong>role</strong></dt>
 <dd>Quel genre de chose est cet élément ? Par exemple est-ce un bouton, une barre de navigation ou une liste d'éléments ?</dd>
 <dt><strong>state</strong></dt>
 <dd>A-t-il un état ? Pensez à coché/décoché pour les checkboxes, ou plié/déplié pour l'élément <code><a href="/en-US/docs/Web/HTML/Element/summary">&lt;summary&gt;</a></code>.</dd>
</dl>

<p>De plus, l'arbre d'accessibilité contient souvent des informations concernant ce qui peut être fait avec un élément : un lien peut être <em>suivi,</em> on peut <em>écrire dans</em> un champ texte etc.</p>

<section id="Quick_links">
<ol>
 <li><a href="/fr/docs/Glossaire">Glossaire</a>

  <ol>
   <li>{{Glossary("Accessibility")}}</li>
   <li>{{Glossary("ARIA")}}</li>
  </ol>
 </li>
</ol>
</section>