Ayuda con Accesibilidad

[daPhyre]

Perdonen que el título no fuera más específico, pero no sabía que ponerle en forma concisa, pues tengo una serie de preguntas sobre el tema. Hace poco di con una página llamada "Examinator", que da un análisis acerca de la accesibilidad en una página, y aunque muchas cosas quedan en claro, hay una en particular que me llamó mucho la atención:

Enlaces activados con javascript.

El contenido del atributo "href" en los enlaces debe indicar un recurso válido, es decir, una dirección (URL) a la que se pueda acceder aún cuando no se soporten los scripts.

WCAG 6.3: Asegúrese de que las páginas pueden seguir siendo usadas cuando los scripts, applets y otros objetos de programación se desconectan o no son soportados. Si esto no es posible, proporcione información equivalente en una página alternativa accesible. (Prioridad 1)

Mi página usa AJAX, y es por eso que tengo enlaces con JavaScript, pero este comentario me ha llamado la atención... ¿Hay alguna forma de llamar a un HTML si no está activado JavaScript a través de ese link? ¿O a que se refiere con "proporcionar información equivalente en una página alternativa accesible"?


Otro detalle: Hay un punto donde me dice que el atributo "APPLET" está obsoleto, y yo uso algunos en mi página para mostrar algunas aplicaciones atractivas no presindibles para el manejo de la página.

Los elementos obsoletos son construcciones que han sido reemplazadas por otras más apropiadas y deben evitarse porque pueden provocar problemas de accesibilidad. Además, su utilización evidencia una falta de actualización en el diseño.

¿Hay alguna forma "correcta" actual de llamar a un applet? ¿O simplemente debo ignorar esta advertencia, estando conciente que en verdad no hay un problema de accesibilidad aunque me lo marque?

De antemano agradesco su ayuda, esperando pronta respuesta.

[AlvaroG]

La primera pregunta es en realidad bien simple: si querés que tu sitio sea accesible, tiene que poder usarse sin javascript.
Si depende de ajax, no es accesible. No hay más vueltas.
Lo que tenés que hacer es justamente lo que dice: "proporcionar información equivalente en una página alternativa accesible" (léase "html puro"). Como lo que hace Gmail con su "vista básica HTML".

Para la segunda pregunta: si depende de applets no es accesible.
Para colocarlos podés usar la etiqueta "OBJECT", pero aunque esto elimine esa advertencia tu página seguirá siendo poco accesible, ya que dependerá de un plug-in externo.


Saludos.

[daPhyre]

Muchas gracias por tus respuestas. Ya tenía conocimiento que AJAX es no accesible, pero quería saber si había alguna forma para tener un 2x1 en un link, que si no podía llamar a AJAX llamara al html puro (Que hermoso mundo mágico sería ese), o si tendría que hacer dos versiones, que veo ahora es la solución. Gracias.

Para la segunda, los applets que uso, no son mas que ornamentarios, por lo que la página funcionaría perfectamente sin applets; por supuesto, la advertencia es algo que me quita puntos (Lo cual no creo a nadie importe realmente al final), y por eso quería saber si había una forma alterna. Investigaré acerca del Object para llamar los applets. Muchas gracias por tus respuestas.

[derkenuke]

Hola daPhyre:

Puedes tener ese 2x1 que buscas así:

Código HTML:

<a href="destino.html" onclick="funcion(); return false;">txt</a> 

De esa manera si existe javascript se llamará a funcion() y al ejecutarse el false no continuará, no irá a destino.html. En caso de no tener javascript irá directamente a destino.html.

De esa manera conseguiríamos contenido alternativo, y accesibilidad en lo que buscas.


Saludos.

[daPhyre]

¡El mundo es mágico y hermoso!

Jamás se me habría ocurrido que de esta forma podría funcionar (Que el onclick tuviera prioridad y no se ejecutara el href). ¡Muchisimas gracias por la nota! Me ayudará mucho en el desarrollo de páginas futuras.

[AlvaroG]

Ojo, no es que tenga prioridad y no se ejecute el href debido al onclick. Este efecto se logra añadiendo el "return false"


Saludos.

[daPhyre]

Lo comprendo, solo que no sabía que se podía hacer así.

Pero ahora los links solo se activan con AJAX con el click, y si me desplazo con tabs y le doy enter, me ejecuta el no-AJAX. ¿Cómo podría corregir esto?

[AlvaroG]

debería funcionar el poner el evento "onkeyup" u "onkeydown" al enlace


Saludos.

[daPhyre]

¿Este evento funciona solo con el enter o con cualquier tecla? Tengo entendido que sería el segundo, y en tal caso, no me funcionaría en caso de usar el TAB para desplazarme. Igual deja probarlo, muchas gracias.

[AlvaroG]

Si, eso es cierto. El problema es que no hay un "onactivate" o similar para los enlaces. Si lo hubiera todo esto sería más sencillo.

Otra opción que podés probar es onfocus, pero esto causaría que se activara el enlace al posicionarse en él con el tabulador.

[Mikmoro]

Quizá se podría probar con esta función:

function saltar(e) {
tecla = (document.all) ? e.keyCode : e.which;
if (tecla==13) window.location = "http://www.google.es";
}

y el html

<a href="http://www.forosdelweb.com" onkeypress="saltar(event); return false;">FDW</a>

Mikel.

[daPhyre]

¡Excelente! Ya lo he provado e implementado, y funciona de maravilla. Muchisimas gracias a todos por su ayuda.

[derkenuke]

¡Buen aporte Mikmoro!
Nos lo apuntamos.

[AlvaroG]

Me pregunto cómo funcionará en Opera, considerando que Opera tiene el document.all por "compatibilidad" con el IE

[Mikmoro]

Pues al menos con Opera 9.50, sólo añadiendo un tabindex al enlace para que tome el foco, funciona perfectamente.

Mikel.

[daPhyre]

¿O sea que tengo que agregar tambien tabindex a los links?

[Mikmoro]

Con otros Opera no sé, pero con el 9.50 sí. O al menos eso he necesitado yo, aunque quizá no lo tenga del todo bien configurado, porque no le he hecho mucho caso, la verdad.

Mikel.