Árbol de accesibilidad

El árbol de accesibilidad contiene información relacionada con la accesibilidad de la mayoría de los elementos HTML.

Los navegadores convierten el marcado en una representación interna llamada árbol DOM. El árbol DOM contiene objetos que representan todos los elementos, atributos y nodos de texto del marcado. A partir de este árbol DOM, los navegadores crean un árbol de accesibilidad, que las API de accesibilidad específicas de cada plataforma utilizan para ofrecer una representación que las tecnologías de asistencia, como los lectores de pantalla, puedan interpretar.

Un objeto del árbol de accesibilidad tiene cuatro propiedades:

nombre

¿Cómo podemos referirnos a este objeto? Por ejemplo, un enlace con el texto "Leer más" tendrá "Leer más" como nombre (puedes consultar cómo se calculan los nombres en la especificación Accessible Name and Description Computation).

descripción

¿Cómo describimos este objeto si queremos añadir información más allá del nombre? La descripción de una tabla podría explicar qué tipo de información contiene.

rol

¿Qué tipo de objeto es? Por ejemplo, ¿un botón, una barra de navegación o una lista de elementos?

estado

¿Tiene algún estado? Algunos ejemplos son los estados marcado o desmarcado de una casilla de verificación y los estados contraído o expandido del elemento <summary>.

Además, el árbol de accesibilidad suele incluir información sobre lo que se puede hacer con un elemento: un enlace se puede seguir, en un campo de texto se puede escribir, etc.

Aunque en abril de 2022 seguía siendo un borrador del Web Incubator Community Group, el Accessibility Object Model (AOM) pretende incubar API para expresar la semántica de accesibilidad y, potencialmente, permitir el acceso de lectura al árbol de accesibilidad calculado.