jQuery: ¿evento de clic de activación en los enlaces con la barra espaciadora?

Question

Parece que en la mayoría de los navegadores, un <input type="submit"> trata tanto de [barra espaciadora] como de [enter] como un clic, pero un enlace <a> solo trata [enter] como un clic.

Mi aplicación utiliza una serie de enlaces formateados para simular botones, por lo que un usuario que está acostumbrado a tabular un botón y presionar [barra espaciadora] se verá frustrado.

Este poco de jQuery resuelve el problema:

$("a.Button").die("keypress").live("keypress", function(e) { 
    if (e.which == 32) { 
     $(this).trigger("click"); 
     e.preventDefault(); 
    } 
}); 

Mi pregunta: ¿Hay alguna razón para no hacerlo? Soy un poco reacio a anular el comportamiento predeterminado del navegador en algo tan básico como esto, pero como ya estoy abusando de la etiqueta de enlace para que parezca un botón, al menos de esta manera no estoy violando las expectativas del usuario. promover.

Answer 1

Creo que el estándar más importante para mantener no es el comportamiento del navegador, sino la respuesta esperada del usuario.

Si ha redefinido la visualización de enlaces convirtiéndolos en botones, el usuario debe ser capaz de tratar esos "botones" exactamente como lo harían si fuera un botón real, de lo contrario, confundirá e irritará a los usuarios que han gastado años con este comportamiento "aprendido".

Answer 2

Existen las preocupaciones de usabilidad estándar.

Creo que "parece que" es la clave aquí. Si alguien está usando un lector de pantalla, 'verá' un enlace y actuará de manera apropiada.

Si alguien tiene javascript desactivado, la función jquery (obviamente) no se ejecutará y también obtendrá el comportamiento del enlace.

Obviamente ya has hecho la búsqueda del alma (!) Sobre el uso de un enlace como un botón, por lo que se trata de tratar estos dos casos: lector de pantalla y no de JavaScript.

Si no puede simular el comportamiento del botón (en un enlace) para estos dos casos, ofrecerá a diferentes personas una experiencia diferente, lo cual es una buena razón para no usar la función. O bien la barra espaciadora debe activar cada uso de estos enlaces/botones o ninguno de ellos.