Consegui esconder o elemento e manter ele funcional da seguinte forma:
.contatoCampo-checkbox {
z-index: -1;
position: absolute;
}Funcionou aqui com o leitor de tela Orca, no Linux. Mas fiquei na dúvida se funciona em outros leitores e se seria uma boa opção de uso, já que no próprio site da WebAIM não se fala sobre essa propriedade para esconder elementos visualmente.
Opa Ítalo, tudo bem??
Ai simm!!
E existem algumas outras maneiras que podemos utilizar para esconder alguns elementos, como o display: none e o visibility: hidden. A diferença entre eles é que:
display:none retira o elemento do layout da página. Mas você ainda pode continuar manipulando ele no DOM. Auxilia também com um ganho de performance na aplicação.
visibility:hidden deixa de mostrar o elemento, ou seja, ele deixa de ser visível na página mas seu espaço continua ocupado, o layout da página não é alterado por causa disto. É como você apagasse uma luz ali mas a lâmpada continua lá.