El árbol de accesibilidad es la vista estructurada del navegador de la interfaz de tecnología de asistencia. Puede revelar un nombre faltante, un rol inesperado o un estado de control que difiere del que muestra la pantalla.

Inspeccionar controles de usuario reales

  • Seleccione un botón, enlace, campo y control expandido o seleccionado en el panel de accesibilidad.
  • Verifique que cada elemento tenga un rol adecuado y un nombre conciso que identifique su propósito.
  • Compare los estados expuestos marcados, expandidos, deshabilitados y seleccionados con el estado visible.

Prefiere HTML semántico primero

Un botón o etiqueta nativo generalmente proporciona comportamiento y semántica sin ARIA adicional. Agregue ARIA solo cuando los elementos nativos no puedan expresar el patrón y mantenga su estado sincronizado con la interfaz.

El árbol es un diagnóstico útil, no un sustituto de las pruebas con un teclado y tecnología de asistencia. Confirme el flujo de tareas completo, incluidos los errores y las actualizaciones dinámicas.