Os botões não têm um nome acessível

Quando um botão não tem um nome acessível, os leitores de tela e outras tecnologias de assistência o anunciam como um botão, que não fornece informações aos usuários sobre o que o botão faz.

Como a auditoria do nome do botão Lighthouse falha #

O Lighthouse sinaliza botões que não têm conteúdo de texto ou uma propriedade aria-label

Como adicionar nomes acessíveis aos botões #

Para botões com rótulos visíveis, adicione conteúdo de texto ao elemento de button Faça do rótulo uma frase de chamariz clara. Por exemplo:

<button>Book room</button>

Para botões sem rótulos visíveis, como botões de ícone, use o aria-label para descrever claramente a ação para qualquer pessoa que use uma tecnologia de assistência, por exemplo:

Consulte também Botões e links de rótulos.

Recursos #

• O código-fonte da auditoria Botões não têm nome acessível
• Os botões devem ter texto discernível (Deque University)