Ayer me avisaron de algo que realmente me puso un poco los pelos de punta y que ni se me había pasado por la cabeza. Existe una propiedad de las CSS que controlan esos recuadritos de puntos que aparecen al clicar sobre un enlace, no tienen nada que ver con el layout y solo tienen importancia en el plano visual. Es por esto que en algunos sitios se nos indica como eliminar dicho elemento.
Pero esta línea de puntos juega un papel mucho más importante a la hora de navegar de forma accesible, sólo con teclado, dado que marca en qué posición tenemos el cursor cada vez que pulsamos el tabulador. Por lo que veo puede implicar incluso temas legales… Mal rollo.
Es por esto que he actualizado mi CSS inicial para que no lo incluya por defecto, aunque sí como comentario informativo.
04/07 - 11:37
Muy bueno, no lo miré pero seguro que dará problemas a la hora de ser accesible para sordos y ciegos, aunque se me ocurrió una cosa, dado que lo molesto de la línea de puntos es visual, y eso sucede cuando el que navega usa ratón, que te parece esto.
a:hover {outline:0;}
Un saludo y muy buen blog
04/07 - 13:09
El outline aparece una vez pulsado el enlace, así que la solución del hover no serviría de mucho. Sí serviría poniéndolo en a:visited, pero nos metemos en el mismo problema…