Archive for the ‘accesibilidad’ Category

jquery-link.js - Mi primer plugin para jquery

Nombre: jquery-link.js
Version: 0.1
Descripcion: Sirve para crear enlaces accesibles en xhtml sin esfuerzo alguno
Descarga : jquery-link-compress.js
Modo de uso:

en el head de nuestro html incluimos :
1) jquery
2) jquery-link-compress.js

Funcionamiento
———————————
Simple
——–
con tan solo incluir, este js, todos los enlaces que tengan por clase class=”external” se abriran como target blank y es total mente accesible, ya que si un usuario no tiene javascript, se abrirá en la misma ventana

O segunda forma
un poco menos simple ;)
———————–
, nos puede interesar que desactivemos el plugin pues dento de un ready de jquery y solo hacer externo a un enlace
$(document).ready(function() {
$().ALLinksAcesibles(false);
$(”#noth”).linkAccesible();
});

Ejemplo funcionando

Enlaces externos (target=”blank”) en xhtml 1.0

Podemos ponerlos usando javascript, en caso de que se tenga activado el javascript, abrirá una ventana nueva, y en el caso que no lanzará la url del href.

[html]
Descarga TENERIFE
[/html]

Centrando un swf , mediante capas

Leyendo el foro de subflash, me encuentro con una pregunta que si se responder xD
Tabla o capa para centrar swf en html?

para el tema de accesibilidad y usabilidad, no se recomienda usar tablas para maquetar, (esto es de lo poco que voy aprendiendo del tema, aun no se usar los doctype en condiciones, pero todo asu tiempo)
para centrar un swf con capas seria asi:

fichero css
[css]
body {
text-align:center; /* para centrar el contenido en IE */
}

#contenedor{
position:relative;
margin: 0 auto;
}
[/css]

y en el fichero donde carguemos el swf, lo meteremos en un div que se llame contenedor

quedará centrado

ver ejemplo