Evento OnClick JS accesible
Buenas a tod@s, acabo de desarrollar un pequeño script en javascript para poder implementar el evento onclick en nuestros sitios cumpliendo algunas de las pautas afectadas en la Prioridad 2 con los manejadores de eventos (onclick / onkeypress) y de este modo optimizar la implementación de nuestras funciones en dichos eventos.
Características OnClick JS:
- No usa Frameworks de AJAX.
- Script escalable y peso muy reducido (827 bytes).
- Compatible con el evento onclick para el tag A HREF.
- Válido para XHTML 1.0 Transitional.
- Parámetros "ilimitados".
- Cumple estándares web, y pautas de accesibilidad.
Próxima versión prevista: (Novimiebre 2008)
- Incluirá un nuevo parámetro para definir la ID del tag donde se ejecutará el evento onclick.
- Optimización adicional de gestión de recursos.
- Compatible con cualquier tag HTML.
Os dejo la fuente original con ejemplos: OnClick JS
Espero que os sea de utilidad y recibir opiniones al respecto, ya que en breve sacaré una nueva versión con alguna nueva funcionalidad prevista y con otras que espero aporteis.
happywebcoder
Yo me refería a que la tendencia que veo actualmente es publicar un marcado limpio, sin scripts, y cuando javascript está soportado y se carga la página el propio código javascript se ocupa de asignar los eventos correspondientes (lo que hacen ready y bind en jQuery, por ejemplo), más que colocar el código inline.
Alejandro Arco
@happy web coder: El atributo rel=”valor” no incumple con los estándares, aunque si bien es cierto el tag REL no fue pensado para este uso. Insto a probar a pasar un test de accesibilidad como el HERA a la página de ejemplos.
OnClick JS está desarrollado especialmente para los puristas de la accesibilidad, ya que un evento onclick seguido de una copia de la misma llamada con un evento onkeypress realiza la misma función, excepto que tendríamos un error de Prioridad 2 por usar manejadores de eventos de dispositiivo (sino usamos onkeypress de forma redundante tendríamos 2 errores).
Otra "ventaja" adicional de OnClick JS es que sin tener que programar nada adicional (ver ejemplo 3) si ponemos una URL de destino en el HREF y ejecutamos el evento onclick con OnClick JS, la dirección de HREF no será ejecutada a menos que el navegador del usuario no tenga javascript habilitado, por lo que está acción a nivel de usabilidad puede ser muy interesante.
Un saludo.
happywebcoder
Por lo que veo usas el parámetro rel para indicar el código a ejecutar:
a title="Ejemplo uso Oclick JS - Suma 3+6" rel="onclick[Suma,3,6]" href="#suma"No soy un experto en accesibilidad ni mucho menos pero ¿no suele ser más limpio añadir los eventos javascript a posteriori? Lo digo porque además este atributo tiene otras funciones asignadas dentro del estándar...