Efecto de LUPA para Accesibilidad en sitio WEB

[pablofanta]

Hola a tdos! Estoy trabajando en una pagina de chistes:

www.risoterapia.com.ar


Y me gustaría incluirles el efecto de la lupa que te permite leer las letras mas grandes por donde pase la lupa:

Hay halgo que se pueda hacr con Javascript?
Conocen alguna manera?
O bien, alguna pagina de Internet que tenga el ejemplo?

Desde ya muchas gracias!
Buena semaman!

[mostaza]

Flaco... No te entiendo ... ¿Que decis ?

[uokesita]

se refiere a si hay algun srcipt javascript o ajax que haga un efecto de lupa..

una vez vi uno en una pagina de codigo de javascript voy a busacrlo a ver si lo encuentro y lo posteo aqui

[uokesita]

consegui estos.
http://www.netzgesta.de/loupe/
http://valid.tjp.hu/tjpzoom/index_en.html
http://www.magictoolbox.com/magiczoom/

no encontre el que vi hace tiempo, ese efecto de zoom era aplicable a toda la pag web es decir tanto a imagen como al texto, menus, etc y era un javascript. Te dejo dos páginas de efectos javascript para que las revises a ver si lo encuentras alli.

http://www.javascriptkit.com/
http://www.dynamicdrive.com/



-----------------------


edito....
ok. ok. ok.. aqui está.. lo tenia guardado en mi carpeta de scripts y aun está en la página este si te va a servir, no es presisamente una lupa peeero.. logra el efecto

http://www.dynamicdrive.com/dynamicindex3/zoom.htm

[facundocorradini]

Creo que sería mejor utilizar unos botones que permitan redimensionar el texto.

Básicamente debes llamar onclick a una función javascript donde cambias el tamaño, algo como

Código:

this.document.getElementById("texto").setAttribute("size","TAMAÑO_EN_NUMERO");

Luego podrías agregar un ajax que guarde en session el tamaño (relativo) elegido para que se mantenga durante la navegación, y/o guardar en las opciones de usuario su tamaño preferido, para que lo vea así cada vez que visite el sitio.

También sería recomendable, ya que tu interés está en las personas con capacidades visuales disminuidas, el usar una hoja de estilos alternativa de alto contraste. (y podrías aplicar las anteriores ideas a este concepto también)

Y entonces tendrías un sitio muy pero muy accesible!

saludos!

[Euroformac]

Planteate el usar tamaños de fuente porcentuales, o como comentan enlaces para aumentar el texto de la imagen, utilizar javascript o ajax, que son poco accesibles, para realizar tareas de accesibilidad puede acarrearte más problemas que beneficios.

A veces lo sencillo, funciona mejor

[pablofanta]

Gracias por la respuesta, si utilizo fuentes porcentuales y no me conviene utilizar javascript, entonces como haría para agrandar el tamaño de la fuente?

[Euroformac]

Simplemente en la barra del navegador en caso de Firefox Ver Tamaño Aumentar.

En explorer, ver> Tamañao de texto

Si una persona necesita estas herramientas (lupa) puede comprarlas o versiones de prueba como Izoom. Pero si utilizas tamaños porcentuales, puede que no necesite ninguna de las dos cosas.

Saludos.

[Mikmoro]

Iniciado por pablofanta

Hay halgo que se pueda hacr con Javascript?

Iniciado por pablofanta

Gracias por la respuesta, si utilizo fuentes porcentuales y no me conviene utilizar javascript, entonces como haría para agrandar el tamaño de la fuente?

Desconcertante, la verdad.

Este efecto puede interesarte, porque está hecho completamente con CSS, pero es algo tedioso de hacer:

http://www.araudi.net/ampliador_text...dor_texto.html

[pablofanta]

Hola! gracias por el link... voy a ver si me doy cuenta como es con los CSS...

Saludos!

[espondilitis]

Esto esta muy bien.

Gracias

http://www.espondilitis.eu

[Jamati]

Iniciado por uokesita

edito....
ok. ok. ok.. aqui está.. lo tenia guardado en mi carpeta de scripts y aun está en la página este si te va a servir, no es presisamente una lupa peeero.. logra el efecto

http://www.dynamicdrive.com/dynamicindex3/zoom.htm

No funciona ese link, al menos no encuentra nada