Acesso e rotulando vários botões

1. Como faço para adicionar nomes acessíveis aos botões?
2. Os ícones precisam de rótulos para acessibilidade?
3. Como faço para tornar um botão acessível?
4. Os botões podem ter rótulos?

Como faço para adicionar nomes acessíveis aos botões?

A maneira mais simples de adicionar nomes acessíveis aos botões é adicionar conteúdo de texto ao elemento do botão. Isso exibe o texto na etiqueta visível do botão (e se o botão não tiver um rótulo visível, continue lendo). O texto deve fornecer ao usuário informações claras e concisas sobre como o elemento opera.

Os ícones precisam de rótulos para acessibilidade?

Embora seja uma boa ideia UX, não é necessário. Para acrescentar que não há necessidade de rótulos em ícones, mas 1.1. 1 Conteúdo sem texto exige que o ícone tenha um nome, que pode ser, por exemplo, texto alt e pode ser visualmente oculto.

Como faço para tornar um botão acessível?

Os botões devem sempre ter um nome acessível. Para a maioria dos botões, esse nome será o mesmo que o texto dentro do botão, entre as tags de abertura e fechamento. Em alguns casos, por exemplo, botões representados por ícones, o nome acessível pode ser fornecido dos atributos Aria-Label ou Aria-Labelledby.

Os botões podem ter rótulos?

Botões. Um <entrada> elemento com uma declaração "botão" e um atributo de valor válido não precisa de um rótulo associado a ele.