Flash y accesibilidad...

[bittxo]

Hola chicos:

Como me han aconsejado, abro nuevos posts para preguntas diferentes. Y abro este post aunque ya se ha hablado de este tema, necesito concretar un poco la duda general.

Veamos, me interesa tener un menú en flash en una web que desarrollo, pero también estoy intentando validarla en accesiblidad lo máximo posible. Aunque parezca una contradicción, creo que se puede.

Se trata de un joomla, y el menú en flash está en un módulo lateral. He validado todas mis páginas en CSS y XHTML sin problemas, con un cierto código que he encontrado, para colocar el flash dentro del módulo sin que aparezca el marco gris dichoso de iexplorer. Sin embargo la validación en TAWdis es más difícil y me gustaría lanzar algunas dudas y preguntas sobre el tema, que aunque busco no creo estén respondidas.

Veamos, expongo ideas. Si vamos a utilizar flash y queremos pensar en accesiblidad, lo correcto es colocar un contenido alternativo al flash, para los usuarios que no lo tengan activado. Puede ser una imagen descriptiva o como es mi caso, un mensaje de advertencia sobre el plugin y un menú simple de texto hacia los mismos contenidos que enlaza el menú flash.

- Mi primera pregunta es si este método os parece aceptable desde un punto de vista de accesibilidad, si es el más correcto, ofrecer un menú de texto "bajo" el de flash.

Os pego el código que uso para que veáis que texto se vería si no tenemos flash.

<div id="flashcontent">
<p>AVISO!!</p>
Si está viendo este texto, es porque no tiene instalado el plugin de Flash, recurso con el cual se ha diseñado este menú de la web. Le ofrecemos un <a href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash&amp;pr omoid=BIOW">enlace seguro</a> para que descargue e instale esta útil herramienta on line, pero si por el contrario, prefiere no confiar en la tecnología de Adobe, le ofrecemos este sencillo menú de texto plano, con el que acceder a los contenidos de nuestra web.<br /><br />

<a href="http://xxxxxxxxxxxxxx.com/index.php?option=com_content&amp;task=section&amp; id=4&amp;Itemid=35
" title="¿Qué hacemos?" accesskey="Q">¿Qué hacemos?</a><br />
<a href="http://xxxxxxxxxxxxxx.com/index.php?option=com_content&amp;task=section&amp; id=5&amp;Itemid=40
" title="Experiencias" accesskey="E">Experiencias</a><br />
<a href="http://xxxxxxxxxxxxxx.com/index.php?option=com_content&amp;task=section&amp; id=6&amp;Itemid=55" title="Nuestro apoyo" accesskey="N">Nuestro apoyo</a><br />
<a href="http://xxxxxxxxxxxxxx.com/index.php?option=com_content&amp;task=section&amp; id=7&amp;Itemid=58
" title="Lo que opinan de nosotros" accesskey="O">Lo que opinan de nosotros</a><br />
<a href="http://xxxxxxxxxxxxxx.com/index.php?option=com_content&amp;task=category&amp ;sectionid=1&amp;id=13&amp;Itemid=62" title="Prensa" accesskey="P">Prensa</a><br />
<a href="http://xxxxxxxxxxxxxx.com/index.php?option=com_content&amp;task=section&amp; id=10&amp;Itemid=63" title="Internacional" accesskey="I">Internacional</a><br />
<a href="http://xxxxxxxxxxxxxx.com/index.php?option=com_content&amp;task=section&amp; id=18&amp;Itemid=71" title="funDación" accesskey="F">funDación</a>

</div>
</div>
<script type="text/javascript"> // <![CDATA[
var so = new SWFObject("/flash/botonera.swf", "botonera", "200", "540", "9", "#ffffff"); so.addVariable("flashVarText", "this is passed in via FlashVars for example only"); so.addParam("scale", "noscale"); so.write("flashcontent");// ]]>
</script>

