Cuando se quiere que un enlace abra una ventana de tipo pop-up habitualmente se utiliza un código Javascript en el atributo href:
<a id="my-popup-link"
href="http://example.com">pop me up</a>
De esta forma el enlace no es accesible en navegadores con javascript desactivado o que carecen de él. Para hacerlo accesible se introduce la dirección a la que se quiere acceder en el atributo href, como en cualquier enlace, y el código Javascript en el atributo onclick:
<a id="my-popup-link"
href="http://example.com">pop me up</a>
Y el javascript asociado a esta última variante:
function event_popup(e) {
window.open(e.currentTarget);
e.preventDefault();
}
listen('load', window, function() {
listen('click', 'my-pop-link', event_popup );
Para hacer que en un enlace se abra como pop-up no hay mas que añadir en el enlace el atributo id y la función listen en el código Javascript, en los cuales deben coincidir sus valore: en el ejemplo expuesto aquí my-pop-link.
Tags: diseño web, xhtml, javascript, accesibilidad.