Flash o no?

[Carxl]

Hola a todos, creo q' es una pregunta frecuente, pero al menos en los FAQ's no está!!

Si quisiera introducir flash en mi página, una animación, un botón, cualquier archivo flash..., cuál sería la manera alternativa para los navegadores o plataformas que no lo soporten, es decir, por lo menos en html, para cuando javascript no está habilitado, tiene la opción de <noscript> y con eso se logra advertir al usuario.

Hay algo parecido para flash??, o mejor ni colocarlo??...

Gracias de antemano

[PatomaS]

Hola

Ciertamente la idea es recurrente, pero bueno, veamos.

Flash, perse no es accesible, pero tampoco es muy inaccesible dada su arquitectura.

Que el resultado final lo sea o no, depende de ti.

Pero veamos los siguientes casos:

1. Un portada previa a tu sitio (splash page): --> No accesible / No usable
Esto fué muy popular hace tiempo y aun lo sigue siendo entre algunos diseñadores. Su justificación estética y de libertad creativa es indiscutible, sin embargo, no es accesible y aun menos usable. La gente no visita las páginas para ver cuán bien tienen las animaciones, las visita para conseguir una información y este tipo de páginas solo entorpece dicha tarea.

2. Página entera en flash: --> Seguramente no accesible / Seguramente no usable
Es evidente que dadas las características intrínsecas de Flash, si una página está hecha en su totalidad con esta tecnología, no será ni remotamente accesible y puedo agregar que difícilmente será usable. No por el hecho mismo de haber usado flash, si no por el hecho casi indudable de que la página contará con elementos ajenos a la experiencia previa del usuario y a que la información seguramente no estará claramente disponible.

Sin mencionar cosas como las herramientas de navegación del propio navegador, las capacidades de indexado del contenido por los buscadores o un sistema eficiente de búsqueda interna, etc.

3. Botones: --> Puede ser perfectamente accesible y usable
Si se usan de la misma forma que botones creados con imágenes .gif, .jpg, .png, etc, es decir, en puntos determinados de la página, es accesible mientras se cumplan las normas relativas a los elementos object y a los generales.

Es decir, deben estar identificados, tener títulos y una representación alternativa en caso de que el objeto no pueda ser mostrado. Esto suele llamarse fallback.

La estructura que debe usarse para poner objetos como flash en este caso es así:

Código:

<object title="título"><img alt="">texto alternativo</img></object>

De esta manera, si no hay flash o hay una detección hecha con javascript y este no está activado o presente, se mostrará la imagen; si por algún motivo la imagen tampoco puede mostrarse, entonces se muestra el texto. Podemos agregar que dicho texto puede ser un vínculo a una página si se desea ofrecer una extensa explicación de lo que había en el flash.

4. Animaciones:
Si la animación ofrece algo importante a la página, lo mejor es seguir la opción mencionada en el punto anterior. Si no aporta nada, la mejor manera es un poco relativa.

Si no hace falta o queremos realmente ser estrictos, entonces no se pone. Si queremos ser menos estrictos con el uso de flash, podemos usar la opción anterior. Si somo aun un poco más relajados en nuestra uso de Flash y en nuestra preocupación con los usuarios, hay varias alternativas:

4.1. No asignar dimensiones:
Si no se asignan dimensiones al objeto y este no se puede mostrar, algunos navegadores no ocuparán el área asignada al objeto, con lo que no se notará su ausencia.

4.2. Asignar dimensiones de 1x1 px y usar JavaScript:
De esta manera, todos los navegadores mantendrán una representación del objeto, pero no afectará a la disposición de ningún otro elemento en la página a menos que JavaScript pueda redimensionar el objeto, en cuyo caso se mostraría.

4.3. Usar una imagen y JavaScript:
Otra opción es usar las tecnologías al revés, en vez de usar Flash y si no se puede mostrar sustituirlo, podemos poner una imagen en la página y si es posible, se sustituye por la animación en tiempo de ejecución mediante JavaScript.

La opción 4.3. es bastante amigable con el usuario, no es aprueba de fallos ya que no cubre la opción de que la imagen no se muestre, pero podemos asumir que el diseñador tomará las medidas oportunas para que la imagen exista y se muestre.

Felicidad

[LoBo2024]

Otra opción para usar flash es esta...

http://blog.deconcept.com/swfobject/

Es un javascript q implementa flash y si no tiene flash o no tiene javascript muestra el texto alternativo que le hayas puesto, depende para que te puede servir para no tener que hacer una web entera de nuevo para que sea accesible por culpa de unos botoncitos en flash, y asi de paso los buscadores también verán mejor las paginas.

Recordad que en las pautas de accesibilidad avisan de que no pongamos elementos que esten en loop ya que distraerian a las personas con deficit de atencion.

[hq1]

He leído lo que ha puesto PatomaS sobre flash. me parece muy interesante y estoy de acuerdo, pero desgraciadamente no lo entiendo del todo.

A ver, tengo un botón hecho en flash (desde el dreamweaver) para que los usuarios accedan al foro de mi web.

El código que tengo para eso es el siguiente, es el que se genera por defecto, con

