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
42
43
44
45
46
|
---
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"><summary></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 class="Quick_links" 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>
|
