Probar la accesibilidad con la pestaña Accesibilidad

La pestaña Accesibilidad es donde puede ver el árbol de accesibilidad, los atributos ARIA y las propiedades de accesibilidad calculadas de los nodos DOM.

Para abrir la pestaña Accesibilidad :

  1. En una página web representada, haga clic con el botón derecho en un elemento y, a continuación, seleccione Inspeccionar.

    DevTools se abre, con la herramienta Elementos seleccionada. El árbol DOM se abre para mostrar el elemento en el que ha hecho clic con el botón derecho.

  2. En el árbol del DOM, haga clic en el elemento que desee inspeccionar. Puede usar las teclas de dirección para desplazarse por el árbol del DOM.

  3. Haga clic en la pestaña Accesibilidad , a la derecha de la pestaña Estilos . Es posible que primero deba hacer clic en el botón Más pestañas (el botón Más pestañas) a la derecha de la pestaña Estilos .

La pestaña Accesibilidad, en el panel de la barra lateral de la herramienta Elementos

Ver la posición de un elemento en el árbol de accesibilidad

El árbol de accesibilidad es un subconjunto del árbol DOM. El árbol de accesibilidad solo contiene elementos del árbol DOM que son relevantes y útiles para mostrar el contenido de una página a través de tecnologías de asistencia, como lectores de pantalla.

Inspeccione la posición de un elemento en el árbol de accesibilidad desde la pestaña Accesibilidad .

La sección Árbol de accesibilidad

Ver los atributos ARIA de un elemento

Los atributos ARIA garantizan que las tecnologías de asistencia, como los lectores de pantalla, tengan toda la información que necesitan para representar adecuadamente el contenido de una página.

Vea los atributos ARIA de un elemento en la pestaña Accesibilidad .

La sección de atributos ARIA

Ver las propiedades de accesibilidad calculadas de un elemento

El explorador calcula dinámicamente algunas propiedades de accesibilidad. Estas propiedades se muestran en la sección Propiedades calculadas de la pestaña Accesibilidad .

Vea las propiedades de accesibilidad calculadas de un elemento en la pestaña Accesibilidad .

La sección

Las propiedades de accesibilidad calculadas son diferentes de las propiedades CSS calculadas. Para obtener más información sobre cómo ver las propiedades CSS calculadas, consulte Ver solo el CSS que se aplica realmente a un elemento en lareferencia de características de CSS.

Nota:

Algunas partes de esta página son modificaciones que se basan en trabajo creado y compartido por Google y que se usan de acuerdo con los términos descritos en la Licencia internacional de Creative Commons Atribution 4.0. La página original se encuentra aquí y está escrita por Kayce Basques.

Licencia de Creative Commons Este trabajo está bajo una licencia Creative Commons Attribution 4.0 International.