Entradas con la etiqueta ‘Accesibilidad’

Nicola Roman, Site of the Day

Publicado por Iván Gajate el 30 de diciembre de 2009 en Sitios Destacados | 1 comentario »

http://www.nicolawalbeck.com/

Una web en flash que destaca por la ausencia de artefactos innecesarios. Sencilla, rápida de cargar pese a la cantidad de fotos que tiene, muy usable, integrada con el navegador gracias al SWFAddress, con contenido accesible sin javascript ni flash player…

Tiene algunos detalles que me gustan mucho como son que al redimensionar la página se recalcula el número de filas y columnas, así como sus dimensiones para optimizar la visualización. Tremendo detalle.
Los enlaces se pueden pulsar con el botón derecho para escoger la opción de “Abrir en una ventana nueva”.

Muy buena galería de fotos si señor, me deja un buen sabor de boca para este 2009 que se termina, aún tengo esperanzas en Flash para el 2010 que se avecina, a ver como sale… 😉

Visto en FWA.

SWFObject 2.1

Publicado por Iván Gajate el 29 de octubre de 2008 en AS2, AS3, Desarrollo Web, Flash, Tutoriales | 12 comentarios »

Hay una nueva versión de esta librería de JavaScript que sirve para incrustar contenido flash en nuestro html.

Como ya hemos visto en Flash 99% bueno, esta forma de hacerlo nos ofrece varias ventajas:

  1. Es muy fácil de insertar, mas sencillo que incluir las etiquetas object, es una solución respetuosa con los estándares, y es común para todos los navegadores.
  2. Evita el tener que hacer clic sobre el objeto flash para activarlo en las últimas versiones de Internet Explorer.
  3. Nos permite incluir un contenido "alternativo" accesible para usuarios que no tengan flash player o naveguen con JavaScript deshabilitado.
  4. Google y otros motores de búsqueda son capaces de leer e indexar ese contenido alternativo perfectamente.

 

Ahora, con el SWFObject, ponemos una capa (div) con el contenido no-flash o alternativo (por supuesto podemos dejarla vacía). Esta capa, será sustituida por el contenido flash, de forma totalmente transparente para el usuario.

Eso si, tenemos que darle un id a la capa para que el SWFObject sepa dónde queremos que ponga nuestro flash.

<div id="miFlash">Texto Alternativo</div>

Ahora, en la cabecera del html, incluimos la librería del SWFObject, y hacemos la llamada para que se incluya el flash.

<script type="text/javascript" src="swfobject.js"></script>

<script type="text/javascript">
	//swfobject.embedSWF(swfUrl,      id,    width, height, version)
	swfobject.embedSWF("test.swf", "miFlash", "300", "120", "8.0.0");
</script>

Leer el resto de esta entrada

Flash 99% Bueno

Publicado por Iván Gajate el 19 de octubre de 2008 en Accesibilidad, Flash, Tutoriales | 15 comentarios »

Al menos hoy por hoy sí.

Y es que "eso no se puede hacer" y "yo no lo se hacer" son dos cosas muy distintas, y muchas veces por desconocimiento nos creemos todo lo que nos dicen.

Cierto es que Flash a día de hoy no lo pueden leer los motores de búsqueda. Dicen que sí, que pueden leer los textos estáticos y los enlaces y bla, bla, bla… pero vamos, que si preguntas a alguien que sepa del tema te confirmará que una página hecha 100% en flash no se puede posicionar bien (o al menos yo no lo se hacer, jeje)

¿Y entonces los que vivimos de esto que hacemos?

Pues buscarnos la vida. Pero ya hay gente por ahí que ha mirado mucho este tema y se han llegado a algunas soluciones muy buenas que paso a resumir aquí:

La idea es bastante sencilla, todo lo que sea flash no lo ve un motor de búsqueda. Ni JavaScript. Y eso en este caso nos viene bien. Si sustituyo el contenido HTML por el contenido flash con JavaScript y el motor no puede leer JavaScript, tampoco se hace la sustitución, y se queda con el contenido de texto, que si pueden leer los buscadores.

Dicho de otra manera, es como cuando hace 5 años entrabas en una página web y te encontrabas dos botones, versión Flash y versión HTML decían. Es lo mismo, pero ahora la elección la hago yo por defecto: Si no tienes JavaScript te muestro la versión HTML y si lo tienes, te muestro mi súper-mega-página-100%-flashhhhhh 🙂

Leer el resto de esta entrada