Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Fala galera!!
To com uma dúvida aqui sobre Image Replacement e Semântica o.O
É o seguinte! Para substituição de imagens eu usava a técnica do Mike Rundle
Exemplo do CSS-Tricks
<h1 class="technique-three">
CSS-Tricks
</h1>
h1.technique-three {
width: 350px; height: 75px;
background: url("images/header-image.jpg");
text-indent: -9999px;
}
Só que eu li em um blog um comentário antigo (2006) do Maujor para essa técnica:
>
"... Esta técnica não é acessível e já foi abandonada.
A informação se perde para o usuário navegando com css habilitada e
imagens desabilitadas...."
Link do blog: http://www.pinceladasdaweb.com.br/blog/2006/06/04/image-replacement-acessivel/
Então procurando por novas técnicas encontrei nove no CSS-Tricks
E achei como uma melhor opção a #8 do Levin Alexander só que precisa de um span extra e vazio!
Então minha dúvida... Vale a pena fechar um olho para semântica e garantir uma melhor navegação do usuário? A meu ver acho que sim, mas gostaria da opinião de vocês.
Abraços []’s
Carregando comentários...