CSS Remover moldura de pontinhos á volta dos links

Hoje fui confrontado com uma situação que me suscitou algum interesse. Em certos sites quando carregamos num link aparece uma moldura com pontinhos como no exemplo que se segue:

Estes pontinhos têm a sua razão de ser mas a verdade é que designers e os clientes pouco ligam a acessibilidade descartando assim uma parte da população que sofre de alguma deficiência.
De qualquer forma nos casos em que a voz de um web designer não chega para apelar ao bom senso de um cliente torna-se imperativo remover esses pontinhos.

Esta questão é facilmente resolvida com CSS. cria-se um indicador universal e declara-se o atributo:

a {
  outline: none;
 }

E voilá, mas por vezes, e estranhamente, não basta então a solução é declarar outline: none; em todo o tipo de links:

a, a:link, a:visited, a:active {
  outline: none;
 }

Desta forma a linha á volta dos links que não é um border desaparece.

8 dicas uteis em CSS | Blue MUIOMUIO 04.04.08 @ 1:11 pm (Pingback)

[…] se clica num link aparece um border á sua volta. Já falei disso aqui e como remover este link. Nada mais […]