files/ru/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
42
43

---
title: Дерево доступности (AOM)
slug: Glossary/Accessibility_tree
tags:
  - AOM
  - Доступность
  - DOM
  - Глоссарий
  - Справка
translation_of: Glossary/Accessibility_tree
---
<p><span class="seoSummary"><strong>Дерево доступности</strong> содержит информацию для большинства HTML-элементов, связанную с {{Glossary("Accessibility", "доступностью")}}.</span></p>

<p>Браузеры преобразуют разметку во внутреннее представление, называемое <a href="/en-US/docs/Web/API/Document_object_model/How_to_create_a_DOM_tree">DOM-деревом</a>. DOM-дерево содержит объекты для всех элементов разметки, атрибутов, текстовых узлов. После этого, на основе DOM-дерева, браузеры создают дерево доступности, которое используется платформозависимыми API специальных возможностей для вспомогательных технологий, таких как скринридеры.</p>

<p>В объекте дерева доступности есть четыре элемента:</p>

<dl>
 <dt><strong>name</strong></dt>
 <dd>Как к этому можно обратиться? Например, ссылка с текстом «Подробнее» будет иметь <strong>name</strong> «Подробнее» (больше о том, как вычисляются имена в <a href="https://www.w3.org/TR/accname-1.1/">Спецификации вычисления доступных имён и описаний</a>).</dd>
 <dt><strong>description</strong></dt>
 <dd>Как мы описываем это, если хотим добавить что-нибудь к <strong>name</strong>? Описание таблицы может объяснить, какого рода информация хранится в ней.</dd>
 <dt><strong>role</strong></dt>
 <dd>Что это? Например, это кнопка, панель навигации или список элементов?</dd>
 <dt><strong>state</strong></dt>
 <dd>Имеет ли это состояние? Например «отмечен/не отмечен» для чекбоксов, или «свёрнуто/развёрнуто» для элемента <a href="/ru/docs/Web/HTML/Element/summary">&lt;summary&gt;</a>.</dd>
</dl>

<p>Кроме этого, дерево доступности часто содержит информацию о том, что можно сделать с элементом: ссылку можно <em>посетить</em>, текстовое поле можно <em>заполнить</em> и т.д.</p>

<p>Пока еще в черновике Web Incubator Community Group, <strong><a href="https://wicg.github.io/aom/explainer.html">Объектная модель доступности</a> (AOM)</strong> намерена внедрить API, которые упрощают выражение семантики доступности и потенциально разрешают доступ к вычисленному дереву доступности.</p>

<section id="Quick_links">
<ol>
 <li><a href="/ru/docs/Glossary">Глоссарий</a>

  <ol>
   <li>{{Glossary("Accessibility", "Доступность")}}</li>
   <li>{{Glossary("ARIA")}}</li>
  </ol>
 </li>
</ol>
</section>