Cómo saber el nombre accesible

El nombre accesible de un elemento es el nombre que es expuesto por tecnologías de asistencia a través del API de accesibilidad. En algunos casos, el nombre visible y el nombre accesible no son el mismo. Uno de estos casos es cuando se incluye texto visualmente escondido en enlaces o botones con el propósito de hacerlos más descriptivos.

Pasos para verificar el nombre accesible

  • Abre la herramienta para desarrolladores en el navegador Chrome.
  • Inspecciona el elemento a verificar.
  • Abre el panel de accesibilidad.
  • Busca el nombre dentro de la sección "Computed properties".
  • En el caso de la siguiente imágen el nombre accesible es "Búsqueda por voz".
Captura de pantalla de herramienta de desarrolladores de Chrome mostrando el nombre accesible 'Búsqueda por voz'