---
title: Árbol de accesibilidad (AOM)
slug: Glossary/Accessibility_tree
tags:
  - AOM
  - Accesibilidad
  - DOM
  - Glosario
translation_of: Glossary/Accessibility_tree
---
<p><span class="seoSummary">El <strong>árbol de accesibilidad</strong> o <strong>modelo de objeto de accesibillidad (AOM)</strong>, contiene información relacionada con <strong> </strong>{{Glossary("accessibility")}} para la mayoría de los elementos HTML.</span></p>

<p>Los navegadores convierten el lenguaje markup en una representación interna denominada <em><a href="/en-US/docs/Web/API/Document_object_model/How_to_create_a_DOM_tree">DOM tree</a> </em>(árbol DOM). El árbol DOM contiene objetos para todos los elementos de markup, atributos y nodos de texto. Luego, los navegadores crean un árbol de accesibilidad basado en el árbol de DOM, el cual es usado por  Accessibility APIs de plataformas específicas para las tecnologías asistenciales como los lectores de pantalla. </p>

<p><span style="font-size: 1rem; letter-spacing: -0.00278rem;">Hay cuatro elementos en un árbol de objeto de accesibilidad:</span></p>

<p><strong style="font-size: 1rem; letter-spacing: -0.00278rem;">nombre</strong></p>

<dl>
 <dd>¿Cómo podemos referirnos a este objeto? Por ejemplo, un enlace con el texto 'Leer más' se llamará 'Leer más' (más información sobre cómo se computan los nombres se puede encontrar en <a href="https://www.w3.org/TR/accname-1.1/">Accessible Name and Description Computation spec</a>).</dd>
 <dt><strong>descripción</strong></dt>
 <dd>¿Cómo describimos este elemento si queremos añadir algo al nombre? La descripción de una tabla podría explicar qué tipo de información ofrece esa tabla. </dd>
 <dt><strong>rol</strong></dt>
 <dd>¿Qué tipo de elemento es? Por ejemplo, es un botón, una barra de navegación o una lista de elementos? </dd>
 <dt>estado</dt>
 <dd>¿Tiene un estado? Piensa en marcado/desmarcado para las casillas de verificación o en desplegado/oculto para los elementos  <code><a href="/en-US/docs/Web/HTML/Element/summary">&lt;summary&gt;</a></code> (resumen). </dd>
</dl>

<p>Además, el árbol de accesibilidad usualmente contiene información sobre lo que se puede hacer con un elemento: <em>seguir</em> un enlace, <em>completar</em> un cuadro de texto, etc.</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>