este es el iFrame

Ver mapa más grande
este es el iFrame

Hoy en un RT de @jccamus al twt de @pablo_acme entré en un interesante diálogo con Pablo pues la “exclusión por aspectos tecnológicos” en el uso de vínculos etiquetados como “haga click aquí” específicamente en tecnologías táctiles(Touch).

Claro, el mensaje, la instrucción solo hace referencia a una acción concreta y hasta mecánica que no tienen ninguna relación con el contexto.

Desde la accesibilidad

Comprensible es el tercer principio[1] de las WCAG que si bien están en principio asociadas al web, son aplicables, en este y otros aspectos, a muchos soportes. Específicamente la Pauta 3.1 dice “Hacer el texto legible y comprensible“, aquí mi asociación.

Aplicado al “haga click acá” vemos que  la acción está asociada a una tecnología que utiliza cursor y activaciones de click. Por otro lado el etiquetado no informa sobre lo que sucederá al “activar” ese vínculo. Es decir es un “Botón” que se puede convertir fácilmente en accesible desde cualquier dispositivo, como cambiando el texto a “Descargar PDF”.

¿Crees que es un ejemplo clarificador?

Les copio el intercambio de Twt

@pablo_acme: Sabía usted que cuándo dice “haga click acá” está excluyendo a todos los dispositivos táctiles que no hacen “click”

@maxymiliano: RT @jccamus @pablo_acme: “haga click acá” está excluye táctiles // fuera de no entregar ninguna info. sin contexto. Base de la accesibilidad
hace 11 horas Favorito Responder Borrar

@pablo_acme: @maxymiliano Claro, pero me refiero a un concepto más amplio, no solo a diseño de sitios web. Puede ser incluso un manualhace 11 horas

Uno de los factores más relevantes en el contexto del diseño Front es el correcto marcado del contenido. Específicamente la correcta identificación y correspondencia Tipo de contenio v/s Etiqueta recomendada. Esta es la base para un desarrollo óptimo. Si no se entiende el real contexto del HTML como Lenguaje de Marcado, partiremos con una base inestable.

La ejercitación se debe plantear en identificar los elementos de una interfaz visual, tanto para marcarla como para las páginas HTML verificar si están correctamente marcadas.

Luego del correcto marcado del HTML debemos identificar y comprender el comportamiento de cada uno de los elementos marcados. Estos se dividen según su comportamiento en Elementos de linea y elementos de bloque. Comprender, asimilar y dominar estos comportamientos es fundamental para iniciarse en el estudio de las CSS.

Documentos oficiales

• W3C  español
• Todas las traducciones al castellano
• XHTML^™ 1.1 – XHTML Basado en Módulos
• Técnicas HTML para las Pautas de Accesibilidad al Contenido de la Web

Actualización

Recordando que un alumno hizo referencia al poco soporte del atributo longdesc, les dejo algunos enlaces al respecto. SIDAR ejemplifica y hace referencia al poco soporte en un artículo del 2002 en el marco de un Manual de aplicación de las WCAG1.0. También encontré un blog con un buen post Como usar el longdesc y finalmente contenido oficial de la WebAim sobre Long Descriptions.

Les dejo a mis alumnos del DUOC y a los que necesitan una buena lista de recursos relacionados con Wordpress. Se que es complejo encontrar material tan específico con el poco tiempo que uno dispone hoy en día asi que Deja que te busque “Cómo usar Wordpress” en Google

Suerte :P