---
title: Drzewo dostępności (AOM)
slug: Glossary/Accessibility_tree
tags:
  - AOM
  - DOM
  - Dostępność
  - Słownik
  - źródło
translation_of: Glossary/Accessibility_tree
---
<p><span class="seoSummary"><strong>Drzewo dostępności</strong>, lub <strong>model dostępności obiektu</strong> (<strong>AOM</strong>), zawiera {{Glossary("accessibility")}}-informacje związane z dostępnością dla większości elementów HTML.</span></p>

<p>Przeglądarki konwertują znaczniki HTML w wewnętrzną reprezentacje zwaną<em> </em><em><a href="/en-US/docs/Web/API/Document_object_model/How_to_create_a_DOM_tree">drzewem DOM</a></em>.  Drzewo DOM zawiera obiekty dla wszytskich elementów, atrybutów i węzłów tekstowych danego znacznika HTML. Na podstawie drzewa DOM, przeglądarki tworzą drzewo dostępności, które następnie jest używane przez, konkretne dla danej platformy, API<u><em> </em></u>dostępności do technologi wspomagających, takich jak czytniki ekranu.</p>

<p>Istnieją cztery składniki w obiekcie drzewa dostępności:</p>

<dl>
 <dt><strong>nazwa</strong></dt>
 <dd>Jak możemy się odnieść do danego elementu? Na przykład, hiperłącze zawierające tekst ‘Czytaj’ będzie miało nazwę 'Czytaj’ (więcej na temat w jaki sposób nazwy są kalkulowane mozesz dowiedzieć się z artykułu <a href="https://www.w3.org/TR/accname-1.1/">Specyfikacja kalkulacji dostępnej nazwy i opisu</a>).</dd>
 <dt><strong>opis</strong></dt>
 <dd>W jaki sposób możemy opisać element, jeśli chcemy dodać coś do nazwy? Opis tabeli może wyjaśnić jakiego rodzaju informacje ona prezentuje.</dd>
 <dt><strong>rola</strong></dt>
 <dd>Czym jest dany element? Czy jest to przycisk, pasek nawigacyjny czy lista obiektów?</dd>
 <dt><strong>stan</strong></dt>
 <dd>Czy posiada stan? Na przykład, zaznaczone/odznaczone pole wyboru, zwinięty/rozwinięty element <code><a href="/en-US/docs/Web/HTML/Element/summary">&lt;summary&gt;</a></code>.</dd>
</dl>

<p>Dodatkowo, drzewo dostępności często zawiera informacje o tym co można z danym elementem, zrobić: hiperłącze można <em>kliknąć,</em> pole tekstowe <em>wypełnić</em>, itd.</p>

<section id="Quick_links">
<ol>
 <li><a href="/en-US/docs/Glossary">Glossary</a>

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