[Dúvida] Não entedi

Oi Pedro, tudo bem?

A alternativa 'B' é a correta porque sugere uma maneira de tornar o conteúdo acessível para leitores de tela, sem alterar a aparência visual do site.

Quando usamos um <span> com position: absolute e z-index: -1, estamos movendo esse elemento para fora do fluxo normal do documento e colocando-o atrás de outros elementos. Isso significa que ele não será visível na tela, mas ainda será detectado por leitores de tela.

Por outro lado, se usássemos opacity: 0 (opção A) ou display: none (opção D), o elemento também seria escondido dos leitores de tela, o que não é o que queremos.

A opção C, role='button', não é adequada aqui porque já estamos usando uma tag <a>, que tem semântica própria e não precisa do role='button'.

Portanto, a opção 'B' é a melhor escolha para manter a acessibilidade sem alterar o layout visual.

Um abraço e bons estudos.