Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Delete Indent -9999px

<a class="github" href="http://github.com/joaodasilva" target="_blank"></a></li>

Fala galera blz? Então... vi muita gente falando que de gambiarra e tal... achei meio feioso também, mas...

Qual a ideia que eu tive.. eu simplesmente apaguei o nome "github" que fica antes da tag de fechamento . Com isso os nomes não ficaram em cima da figura. Não vi nada de impacto no texto... alguém fez assim ou sabe dizer se da bronca?

Anteriormente seria assim:

<a class="github" href="http://github.com/joaodasilva" target="_blank">github</a></li>

Valeu

3 respostas
solução!

Oi Reyvson, tudo bem?

É uma solução visual, você some com o texto e não precisaria mais de técnicas de image replacement .

Porém, como o leitor de tela de um cego vai conseguir interpretar do que se trata esse link? Como o Google vai conseguir saber o nome (não o destino) desse link?

Então por questões de SEO e acessibilidade, o texto precisa ser mantido.

Se quiser estudar mais sobre image replacement, sempre recomendo esse excelente post Nine Techniques for CSS Image Replacement .

Espero ter ajudado e bons estudos!

Abcs!

Fala Natan!

Verdade, tinha esquecido da questão de acessibilidade!

Obrigado pela resposta! Vou dar uma lida nesse post.

Grande Abraço!

Maravilha, Reyvson!

Nao esqueca de sempre marcar a resposta que te ajudou nos topicos como solucao, ok?

Se quiser mais conteúdo sobre acessibilidade, subiu ontem meu curso de acessibilidade web e tem esse meu post com algumas dicas de acessibilidade também.

Abcs e bons estudos!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software