Na aula 09 aprendemos um pouco sobre algumas técnicas para deixar a nossa página mais acessível e tenho duas dúvidas a respeito. Na aula, usamos a técnica do image-replacement para esconder o texto dos links de redes sociais com o text-indent.
Segundo o Google, "Ocultar texto ou links em seu conteúdo para manipular as classificações de pesquisa do Google pode ser visto como enganoso, sendo uma violação das diretrizes para webmasters do Google" e ainda "...Como usar CSS para posicionar texto fora da tela". Enfim, eu posso ou não usar essa técnica?
A minha outra dúvida é em relação ao Font Awesome Icons, que atualmente é muito usado. No HTML , utilizamos a tag <i>
e a class=" fa" para inserir o ícone através de CDN. Aparentemente você precisa usar o atributo aria-hidden="true" para deixá-lo acessível. Eles até tem uma documentação para acessibilidade. Nesse caso, eu posso usar Font Awesome Icons que não vou ter problemas com acessibilidade? *Inclusive, acredito que é a melhor prática nesse caso específico.