object classid="..." id=".." title=".."
param name...
...
embed src="..." ...
/object


Mi pregunta es: ¿cómo tengo que ponerlo para que sea accesible?

Gracias!!!

[Carxl]

Hey muchas gracias a todos por sus respuestas...

PatomaS, te agradezco el tiempo que utilizaste para ser tan específico, GRACIAS!!!

Saludos

[Edypu]

La correcta forma es usando JAVASCRIPT :D

no te genera ningún error.

Busco y lo posteo.

Saludos.

[demiurgo_daemon]

Hola,

en primera, la explicación de PatomaS es tan completa y correcta que no sé cómo no es todavía parte del FAQ .

También Edypu tiene razón. Es bastante seguro asumir que quien tiene JavaScript tiene Flash y vicecersa. Yo uso este par de funciones basadas en una propuesta de Peter-Paul Koch:

Código:

function has_flash(){
	x = navigator.mimeTypes['application/x-shockwave-flash'];
	if (x) return x && x.enabledPlugin;
	else if(navigator.plugins && navigator.plugins.length){
		if (navigator.plugins["Shockwave Flash"]) return true;
		else return (navigator.plugins["Shockwave Flash 2.0"]);
	}
	else {
		for(var i=10; i>0; i--){
			try {
				var flash = new ActiveXObject("ShockwaveFlash.ShockwaveFlash."+i);
				return true;
			}
			catch(e){}
		}
		return false;
	}
}

function flash_replace(id,swf,w,h){
	w = (typeof w == 'number')?(' width="'+w+'"'):'';
	h = (typeof h == 'number')?('" height="'+h+'"'):''
	if (has_flash()){
		document.getElementById(id).innerHTML = '<object type="application/x-shockwave-flash" data="'+swf+'"'+w+h+'>'+
					'<param name="movie" value="'+swf+'" />'+
					'<param name="quality" value="high" />'+
					'<param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer" />'+
					'<param name="menu" value="false" />'+
					'</object>');
	}
}

En resumen, hay tres formas de encontrar Flash: por navigator.mimeTypes, navigator.plugins (ambas documentadas en el soporte oficial de Flash) y por medio de ActiveX. En caso de encontrar Flash, la función flash_replace reemplaza el contenido del elemento con ID id (de preferencia un <div>) con un objeto Flash construido de acuerdo a Flash Satay. El parámetro swf es el URL del archivo Flash, y se pueden definir ancho y alto. Lo he probado en Firefox 2, Opera 9, Safari 2 y Explorer 7. Tal vez el único gran problema sea el evento al cual ligarlo: si se llama a flash_replace dentro de window.onload hay que esperar a que termine de cargar el documento, incluyendo cualquier imagen. Hay diferentes formas de enfrentar esto, como document.DOMContentLoaded o un javascript defer, pero no tengo la documentación a la mano y tal vez esté un poco fuera de tema.

Espero que sea de utilidad. Saludos

[LoBo2024]

Mmmm nadie se ha mirado el enlace que he puesto? 0_o pues la verdad creo que es la mejor manera de hacer que un flash llegue a ser accesible... ya que si la persona que ve la pagina no tiene flash... verá el contenido alternativo haciendo que la página siga siendo usable... si la persona no tiene javascript... seguirá viendo el contenido alternativo y seguirá siendo usable y si tiene flash y javascript pos verá el flash en su máximo esplendor... vamos yo es el que uso siempre para poner flash y así siempre es accesible para todos.

[PatomaS]

Hola

El problema con flash, no es solo referente a la forma accesible de insertarlo en la página. El principal problema es hacer que la animación, interfaz o elemento sea accesible en si mismo. El script que mencionas, solo se ocupa de de la primera parte, de la inserción, pero sigues siendo tú el responsable de hacer un flash accesible.

COmo extra puedo mencionar que el script parece estar bastante bien diseñado y sus detecciones son las adecuadas, basándose en detección de propiedades y no de tipos de navegador.

Felicidad

[Edypu]

Hola, les presento otra opción vean el JS de igual manera funciona en varios browsers w w w . d e s t e c o . n e t

no genera errores en el validador del W3C

es el ejemplo que les decia

saludos.

[Rizzo]

lo que deben evitar en flash es:

*sino sabes la parte de diseño de flash no hagas animaciones son horribles mejor usa gifs.
*no hacer intros, para que?
*hacer precargas de modo que el ususario entienda que ya entro al sitio y esta cargandose.

* no superar 100 kb de la pagina principal.
* aprender a programar actionscript 3.0 y un lenguaje del servidor como php, y tambien javascript por parte del navegador && XML.

entiendase que el camino que ahora esta tomando flash cs3 ahora con actionscript 3.0, es hacer paginas dinamicas y lease dinamicas como la interaccion entre la maquina local y el servidor, no solo dinamico en las animaciones.

ejemplos:

http://yugop.com/


http://www.yugop.com/ver3/

https://www.ecotonoha.com/index_en.html

http://www.computadora.de

como conclusion en mi particular punto de vista si sabes programar y diseño usa flash, sino mejor usa hojas de estilos y html.

[hq1]

