Aria-label

Nem sempre os leitores de ecrãs conseguem interpretar os elementos dinâmicos que estão presentes no HTML. A utilização de elementos ARIA facilita a percepção das tecnologias assistivas. 

Quando for necessário adicionar alguma descrição mais detalhada em elementos como botões ou links, utiliza-se a tag aria-label.

Por exemplo o hambúrguer menu: no geral as pessoas conseguem identificar qual o propósito do botão, contudo as pessoas que utilizam um leitor de ecrã podem ter dificuldades a interpretar.

<button class="menu-burger" aria-label="menu"></button>
Vídeo com exemplo de um hamburger menu com e sem aria-label

Aria-label em links

Se não for possível mudar o texto de um link e este não for auto explicativo, podemos utilizar uma aria-label.