Fazendo esse exercício, percebi que ao navegar pelo site com o TAB as caixas pontilhadas que aparecem em torno dos links do github, twitter e linkedin ocupam horizontalmente o cumprimento da tela. Isso se dá graças ao text-indent que fizemos no texto dos links para ficarmos apenas com as imagens de background. Visualmente fica bem feio. Tentei consertar esse problema retirando o text-indent e trocando pela instrução color: transparent que também faria o texto dos links "sumir". O texto dos links sumiu como planejado, mas ao navegar com o TAB, as caixas pontilhadas não apareceram mais em volta dos símbolos do github, twitter e linkedin. A única forma que consegui fazer as caixas pontilhadas aparecerem ao redor dos símbolos de forma correta, foi trocando o texto dos links por um caractere vazio (alt + 255) e adicionando text-decoration : none no css. Contudo, posso perceber que ter um link representado por um caractere vazio não é semanticamente correto.
Existe uma forma de conseguir esconder o texto dos links e manter a caixa pontilhada de seleção em volta dos símbolos apenas?
