¿Son incompatibles Javascript y usabilidad?

Ekbrilo · #1 (**permalink**) 04/12/2007, 12:31

Veo que Javascript ofrece bastantes ventajas para crear efectos, ahora bien, igualmente hay quien lo considera un estorbo a la hora de crear páginas compatibles y de fácil usabilidad. ¿Cómo se resuelve este dilema? ¿Se debe prescindir de todo efecto Javascript y DHTML, o esto sería exagerado e inncesario?

JavierB · #2 (**permalink**) 04/12/2007, 12:44

Hola Ekbrilo

Esto lo contestarán mejor en el foro de Accesibilidad y usabilidad. Movido desde JavaScript.

Saludos,

Eourus · #3 (**permalink**) 05/12/2007, 04:29

Si el código de javascript no afecta para nada al funcionamiento de la web no pasa nada.

Ekbrilo · #4 (**permalink**) 05/12/2007, 05:39

Bueno, yo me refiero a incluir efectos onclick y/u onload, capas móviles, divs ocultos que aparecen -o desaparecen-... vamos, un poco de DHTML. ¿Son elementos muy restrictivos desde el punto de vista de la accesibilidad y la usabilidad?

Eourus · #5 (**permalink**) 05/12/2007, 05:54

Con las capas móviles y los divs ocultos no hay problema ninguno. Con el tema de onclick y onload, pues dependiendo de lo que hagan esas funciones.

Yo para textear todo eso utilizo un navegador llamado lynx (en modo texto, sin javascript in nada), aunque es originario de GNU/Linux también hay un versión para windows.

Podrías bajarlo, instalarlo y probar esa web con él. Si todo se visualiza correctamente pues perfecto. :)

Daniel Ulczyk · #6 (**permalink**) 05/12/2007, 07:32

La usabilidad se comprueba con la experiencia del usuario; dado que es la curva de aprendizaje que el mismo tiene como respuesta a interactuar con el entorno que podés proponer.
Las comprobaciones al respecto se deben realizar con un grupo de al menos 5 usuarios y estas experiencias, llevadas a cabo apropiadamente, suelen ser cuantificables.
Cuanto mayor es el número de comprobaciones más acertados serán los resultados como la suma de todas las expericencias subjetivas.
En cambio, la accesibilidad web puede definirse como el acceso a la información con independencia del dispositivo.
Cuando en el diseño web se separa la presentación del contenido, CSS + (X)HTML, para conseguir buenos resultados de accesibilidad debe comprobarse el documento en los siguientes escenarios:

CSS activado - imágenes desactivadas
CSS desactivado - imágenes activadas
CSS desactivado - imágenes desactivadas
JavaScript desactivado

En tu caso particular, que implementás varios comportamientos mediante JavaScript, tené presente que los lectores de pantalla (Screen Readers) no interpretan dichos códigos. Por lo que hay que ofrecer contenido alternativo para ellos.
Una lectura interesante, te puede resultar JavaScript no molesto, separación del JavaScript. Del blog Accesibilidad en la Web

Ekbrilo · #7 (**permalink**) 05/12/2007, 11:21

Gracias, Eourus y Daniel, por vuestras aclaraciones.(y a Javier B. por mover acertadamente mi post a este foro). Mi duda está más en la accesibilidad, esto es, en que en algún caso el visitante pudiera no acceder -o acceder de modo incompleto o defectuoso- a determinadas partes de la página. La información sobre Javascript no intrusivo me parece interesante. De todas formas, en algunas páginas he visto que se incluye un aviso del tipo "Necesitas Javascript para navegar por esta web", en previsión de que el internauta pueda tener deshabilitada dicha herramienta y sepa a qué atenerse.

Un saludo y gracias de nuevo.

Daniel Ulczyk · #8 (**permalink**) 05/12/2007, 12:10

El tema no pasa por el grado de exigencia o sugerencia que pueda imponerse a los usuarios o visitantes; sea que tengan JavaScript habilitado o no. La metodología para una Web Accesible es ofrecer alternativas, para que el acceso a los contenidos sea igual para todos.
Si un sitio tiene la navegación basada en JavaScript; se debe ofrecer una alternativa (menú basado en listas, por ejemplo) para aquellos navegadores que lo tengan deshabilitado o dispositivos que no lo soporten, como lectores de pantalla, PDAs, etc.

Ekbrilo · #9 (**permalink**) 05/12/2007, 12:29

El caso es: ¿existen siempre alternativas al Javascript? Por otro lado, la accesibilidad total no creo que exista, pues cubrir todas las posibilidades resulta imposible (no digamos ya si además de los ordenadores incluimos dispositivos como agendas electrónicas, teléfonos móviles, etc).

Saludos.

Daniel Ulczyk · #10 (**permalink**) 05/12/2007, 14:58

Cita:

El sitio Web de WAI proporciona pautas y recursos que ayudan a hacer la Web accesible. Estos recursos van desde resúmenes reducidos como la "Guía breve para crear sitios Web accesibles" (Nota de traducción: versión en castellano, català y galego), hasta recursos sobre la gestión de la accesibilidad o referencias técnicas detalladas.