Mira, creo Rizzo tiene razón, es decir su última parte del mensaje:

como conclusion en mi particular punto de vista si sabes programar y diseño usa flash, sino mejor usa hojas de estilos y html.

[Daca]

Iniciado por Rizzo

... como conclusion en mi particular punto de vista si sabes programar y diseño usa flash, sino mejor usa hojas de estilos y html.

Si he entendido bien tu frase, indicar que esto no es cuestión de lo que sabe o no el programador, sino de como se han de hacer las cosas.


Mi opinión es flash no, a parte de ser un software propietario.
Seguro que lo que un programador quiere transmitir con Flash lo puede hacer mediante XHtml + CSS + JavaScript.

No sólo navegamos con I. Explorer, Firefox, Opera, etc, sino también existen lectores de pantalla para personas con discapacidades como JAWS, y navegadores para los dispositivos móviles, para los cuales el Flash no es muy válido.

Además, como ya han indicado por ahí, el posicionamiento en buscadores se ve perjudicado.

Saludos!

[juan-raro]

Iniciado por Daca

No sólo navegamos con I. Explorer, Firefox, Opera, etc, sino también existen lectores de pantalla para personas con discapacidades como JAWS, y navegadores para los dispositivos móviles, para los cuales el Flash no es muy válido.

Además, como ya han indicado por ahí, el posicionamiento en buscadores se ve perjudicado.

Saludos!

No se pueden hacer webs para todos, cada sistema tiene sus limitaciones.
Pero para el 95% de las webs, o más, hacerlas en flash es un desperdicio.

Si se hacen en flash es para aprovechar las posibilidades que ofrece no para hacer una web html pero en flash como son la mayoría de las webs que se ven.

[Daca]

Iniciado por juan-raro

No se pueden hacer webs para todos, cada sistema tiene sus limitaciones.
Pero para el 95% de las webs, o más, hacerlas en flash es un desperdicio.

¿Porqué no se pueden hacer webs para todos? Si empleas la herramientas correctas si se puede. Preocupate por seguir los estándares y verás como te ahorras problemas. Y sino, ve y dile a una empresa o a tu jefe, que su web está hecha para el 80% de los potenciales clientes, y que el otro 20% no accederá (porque navega sin flash, porque entra mediante pda, ...) y entonces verás la gracia que le hace perder dinero con ese 20% de los potenciales clientes que no van a ver el producto.

Iniciado por juan-raro

Si se hacen en flash es para aprovechar las posibilidades que ofrece no para hacer una web html pero en flash como son la mayoría de las webs que se ven.

Esta claro que hacer la web al 100% en Flash, para mi entender, es una locura, y creo que todo se ha de hacer en su justa medida. Se puede usar flash en pequeñas parte de la web (anuncios, banners, etc) y siempre que ese contenido quede accesible si no se soporta el Flash.

Saludos!

[Advisto SAS]

Hay muchas razones de no utilizar el flash (se encuentran en internet), y por parte de los buscadores indican que hay siempre que dejar elejir al visitante si quiere ver el sitio web en flash o en html al principio.

[Nica]

me parece que todas las respuesta van en contra de flash... los foreros que opinan en contra de flash usan flash? a mi me paso unos anos atras tenia ese mismo dilema, y desde que lo use por primera ves jamas deje de usarlo. ahora todos los navegadores tienen plugin para flash eso ya no es excusa.

[:.SMITEXX.:]

Yo de entrada trataría de no usar flash o usar lo mínimo.

El ejemplo más claro que te puedo poner es el sitio de adobe o el que tenia antes Macromedia ¿Te has preguntado por qué no está hecho en flash?. Vale, tiene sus banner, pero pocos. Creo que debemos de pensar: diseñar para diseñadores, o diseñar para un usuario final.

El eterno dilema van a ser los motores de búsqueda, y las quejas del cliente "esto no me sale", "se demora mucho cargando", "a mi primo no le sale bien".

Por último, no todo el que navega en internet, sabe instalar un plugin, o actualizarlo... en fin. La idea es hacerlo fácil y rápido. ¿Cuántos sitios hay en Internet y me voy a quedar esperando a que este cargue? jejeje, TIENE que ser algo muy específico o que me interese DEMASIADO.

es mi humilde opinión....

[Diego.]

apesar de sus retractores flash cs3 ya salio y Actionscript cada vez es mas rapido y mejor yo pienso que los que no saben de flash solo saben de el cuando ven un banner o una pagina en flash hecha por un fanatico y no experto lean todo lo que hace ahora Actiolnscript 3 (y seguira mejorando) y tambien ligas como las que puse cheken lo que realmente es flash, yo al ver una pagina en html css o con otra tecnologia hecha un asco , realmente no opino que esa tecnologia no sirve.
otra conclusion personal es:

no hay tecnologias malas , sino programadores y diseñadores malos y peor aun jefes que no los corren de sus trabajos.

ven muchas paginas feas en flash por que pocas personas tienen la habilidad de dominar la programacion y diseño juntos, flash es para profesionales hibridos.(programador y diseñador) ó para programadores nadamas, pero no es para un diseñador que no sabe programar.