Los botones no tienen un nombre accesible

Cuando un botón no tiene un nombre accesible, los lectores de pantalla y otras tecnologías de asistencia lo anuncian como botón, el cual no proporciona información a los usuarios sobre lo que hace ese botón.

Cómo falla la auditoría Lighthouse de nombre del botón #

Lighthouse marca a los botones que no tienen contenido de texto o una propiedad de aria-label:

Cómo agregar nombres accesibles a los botones #

Para botones con etiquetas visibles, agrega contenido de texto al elemento del button. Haz que la etiqueta sea un nombre perteneciente a la acción. Por ejemplo:

<button>Book room</button>

Para botones sin etiquetas visibles, como los botones de íconos, usa el aria-label para describir claramente la acción a cualquier persona que use una tecnología de asistencia, por ejemplo:

También consulta Botones y enlaces de etiquetas.

Recursos #

• El código fuente de la auditoría de los botones no tienen un nombre accesible
• Los botones deben tener texto discernible (Deque University)