fuente: Introducción a la Accesibilidad Web

demiurgo_daemon · #11 (**permalink**) 05/12/2007, 22:45

Hola,

Cita:

El caso es: ¿existen siempre alternativas al Javascript? Por otro lado, la accesibilidad total no creo que exista, pues cubrir todas las posibilidades resulta imposible (no digamos ya si además de los ordenadores incluimos dispositivos como agendas electrónicas, teléfonos móviles, etc).

Depende completamente del objetivo del sitio. Si mi portal es de juegos en línea, por ejemplo, definitivamente no voy a hacer los juegos en algo diferente a Flash (Java, etc., pero entendemos la idea: no lo haría en Javascript ni HTML/CSS/PHP, por ejemplo). Sin embargo, eso de ningún modo implica que todo el sitio deba estar hecho en Flash, porque quien no lo soporte (los buscadores, por ejemplo) no van a saber siquiera qué es lo que están mirando. Sólo van a saber que se incluye una película Flash, que no pueden presentar, y se quedan con un palmo de narices.

La regla de oro es que la falta de Javascript (Flash, Quicktime, etc.) no haga el sitio inutilizable. Por ejemplo, tenemos dos sitios Web:

http://www.axstracker.com (sitio A)
http://alphaautogroup.com (sitio B)

Ambos tienen una marquesina en el que pasan noticias recientes. Evidentemente, ambas marquesinas están implementadas en Javascript. Desactivando Javascript, el sitio A no sólo deja de mostrar las noticias, sino que pierde el menú de navegación (un menú desplegable, que es material del siguiente ejemplo), entre otras cosas. El sitio B, en cambio, muestra la misma marquesina pero sin movimiento. No es el mismo efecto bonito de ver el texto hacia arriba, pero no dejo de leer información relevante. Tampoco lo deja de leer un PDA. O un teléfono móvil. O Google. Si bien el movimiento da un valor agregado, el no tenerlo no destruye la experiencia en el sitio B; no tener texto en absoluto sí destruye la experiencia en el sitio A.

Tomando en cuenta estos dos mismos sitios, ambos tienen un menú desplegable. El del sitio A está en Javascript; el del B, en CSS. Si no tengo Javascript en el sitio A, no tengo menú. Si no tengo CSS en el sitio B, el menú se puede ver, en todo caso, feo. Pero no deja de estar ahí para saber a dónde puedo llegar; en otras palabras, pierdo diseño (que sin duda es importante), pero no pierdo la información (que, al final del día, es lo primordial).

saludos

Ekbrilo · #12 (**permalink**) 07/12/2007, 12:38

Se agradecen la información, Daniel y demiurgo_daemon. Afinando un poco más la pregunta, ¿los efectos más básicos relativos a las capas (movimiento, visibilidad-invisibilidad...) ¿pueden lograrse sin Javascript de alguna manera alternativa -CSS puro, por ejemplo-.)?

davidsink · #13 (**permalink**) 08/12/2007, 05:34

A la usabilidad no tiene porqué afectar. Todo depende de como lo utilices.
A lo que si es muy posible que afecte es a la usabilidad. Ya que hay empresas que tiene bloqueado javascript y ellos no podrían acceder a tu página con facilidad. Tendrías que hacerlo de forma que no sea intrusivo, es decir. Que si bloqueas el javascript se pueda seguir navegando perfectamente sin perder la navegación necesaria para moverte por la página.

demiurgo_daemon · #14 (**permalink**) 09/12/2007, 19:33

Hola,

puedes declarar transparencia con CSS, pero tienes dos problemas: primero, existe una manera estándar de manejar transparencia y una manera Internet Explorer; segundo, seguramente no vas a querer un objeto completamente opaco ni completamente transparente. Tal vez quieras hacer un efecto de transición entre ambos. Una librería bien hecha en Javascript, como MooTools, resuelve ambos problemas.

Sin embargo, como varios hemos recalcado, la idea es que, si los efectos no se pueden mostrar por cualquier razón (un error en el código Javascript, el navegador no lo soporta, limitaciones de memoria que detengan la ejecución del Javascript, entre otras), el sitio se pueda seguir usando. Nosotros siempre hacemos los sitios como si Javascript ni siquiera existiera y luego le agregamos los efectos pertinentes.

Saludos

Ekbrilo · #15 (**permalink**) 10/12/2007, 11:41

Sí, claro, esa es la situación ideal. Pero si uno no es precisamente un diseñador profesional, el problema es arduo: o se elabora una página que puede dar -en algunos casos- problemas de accesibilidad, o se construye una página tan estática que resulta sosa y aburrida para la mayoría de la gente. El dilema es parecido al de las dietas: quitemos la sal porque perjudica a los hipertensos, las grasas porque producen arterioesclerosis, el azúcar porque afecta a no sé qué... Por supuesto, se puede cocinar y comer con ésas y otras pautas parecidas pero, sinceramente ¿quién prefiere unas acelgas hervidas a un filete, unos langostinos o una tarta?