--- 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"><summary></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>