Árbol de accesibilidad

Es una descripción de lo que hay en la página y para qué sirve, no una captura de su apariencia. Un navegador puede representar un control como «botón: Elegir fecha» y un campo como «correo electrónico». Esa información ayuda a lectores de pantalla y a agentes que consultan esta representación.

Ejemplo hipotético: un icono de calendario resulta evidente a simple vista, pero una máquina puede encontrar solo un botón sin nombre. Darle un nombre accesible explica la acción sin exigir que reconozca el dibujo.

El nombre accesible explica qué es un control; su función indica si es un botón, enlace o campo. Un texto de ejemplo dentro de un campo no sustituye necesariamente una etiqueta asociada. El código debe comunicar esa relación incluso cuando el usuario ya ha escrito.

Puedes revisar sin programar si los botones tienen nombres concretos y si los campos conservan su identificación. Pide después al equipo una comprobación del árbol de accesibilidad: una captura bonita no demuestra que estas relaciones existan.

Chrome destaca que los agentes pueden usar esta representación para identificar controles. Tener un árbol bien construido no certifica toda la accesibilidad del sitio ni asegura que cualquier agente complete la tarea. Conviene comprobar también teclado, errores y resultado final.