Como véis, es un menú en flash que utiliza la solución del SWFObjetc.js para evitar el marco gris de IExplorer y que usa cierto código para incluir un contenido alternativo que se ve cuando no hay flash.

Gracias a este código tengo un menú en flash, con contenido legible para los que no tienen flash y que valida CSS y XHTML.

- Es un buen método desde el punto de vista de la accesibilidad?


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

El otro comentario viene dado por el .js. Para que funcione este método, debemos llamar a un archivo java y también poner unas líneas en el .css de turno. Que ocurre, cuando quiero validar el TAWdis, para el nivel de accesibilidad, me saca errores referidos a esta llamada al Java. Por ejemplo:

- Este elemento podría estar generando contenido dinámico
- Compruebe que los contenidos dinámicos son accesibles o proporcione una alternativa
- No existe el elemento "noscript" con contenido alternativo para "scripts". Compruebe si es necesario para no perfer funcionalidad o información.
- Este elemento puede no ser accesible para todos los usuarios. Asegúrese de que existe una interfaz accesible para este objeto


Estos apuntes son advertencia que debo comprobar o son errores que puedo subsanar? El TAWdis me da 0 0 0 en automático y 18 37 16 en manual. Esto que os digo es manual. No salen como error sino como consejo.


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



Mi otra consulta es sobre Mozilla. Este método que he puesto me parece lo más correcto para meter flash porque damos un contenido alternativo para quien no lo tiene. Sin embargo en Mozilla no me funciona este código, me saca directamente el menú de texto alternativo sin ver el flash.

Porqué con este código no veo el flash en Firefox?


Espero que me podáis ayudar un poco. Gracias!

[bittxo]

Por favor, algún generoso que me pueda orientar un poco?

[PatomaS]

Hola

Para ser realmente accesible, no hay que dar ninguna advertencia, solo debes proveer el contenido. De lo contrario, parece que se están perdiendo de algo importante.

La alternativa de flash requiere javascript, por lo que debería haber un noscript.

Java no es javascript. Llámalo por su nombre.

No son errores lo que pones del TAW, son advertencias, debes revisar que se cumplen las condiciones para ser accesible, por ejemplo, usar un noscript, aportar un contenido equivalente a tecnologías como flash o javascript, etc.

En principio, vas bien, la solución de aportar un menú de forma tradiciona es buena, solo debes mejorar la forma en la que lo pones.

Felicidad

[bittxo]

Bien, en primer lugar gracias por la respuesta a tan larga pregunta, intentaré ser más conciso a partir de ahora, para no liar.

Voy por partes con tu respuesta, pues me aporta soluciones pero también dudas. También lanzó dudas relacionadas.

- Flash y accesibilidad. Entiendo que no hay ninguna forma de mostrar flash en Iexplorer sin el marco gris y sin usar javascript, ¿verdad? Esto me obliga a que para poder poner un flash en mi web, que no tenga marco y que además permita mostrar un contenido alternativo (que supongo que es lo que pide la pauta 6.3), debo usar un script que es lo único que me permite tener ambas cosas, ¿no?

Es un pez que se muerde la cola. Si quiero flash, aunque ponga un contenido alternativo que facilite lo que lleva dentro del flash por ejemplo en texto, como he hecho, seguiré teniendo advertencias de accesibilidad por el uso de scripts.

- Cuando dices usar contenido equivalente a Flash, te entiendo, porque por ejemplo puedes mostrar lo que hace el flash con imágenes estáticas o con un menú de texto, pero la alternativa al javascript no la entiendo. Uso muy pocos scripts, sólo este del flash y que lleva el enlace del botón volver, pero no sé que contenido alternativo se le puede poner a script. Me puedes asesorar. O sea, entiendo que es con la etiqueta noscript, pero no sé que incluir dentro. Supongo que ahí iría el mismo menú de texto que le he puesto como alternativa al flash, no?

