Pop-ups accesibles

Desarrollo web 

Intentar que nuestros pop-ups sean accesibles es relativamente sencillo.
A mi personalmente no me gusta usarlos pero hay veces que no podemos evitarlo.
Un pop-up consta de un parámetro window.open que es el archivo que vamos a abrir.

<a href="#" onclick="window.open('pagina.html', '',
'width=200,height=100');">Abrir</a>

El ejemplo que he puesto es erróneo ya que la navegación depende totalmente del Javascript, ya que el enlace se encuentra establecido dentro de sus métodos.
Así que para que un usuario que no tenga activado el Javascript pueda llegar a la información deberemos establecer el destino dentro del atributo href del enlace en el atributo window.open hacer referencia a él a traves de un this.href, y añadir en la instrucción del onclick un return false; para que el navegador anule el enlace de HTML.

<a href="pagina.html" onclick="window.open(this.href,'',
'width=200,height=100'); return false;">Abrir</a>

Y con esto ya tenemos un pop-up accesible

Deje un comentario

Pon aquí las letras y números que ves en la imagen (requerido)


Close
E-mail It