[Dúvida] Revisando acessibilidade para leitores de tela

Oi Pedro, tudo bem?

A diferença entre as opções A e B está na forma como a imagem é tratada em relação à acessibilidade. Na opção A, a imagem tem uma descrição no atributo alt. Na opção B, o atributo alt está vazio.

A razão pela qual a opção B é a correta é porque, neste caso, a imagem é decorativa, ela não fornece informações adicionais que não sejam já fornecidas pelo aria-label no botão. Quando uma imagem é puramente decorativa, é uma boa prática deixar o atributo alt vazio (alt=""). Isso indica aos leitores de tela que eles podem ignorar a imagem.

No caso da opção A, se adicionássemos uma descrição no atributo alt da imagem, estaríamos fornecendo informações redundantes para os leitores de tela, pois o aria-label do botão já fornece a descrição necessária.

Espero que isso esclareça sua dúvida.

Um abraço e bons estudos.