---
title: Árvore de Acessibilidade
slug: Glossary/Accessibility_tree
tags:
  - AOM
  - Acessibilidade
  - DOM
  - Glossário
  - Referencia
translation_of: Glossary/Accessibility_tree
original_slug: Glossario/arvore_de_acessibilidade
---
<p><span class="seoSummary">A <strong>árvore de acessibilidade</strong> contém informação relacionada à {{Glossary("accessibility", "acessibilidade")}} para a maioria dos elementos HTML.</span></p>

<p>Navegadores convertem a marcação em uma representação interna chamada <a href="https://developer.mozilla.org//pt-BR/docs/Web/API/Document_object_model/How_to_create_a_DOM_tree">árvore do DOM</a>. A árvore do DOM contém objetos representando todas as marcações de elementos, atributos e nós de texto. Os navegadores, então, criam uma árvore de acessibilidade baseada na árvore do DOM, a qual é usada por APIs específicas de plataforma para fornecer uma representação que possa ser entendida por tecnologias assistivas, como leitores de tela.</p>

<p>Há quatro coisas em um objeto da árvore de acessibilidade:</p>

<dl>
 <dt><strong>nome</strong></dt>
 <dd>Como podemos nos referir a esse objeto? Por exemplo, um link com o texto "Leia mais" terá "Leia mais" como seu atributo <em>name</em> (saiba mais como os nomes são computados em <a href="https://www.w3.org/TR/accname-1.1/">Accessible Name and Description Computation spec</a>).</dd>
 <dt><strong>descrição</strong></dt>
 <dd>Como podemos descrever esse objeto se quisermos fornecer mais detalhes além do nome? A descrição de uma tabela pode explicar que tipo de informação ela contém.</dd>
 <dt><strong>função</strong></dt>
 <dd>Que tipo de objeto é esse? Por exemplo, é um botão, uma barra de navegação ou uma lista de items?</dd>
 <dt><strong>estado</strong></dt>
 <dd>Tem um estado? Os exemplos incluem caixas de seleção marcadas ou desmarcadas, e recolhido ou expandido para o elemento <code><a href="https://developer.mozilla.org/pt-BR/docs/Web/HTML/Element/summary">&lt;summary&gt;</a></code>·</dd>
</dl>

<p>Adicionalmente, a árvore de acessibilidade frequentemente contém informação sobre o que pode ser feito com um elemento: um link pode ser seguido, uma entrada de texto pode ser digitada, entre outras coisas.</p>

<p>Enquanto continua em forma de rascunho na Web Incubator Community Group, o Modelo de Objeto de Acessibilidade (<strong><a href="https://wicg.github.io/aom/explainer.html">Accessibility Object Model</a>, </strong>AOM), tem a intenção de incubar APIs que facilitam expressar a semântica de acessibilidade e potencialmente permitir acesso de leitura à árvore de acessibilidade computada.</p>



<section id="Quick_links">
<ol>
 <li><a href="https://developer.mozilla.org/pt-BR/docs/Glossario">Glossário</a>

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