De repente descubrí un problema muy extraño hoy. Algunos sitios web que se centran en CSS, XHTML, Web 2.0 y estándares web están discutiendo cómo eliminar el cuadro de puntos (esquema) alrededor del hipervínculo cuando se hace clic con el mouse, como esquema: ninguno o esquema: 0. Quizás a veces la apariencia predeterminada de un marco de puntos (contorno) afecte la apariencia, pero su existencia debe tener una razón: mejorar la usabilidad del sitio web, especialmente para brindar gran comodidad a las personas que usan la navegación con el teclado. Mientras hablamos de semántica y facilidad de uso, siempre hacemos cosas que van en contra de ellas.
1. El cuadro de puntos (contorno) brinda comodidad a la navegación con el teclado
Tengo la costumbre de leer artículos: rara vez uso el mouse y básicamente confío en el teclado. Las más utilizadas son la tecla Tabulador, Re Pág, Av Pág, Enter y las cuatro teclas de dirección. La tecla Tab se usa para navegar por los hipervínculos. Puede cambiar entre diferentes hipervínculos. Después de seleccionar un enlace, presione Entrar directamente para ingresar (ahora puede usar la tecla Tab para ver el efecto en esta página). Cuando la tecla Tab se enfoca en un enlace, aparecerá un marco de puntos (contorno) alrededor del enlace, lo que indica que el enlace está enfocado y se puede acceder a él después de la confirmación. Por supuesto, mucha gente puede decir: es muy conveniente usar un mouse, ¿por qué usar un teclado? Aquí me gustaría dar algunas razones.
Se dice que un criterio para ser un verdadero maestro de la informática es si puedes completar todas las operaciones sin usar el mouse. A veces, cuando leo un artículo, sostener café en la mano derecha y escribir en el teclado con la mano izquierda no afecta mi lectura.
Las necesidades especiales de grupos especiales de personas. Su sitio web no es sólo para usted. No puede influir en cómo otros utilizan su sitio web.
Nuevo estilo al usar la tecla Tab para centrarse en un enlace (puede variar en diferentes navegadores, pero cada navegador tiene esta función, lo que demuestra su necesidad)
2. Peor experiencia de usuario
Utilice contorno: ninguno o contorno: 0 para eliminar el marco punteado exterior. Aunque no se pueden ver cambios desde el enlace, al menos la información del enlace se puede ver en la barra de estado. Pero una experiencia de usuario aún peor es utilizar el evento onfocus de JavsScript. Cuando el usuario se centra en un enlace, inmediatamente cancela el enfoque, lo que significa que nunca podrá centrarse en este hipervínculo, por lo que si no utiliza el ratón, absolutamente puede hacerlo. 't. Visita cualquier enlace en esta página. Algunos expertos han desarrollado métodos para utilizar JQuery para eliminar el contorno. Si busca en Google "elimina las líneas de puntos de los enlaces", obtendrá decenas de miles de resultados. Parece que mucha gente lo necesita y lo está investigando. Pero sí violó el principio de facilidad de uso de la Web y no consideró en absoluto la experiencia del usuario.
3. Opciones alternativas
Si realmente cree que la apariencia de un marco punteado afectará la apariencia, definitivamente puede tener una mejor opción. Es decir, utilizar la pseudoclase :focus en CSS. Por ejemplo usando
a:enfoque {color de fondo:#f00;
/*o*/
a:hover, a:focus {text-decoration:underline;}
Cuando se activa el foco, el fondo del enlace es rojo, etc. Por supuesto, puede diseñar estilos más complejos según sea necesario y también puede establecer el foco y pasar el cursor sobre el mismo estilo. Pero hay una cosa: no se puede bloquear el mecanismo de activación del enfoque.
Por lo tanto, nunca elimine el cuadro de puntos alrededor del hipervínculo, al menos para no bloquear la activación del enfoque.