Probar la accesibilidad con la pestaña Accesibilidad
La pestaña Accesibilidad es donde se ve el árbol de accesibilidad, los atributos ARIA y las propiedades de accesibilidad calculada de los nodos DOM.
Para abrir la pestaña Accesibilidad:
- Seleccione la herramienta Elementos.
- En el árbol DOM, seleccione el elemento que desea inspeccionar.
- Seleccione la pestaña Accesibilidad. Es posible que deba seleccionar primero el botón Más pestañas ( el botón Más pestañas ) a la derecha
pestaña Estilos.
Inspeccionar el
h1 elemento de la página principal de DevTools en la pestaña Accesibilidad
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.
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 correctamente el contenido de una página.
Vea los atributos ARIA de un elemento en la pestaña Accesibilidad.
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.
Nota
Para las propiedades CSS calculadas, use la pestaña Calculado.
La sección Propiedades calculadas de la pestaña Accesibilidad
Nota
Algunas partes de esta página son modificaciones basadas en el trabajo creado y compartido por Google y se usan según los términos descritos en la Licencia internacional de Creative Commons Attribution 4.0. La página original se encuentra aquí y está redactada por Kayce Basques (Technical Writer, Chrome DevTools & Lighthouse).
Este trabajo se publica bajo una licencia de Atribución 4.0 Internacional de Creative Commons.