Não entendi o motivo de a letra A estar errada, ela não é igual à B?
Não entendi o motivo de a letra A estar errada, ela não é igual à B?
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.