Luana Castellano - fez uma pergunta.
Não ter texto alt nas bandeirinhas de um campo de telefone abaixou 15 pontos em SEO no Pagespeed Insights da minha landing page. É possível resolver isto de alguma forma?
caramba. que paulada haha
mas isso é facil de resolver use esse codigo aqui na imagem
<img class="flag" width="26" src="..." alt="Bandeira do Brasil"> (o que importa aqui é o alt="Bandeira do Brasil" - tu pode colocar o texto que quiser ali)
ali link do elemento, vai depender muito de como esta configurado o teu JS. maaasss.. no geral, eu te sugiro transformar ele em um button atrelado ao JS
algo mais ou mens assim:
<button class="select2-choice" aria-label="Selecionar país">
<img class="flag" width="26" src="..." alt="Bandeira do Brasil">
</button>
logico, tu vai precisar adaptar pra tua realidade, mas essa é a ideia
Expandir publicaçãoOi Guilherme, obrigada por responder!
Mas na verdade eu não codei esta imagem, ela é um campo de formulário com a máscara padrão do próprio RD Station. A bandeirinha muda conforme o país selecionado pelo usuário, então não posso colocar "bandeira do Brasil" por exemplo.
Eu consigo colocar o alt na imagem adicionando um JS na edição avançada da LP?
Expandir publicaçãohuummm... entendi..
Da pra tentar uma maracutaia com JS sim.
faz assim, cola esse codigo na sessão de conf avancada -> JS em Head:
<script>
document.addEventListener('DOMContentLoaded', function() {
var bandeiras = document.querySelectorAll('img.flag');
bandeiras.forEach(function(img) {
img.setAttribute('alt', 'Bandeira do país selecionado');
});
});
</script>
cole exatamete assim. Esse script forca um input de alt em todas as imagens que estao dentro da class=flag
Expandir publicação
huummm... entendi..
Da pra tentar uma maracutaia com JS sim.
faz assim, cola esse codigo na sessão de conf avancada -> JS em Head:
<script>
document.addEventListener('DOMContentLoaded', function() {
var bandeiras = document.querySelectorAll('img.flag');
bandeiras.forEach(function(img) {
img.setAttribute('alt', 'Bandeira do país selecionado');
});
});
</script>
cole exatamete assim. Esse script forca um input de alt em todas as imagens que estao dentro da class=flag