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.

Más en A List Apart

Tags: diseño web, xhtml, javascript, accesibilidad.