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
|
---
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"><summary></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 class="Quick_links" 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>
|
