Agentes de IA
Árbol de accesibilidad
También llamado: Accessibility tree
El árbol de accesibilidad es la versión simplificada de una página que crea el navegador y que conserva lo importante para interactuar: el rol, el nombre y el estado de elementos como botones, enlaces y campos de formulario.
En palabras sencillas
Los lectores de pantalla y otras tecnologías de apoyo lo usan para describir una página a las personas.
web.dev lo llama el resumen semántico de la página y dice que los agentes de IA lo usan como un mapa que ignora el ruido visual del CSS.
Ejemplo
En el fragmento de abajo, el atributo for une la etiqueta con el campo. El árbol de accesibilidad sabe entonces que ese campo se llama «Email address». Sin esa unión, el campo no tiene nombre.
<label for="email">Email address</label>
<input id="email" type="email">Por qué importa para la búsqueda con IA
Google dice que los agentes de navegador pueden interpretar el árbol de accesibilidad para hacer sus tareas.
Así que una buena accesibilidad ahora también ayuda a los agentes de IA a usar tu web.
Qué puedes hacer
- Usa elementos HTML semánticos como button, a, label, nav y main.
- Si tienes que usar un div como botón, dale role=«button» y un tabindex, como aconseja web.dev.
- Da a las imágenes un texto alternativo útil y a los campos de formulario etiquetas de verdad.
Se confunde a menudo con
- El DOM
- El DOM es la estructura completa de la página. El árbol de accesibilidad es una vista reducida de lo que se puede usar.
Fuentes
- web.dev: Build agent-friendly websites
- Google Search Central: Optimizing your website for generative AI features on Google Search
Datos y fuentes revisados por última vez el 19 de octubre de 2026.
Términos relacionados
¿Qué tal le va a tu página en la búsqueda con IA?
GEO-Score revisa una página con 22 señales, desde el acceso de los rastreadores de IA hasta los datos estructurados, y te muestra qué arreglar primero.
Analizar una página