logo El diario de Pepe Molina (Caricatos)

yo

En los Foros del Web, a veces, se ven cuestiones de difícil comprensión. En esta ocasión se ha planteado el tema: onclick accesible no funciona tras postback, que trata de enlaces donde no se "debería" programar el evento "click" por razones de accesibilidad web.


Última caricatura

Andrés Iniesta: Futbolista español. En la actualidad juega en el Barcelona.

Andrés Iniesta

RSS de las imágenes: rss


La Cita

En principio la investigación necesita más cabezas que medios

Severo Ochoa, bioquímico español; premio Nobel de Medicina (1905-1993).


En esta zona están las páginas personales del autor.


Mis clientes ahora también son mis amigos (aunque les cobre).


En Mis amigos Informáticos hay una pequeña colección de páginas de colegas webmasters..


En Mis amigos artistas podemos encontrar artistas de cualquier índole (dibujantes, pintores, escritores...)


Las recomendaciones que proponemos son de índole variada.


Aquí un cajón de sastre de enlaces.


Nos referencian desde sitios de toda índole.


Puede contribuir a mantener esta página con su donativo.


botón pay-pal

Accesibilidad vs. Semántica

emoticón de Caricatos Publicado el día 13 de febrero de 2011
id=14; categorías: Caricatos, Vicisitudes de un Webmaster, Mentes pensantes

En los Foros del Web, a veces, se ven cuestiones de difícil comprensión. En esta ocasión se ha planteado el tema: onclick accesible no funciona tras postback, que trata de enlaces donde no se "debería" programar el evento "click" por razones de accesibilidad web.

En el enlace de referencia vemos que el código propuesto simplemente cambia un atributo de los enlaces para definir ese evento.

La argucia para validar el uso del evento click en los enlaces es definir (o programar) el evento con el atributo rel, que debe usarse como se explica en su definición pero, si no se hace así, no importa ya que valida aunque perdiendo todo su sentido semántico.

Mi opinión sobre este asunto es sencilla, y está reflejado en mis respuestas del tema:

... que no pase una validación de accesibilidad no iguala (al menos en este caso, me lo parece) a que no sea una página accesible.

Puntualizando algo más, no creo que se trate de "perder accesibilidad", el hecho de querer condicionar un enlace... ¿y cómo condicionamos un simple enlace?... simplemente programándolo:

onclick="return confirm('¿realmente desea hacer el enlace...?')"

También hemos querido validar esta página (véase el apunte Etiqueta accesibilidad), y también hemos tenido un problema similar para que valide el efecto de cambio de la imagen "captcha", que originalmente hicimos así:

<img src="diario/captcha.png" onclick="this.src = 'diario/captcha.png?azar=' + Math.floor(Math.random() * 9999)" />

Para arreglar el problema y validar hemos insertado el efecto desde otro script en la cabecera de la página:

function refrescarme()	{
	this.src = "diario/captcha.png?azar=" + Math.floor(Math.random() * 9999);
}
window.onload = function()	{
	document.getElementById("imagen_captcha").onclick = refrescarme;
}

Lo que más extraña es que haciendo exactamante lo mismo, de una manera pasa la validación y de la otra no.

Algunas reflexiones

Si el mismo efecto, pero implementado de otra manera, pasa la validación, es un poco absurdo todo el sistema. Al querer validar esta página, existía también un error en los controles del formulario de los comentarios, por envolverlos con la etiqueta label, cuando para que valide hay que usar el atributo for de la etiqueta label (no sé si existe alternativa).

Al referirme a la semántica, me refiero al significado y uso tanto de las etiquetas como de sus atributos o propiedades. En el caso comentado al principio de este apunte, en principio lo que me parece absurdo es usar un enlace (etiqueta "a") solamente para lanzar una función (script), o sea, se le quita el sentido semántico de la etiqueta (anclar o enlazar); luego se le quita el sentido al atributo rel de la etiqueta. Como he comentado en muchos mensajes de los foros, un click se puede asociar a cualquier elemento o etiqueta, tal vez el más apropiado sea un simple botón; y si quisiésemos que pareciera un enlace (siguiendo con las cosas absurdas), se pueden aplicar estilos.

Zona de comentarios

Este apunte aún no tiene comentarios.

Evaluación

Valoración de esta página: (apunte.14) valor

Valoración evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar

Respuesta: Zona de mensajes (proceso de evaluación)

Historial de navegación

Esta página ha sido visitada en 3313 ocasiones


Disponemos de rss sindicar

Y del Mapa del sitio, además del sitemap.xml.


Aquí podemos encontrar los apuntes más visitados.

"Top 10" reemplaza a la sección Últimos apuntes.


Una buena forma de buscar un apunte es a partir de su categoría.


También es posible buscar apuntes por medio de las etiquetas (tags).


Hemos decidido poner al alcance de todos algunos comodines.

Adjuntamos una versión reducida del "buscador interno" que vemos en la lista anterior:

Buscar en apuntes

También estamos recopilando antiguas páginas del sitio.


Desde este recuadro se puede hacer una búsqueda cronológica.


Se puede crear una postal nueva desde el enlace del sector "Otras páginas del dominio", o editar la que sale en el recuadro, pulsando sobre ella..

../diario.imagen.php?id=2
http://www.pepemolina.com/postales/Navidad/TgC_Navidad_31.gif
enlace a la postal
Copyright © 2002-2017 www.pepemolina.com
RSS rss | Ver Mapa del sitio