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.

El diseño visual está lejos de ser “un dibujito a la rápida”, aunque sigo encontrándome con ese tipo de solicitudes. En la web es consecuencia de un proceso cada día más científico de DCU. Pero ¿quién traduce el diseño visual para navegarlo y crear un buena experiencia en los usuarios?

Somos los Diseñadores gráficos que debemos tomar el guante y hacernos responsables y no los programadores o ingenieros.

Nada personal,  es más accesible aprender lenguajes como HTML y CSS por ser más acotados.  En el pasado expliqué ¿Qué es el diseño Front? y teniendo eso en cuenta, lo siguiente.

El dominio del HTML y CSS no basta, si bien es fundamental, no basta. Se necesitan conocimientos y experiencia, como en cualquier oficio o profesión. En este caso, teoría de color, estudio de tipografía, composición de elementos, equilibrios visuales, etc. Elementos que construyen  una sensibilidad que hay que saber utilizar, leer, reconocer e interpretar.

Repito, sin dominar el Front no llegamos a ningún lado. Dominándolo podemos hacer una óptima traducción de la propuesta visual, desarrollada en un lenguaje gráfico, en valores de luces, sombras, pesos visuales, dominios del blanco, etc. plasmando correctamente el objetivo, concepto e idea generatriz del proyecto. Traducción o interpretación que por cierto debe tener sentido, ser semántica.

Cuando no dominamos (Diseñadores, Programadores e Ingenieros por igual) alguno de estos lenguajes, Visual, HTML, CSS es cuando los diseños se distancian de las propuestas visuales, cambian los márgenes, tipografías, desaparecen iconos, etc. y pierde el valor o parte de él, el mensaje que se queire entregar.

El Diseño no es “el arte“. Helarte es lo que sientes antes de congelarte.

El principal regalo es que nos entrega devuelve la asociación natural de los sentidos del tacto y la vista. La tecnología se vuelve más humana más natural, puede ser comprendida por más personas, en consecuencia es más accesible como tecnología. Las personas mayores, por ejemplo, tienen una limitante menos, ellos como los menos “digitalizados” tienen que acostumbrarse a dispositivos poco naturales, como los ratones (Mouse).

Esta “simple” asociación que habíamos perdido, la verdad es que nunca la tuvimos digitalemente hasta ahora, nos permite una asociación física natural de lo que vemos y “tocamos” ala  vez. Permite concentrar más fácilmente otros sentidos en la acción.

Este es uno de los muchos motivos que tengo para seguir desarrollando y documentando en castellano el desarrollo de una superficie de tacto múltiple o Multitouch.

Ahora hay que masificarla para que económicamente también sea accesible.

Aclaraci’on. Por problemas de accesibilidad del entorno (teclado desconfigurado) omito los acentos.

En algunos minutos salgo al seminario Sitios Web de Gobierno: Pensando en los usuar@s ocaci’on en que se lanzara la Guía Web 2.0 para desarrollo de sitios gubernamentales.

Para mi es relevante estar al tanto de las acciones que toma el gobierno en relacion al cumplimiento de est’andares. Principalmente en c’omo entrega los conocimientos a los involucrados, llamese responsables de las distintas web del gobierno que, desarrollando interna o externamente, aplican, cumplen o hacen cumpli  leyes o decretos (100, 93) vigentes.

M’as que el mero cumplimiento lo que importa es que se concientice de los est’adares y que no term’ine siendo requisitos para un PMG o se convierta en medallismo de logos de validaci’on, sin tener le menor idea de lo que significan. Me refiero a los v’inculos de validaci’on XHTML 1.0 , CSS 2.0 y Niveles de Accesibilida.

Comentar’e m’as por Twitter v’ia Bittr

Este es el Programa, difiere un poco del que me llego primero, pues tenia una ronda de preguntas al final. Espero que fue un error de transcripcion.
08:30 – 09:00 Registro
09:00 – 09:20 + Inauguración
Desarrollo del Gobierno Electrónico en la Estrategia Digital
Patricio Gutiérrez González, Secretario Ejecutivo Estrategia Digital
09:20 – 10:10
Guía Web 2.0 y Observatorio de Usabilidad: Herramientas para optimizar la web
Paulo Saavedra

10:30– 11:00
Usabilidad aplicada. La experiencia de la Superintendencia de Bancos e Instituciones Financieras.
Juan Carlos Camus

11: 00 – 11.50
Presentación del 2º Estudio de Trámites Públicos en Internet

11.50 – 12:30
+ Reconocimiento a los mejores trámites en línea del sector público y cierre
Hugo Lavados Montes, Ministro de Economía