Por ahora, estas dudas...

[PatomaS]

Hola

No puedo decirte que alternativas hay a los scripts que uses ya que no conozco la página.

Si solo usas un script relacionado al flash, entonces solo debes preocuparte del contenido alternativo al flash.

Por otro lado, aunque no recuerdo donde está, en el subforo de flash, javascript o web general, hace tiempo, puse una forma de incluir flasn en cualquier navegador de forma accesible usando solo la etiqueta object, en su momento funcionaba desde el explorer 5.5, firebird, firefox, netscape 6 y siguientes y mozilla, por lo que ahora debe funcionar con todos los modernos. Es cosa de que lo busques, ya sea en este foro o en Internet; varias páginas tenían la misma solución o algo muy parecido.

Si buscas con calma, seguroque encuentras alternativas accesibles en fdw.

Sobre el borde gris que hablas, la verdad es que ahí me pillas, no recuerdo nunca haber tenido un borde gris en mis animaciones, pero hace tiempo que no uso ninguna.

Lamento no poder ayudarte más.

Felicidad

[LoBo2024]

Mmm tengo que decirte patomas que te confundes con lo del javascript que has mencionado, ese código muestra las cosas de la siguiente manera:

- Si tienes flash y javascript: Muestra Flash

- Si tienes flash pero no javascript activado: Muestra alternativo

- Si no tienes flash y no tienes javascript activado: Muestra alternativo

Osea que no creo que hubiera problemas en cuanto accesibilidad siempre que el contenido alternativo fuese correcto.

Para bitxo lo mejor para usar ese script es que hicieras lo más parecido a lo que muestras en el flash sin las virguerias propias del flash :) para que así fuese funcional 100% ;)

La verdad que el swfobject está muy pero que muy bien, me podrías poner que errores te da al validar sobre el javascript? porque que yo recuerde cuando lo usaba no me daba errores, pero ahora no estoy seguro jeje

Si me pasas los errores los miro a ver que puede ser ;)

[PatomaS]

Hola LoBo2024

Bueno, ya que lo mencionas, veamos.

Mmm tengo que decirte patomas que te confundes con lo del javascript que has mencionado

¿Cuál el del bitxo que ya dije que no conocía o el que yo publiqué?

No me puedo equivocar en algo que no conozco si digo que no lo conozco. Mide tus palabras entonces.

En el mio, no me puedo equivocar, por razones evidentes.

Sobre las diferentes cosas que he comentado, recapitulo. SI el script carga o contempla un contenido alternativo y este contenido alternativo es de calidad suficiente, ese punto de la accesibilidad está cubierto.

Pero las cosas no terminan ahí, que es lo que la mayoría de las gente piensa. Aun cuando el flash cargue, debe cumplir con una serie de características mínimas de usabilidad y accesibilidad, lo mismo que el contenido alternativo.

Felicidad

[LoBo2024]

Tranquilo, eh? respira xD simplemente quería informarte del tema por si luego te servía ese script no hacía falta ponerse así... necesitas un litrito tila jeje

Pos nada que ese script es muy bueno por eso porque si haces bien el contenido flash y el contenido alternativo no tendrás problema alguno con accesibilidad :)

[Yaraher]

Una consulta, relativamente relacionada. ¿Justifica haber usado Flash para realizar el menu? Personalmente no me gustan los menus en Flash ya que en la mayoría de los casos no me permiten navegar en un sitio como yo lo hago, abriendo los enlaces en tabs distintos, viendo la dirección a la que llevan, guardando enlaces para más adelante, etc.

No estoy en contra de Flash cuando se le explota y se le usa bien. Pero en la mayoría de los casos, me parece que los problemas que se encuentran para poseer el contenido accesible, visible en IE6 fácilmente y demás, se podrían haber eliminado si lo hacían en algo más sencillo como XHTML y animando algunos elementos con JS, por ejemplo.

Es claro, una opinión nada más.