Aplicaciones AJAX para lectores de pantalla

En principio AJAX no es una tecnología que haya facilitado el desarrollo de la web accesible. Más bien al contrario principalmente dado que esta tecnología no puede ser usada en dispositivos que no soporten javascript.
Sin embargo en Juicy Studio abren una pequeña brecha aprovechando el buffer virtual de JAWS, una de los lectores de pantalla más utilizados por los usuarios con problemas de visión.
El buffer virtual es utilizado por los lectores de pantalla para permitir a sus usuarios interactuar con el contenido de la web. En este artículo explican como un desarrollador web pueden desarrollar aplicaciones AJAX que actualizan este buffer sin ninguna interacción por parte del usuario.

| | |

Detectar cambio de tamaño de letra en Javascript

La verdad es que lo sencillo es lo mejor, y para cuando estés en la necesidad de detectar si se produce un cambio en el tamaño de la letra, nada mejor que el script que nos ofrece la gente de A List Apart.
Te puedes preguntar por qué vas a querer detectar el cambio de tipo de letra. Si te interesa tener un sitio accesible a gente con discapacidades, pues es buena idea que pienses en ello, ya que suele ser algo que pueden hacer con frecuencia.
Además de detectar ese cambio, puede ser necesario realizar alguna acción. Por ejemplo, si usamos una imagen para un botón, si cambiamos el tamaño de la letra, la imagen no cambia, por lo que el botón quedará demasiado pequeño para el resto del texto, ¿solución?, si hay cambio de tamaño de letra, sustituimos la imagen por un elemento input botón.
Al principio decía que la solución es sencilla, lo cual la hace aún mejor. Se trata de crear una capa que contenga un espacio dentro y que esté oculta. Se guarda el tamaño de la capa y cada cierto tiempo se detecta si ha habido un cambio en este tamaño, si es así, se ha producido un cambio en el tamaño de la letra.
Text-Resize Detection
Demo
Código y ejemplos

| | | |

Technorati lanza búsqueda de Microformats

technorati.pngTechnorati ha lanzado una nueva búsqueda por microformats, la cual está en fase beta (o como lo hayan llamado). Para quien no sepa lo que son los microformatos, son pequeños XML que se usan para describir productos, eventos, contactos, … que son fáciles de entender para personas y máquinas. A parte, han sacado Pingerati, que es un sitio desde el cual poder enviar tus propios microformatos. Bueno, esperemos que vaya mejor que Technorati, que suele dar problemillas de saturación y de que vuelva usted más tarde.
Technorati microformats search
Vía / Download Squad

| | |

Cambiar el tamaño de letra dinámicamente

font-size de Elmundo.es

Leyendo esta entrada sobre el uso de botones para cambiar el tipo de letra de forma dinámica, se nos ha ocurrido contar cómo poder hacerlo.

Se puede hacer de varias formas: incrementando o decrementando el tamaño de letra según se pulse en los botones de aumentar o reducir el tipo de letra, o de forma fija, aumentando el tamaño de la letra y disminuyéndolo, pero solo a unos tamaños prefijados.

Read More “Cambiar el tamaño de letra dinámicamente”

| | |

Scrolling usando thumbnail

En esta entrada vamos a explicar cómo desarrollar un scrolling de texto usando para ello una miniatura del texto que se va a mostrar. Dispondremos de una capa con el texto y otra capa con la minuatura del texto, la cual remarca que parte del texto se está enseñando.

Scrolling

Este efecto ha sido testeado en IE6 y en Firefox 1.5 bajo Windows XP, en Opera es posible que no funcione debido a un bug que lleva arrastrando bastante tiempo.

Read More “Scrolling usando thumbnail”