Reemplazo de textos - una comparación (2)

SIIR- Scalable Inline Image Replacement

Un script similar a Dynatext, que genera imagenes con php y las reemplaza con js. A diferencia del script anterior, este permite aumentar o disminuir el tamaño del texto generado.

Ventajas

Mayor flexibilidad para los usarios

Desventajas

El cambio de tamaño parece no funcionar muy bien en Mozilla

FIR- Fahrner Image Replacement (CSS)

Una sencilla manera de reemplazar texto utilizando una imagen de fondo en un elemento, y ocultando el texto a traves de un <span> oculto con CSS.

Ventajas

Se hace todo a través de CSS. No requiere ningún otro script. La presentación se mantiene separada del contenido.

Desventajas

Requiere un elemento extra en el codigo (<span>). Si el usuario tiene CSS habilitado pero imagenes deshabilitadas, no verá el texto ni la imagen. No se pueden hacer enlaces en la imagen de fondo, ni tener texto alternativo. Algunos lectores de pantalla pueden ignorar el span oculto.

Accesible Image Replacement

Técnica de Mike Rundle , basada en FIR, que utiliza la propiedad text-indent para ocultar el texto.

Ventajas

Funciona en lectores de pantalla. No utiliza ningún elemento extra en el código.

Desventajas

Tiene el mismo problema que FIR cuando se tiene CSS habilitado e imagenes deshabilitdas. IE 5 tiene problemas con esta tecnica (que se pueden solucionar con posicionamiento relativo)

Gilder Image Transform / Wellstyled

Variaciones (aparentemente simultaneas) de Tom Gilder y Wellstyled que resuelven el problema de CSS habilitado- imágenes deshabilitdas

Ventajas

Casi infalible. Se puede usar para hacer links también.

Desventajas

Usa un span extra.

Usuarios que han visto este tema también han visto...

- Reglas especiales de CSS en Internet Explorer 7
- Cómo volver a Google
- Algunos consejos para tu blog
- Jugar mientras se instala Windows XP
- Abrete sésamo: Cuidado con las contraseñas

- Versión imprimible de este documento
- Enviar por e-mail este documento