A quanti da fastidio quel bordo punteggiato di ogni link in una chicchessia pagina? Serve da selettore a chi naviga i link della pagina solo con la tastiera, ma chi al giorno d’oggi ancora non usa il mouse o qualsiasi altra periferica di puntamento? 
La regola da inserire nel CSS per eliminare quel bordo aberrante è questa:
a { outline:none; }
Tutto qui. Addio bordi antiestetici! 
Per essere precisi quel bordo tratteggiato si chiama focus. Comunque non penso sia giusto per l’accessibilità toglierlo dovunque. Io l’ho tolto ad esempio in un link che fa parte della grafica del blog, in particolare l’icona del feed in alto a destra. Almeno implementa la sotto-classe “active” ai link in modo che possano essere navigabili col TAB. Con questo metodo, in genere affiancato a “hover” hai più possibilità di gestire il focus in modo gradevole.
Ciao!
Rispondi al commento di DnaX
Beh perlomeno metti qualcosa che faccia da feedback visibile alla selezione. Personalmente non apprezzo molto queste soluzioni che, pur essendo esteticamente piacevoli, sono potenzialmente scorrette per l’accessibilità.
Seppur fosse uno su un milione, che motivo ha una persona con disabilità di trovarsi impossibilitato a navigare nel tuo sito web per una riga di CSS in più? Lo trovo semplicemente assurdo.
@ DnaX: Mi hai anticipato
Rispondi al commento di Giorgio
@ DnaX, Giorgio: Avete ragione, ma basterebbe trovare un altra soluzione per evidenziare il focus. Quei bordi punteggiati sono orribili IMHO…
In ogni caso ho tolto quella riga di codice dal mio CSS per favorire l’accessibilità.
Rispondi al commento di Piplos