DailyCosas 2.0

Susto me he llevado al descubrir Usalo.es sobretodo al ver que ¡utilizan la misma imagen que nosotros para referirse a la usabilidad! Sin duda un claro ejemplo de como una imagen vale mas que mil palabras, quizás esa “tetera para zurdos” debería convertirse en el símbolo universal de anti-accesibilidad. Ellos nacieron en julio 2004 y yo empecé a escribir de usabilidad un año después, así, tengo que decir que nadie ha robado la idea a nadie de hecho es una gran web hecha con mucho gusto y que recomeindo poner en los RSS a todo aquel que le interese la usabilidad y accesibilidad.

En especial echadle un ojo al artículo Siete errores de accesibilidad.

Universidades

Las universidades tienen que ser la avanzadilla de la cultura y el progreso de un país, en ellas dede estar el germen del debate sosegado, deben ser el punto de referencia para saber hacia donde avanzar… triste es el momento en que nos encontramos que un estudio realizado (en Diciembre 2004) por el Observatorio de Infoaccesibilidad de Discapnet sobre páginas web universitarias en internet dice que “ninguna alcanza el 50% de los parámetros exigidos por el Consorcio World Wide Web (W3C)“
Es una buena noticia que las barreras arquitectónicas en las Universidades madrileñas van a ser reducidas gracias a un plan extraordinario de financiación. Aunque como bien debemos saber todos, mejor hacerlo de partida e integrarlo en la partida presupuestaria de partida, que no tener que hacer una partida extraordinaria mas adelante (esto es aplicable para toda construcción, incluida web, que se realice midiendo en términos de esfuerzo).

Gobierno

Mientras la web de Presidencia: la-moncloa.es acaba de ser remozada el pasado día 25 para ser MUY accesible, cumpliendo la doble A de WAI (y por ello hay que felicitar encarecidamente al que puso en marcha esa idea), hay que observar que una persona con problemas de visión no podrá acceder a los datos de gripeaviar.es, la página que abrió hace poco el Ministerio de Sanidad para informar acerca de todo lo que necesiten saber los ciudadanos acerca de esta peligrosa epidemia global (colleja al que se le ocurrió la idea que deja a estas personas desinformadas y por tanto mas vulnerables). De hecho ya se ha llevado mas de una colleja virtual. Yo, la verdad, no entiendo que aporta el haber realizado una página informativa con tecnología Flash… ¿una barrita amarilla que se mueve? Estoy por hacer una versión XHTML+CSS de la página y regalarsela al Ministerio.

Ventanas pop-up legales

Estaba intentando encontrar la ventana pop-up mas perfecta del mundo (que podamos controlar su tamaño y sus características, que funcione con y sin javascript y que cumpla con XHTML) y descubrí que es imposible. La idea es hacer un <a href=””> que vaya correctamente al destino y luego aderezarlo con algo que provoque que se abra en otra ventana. Con javascript es sencillo (no olvidar algunos trucos para que siga siendo usable), pero esto sin javascript solo se puede a través de target y targetno existe en la especificación XHTML… (cualquier truco para convertir rel=”external” en target hace uso del DOM a través d Javascript). Pero claro, se supone que no tiene porque haber mas de una ventana en todos los terminales con acceso a web. Anímo a que si alguien consigue alguna novedad en este tema me lo comente, en el curro me siguen pidiendo una ventana pop-up y si puede ser accesible (si, en mi curro se preocupan por la accesibilidad).

Atajos de teclado: mas veloz, mas accesible

Rebotando en este tema encontré otro mas interesante, el uso de atajos de teclado. ¿Sabías que puedes relacionar los enlaces de una página con una combinación de teclas? p.e. Pulsas ALT+j y te vas al enlace del curso para bailar jotas… O mejor aún, no es necesario el uso de un dispositivo apuntador para llegar rápidamente a ciertas secciones o funciones de tu web. Bueno, hay ciertas indicaciones a seguir: intentar no anular los atajos del navegador (los atajos de la página se imponen sobre el navegador), informar de la existencia de estos atajos y, bastante importante, que se pueda realizar la combinación de teclas en casi todo el mundo.

Recordemos el primer axioma de la accesibilidad web: el estilo no importa.

A la hora de enfrentarse con una web, los diseñadores que entraban en el mundo de la web hace unos años se veían maniatados por un código infernal que no era tan cómodo como esos programas de maquetación que usaban. Así, cuando la web llamo la atención de los que tenían el dinero, contrataron a diseñadores y les dijeron que querían lo mismo que hacian en papel o en las aplicaciones…. y comenzaron a usar lo mas rígido que tenían a mano y que les permitía fijar los contenidos como los habían diseñado: TABLAS.
Bueno, también había algunos bestias que usaban TABLAS + imagenes (cortadas en trocitos), lo cual no tiene mucha lógica… o ¿que código alt le pondrías a cada imagen?)
Lo peor de todo es que aun se diseña mucho de esta manera… tomemos unas nociones del tema y no repitamos este error.

Esta lección va dedicada a la gente de Tableless (sin tablas), que nos van avisando de la gente que ha dejado el lado oscuro.

Me hago eco de este puesto de trabajo en Michisoft:
Software Development Engineer in Test
No se puede negar que el sistema operativo de Michisoft siempre ha sido bastante accesible y usable (quizás en demasía) así que no es sorprendente que quieran poner a prueba su nuevo bichito IE7. Lo que me sorprende es que tengan que contratar a alguien nuevo…

El estilo no importa

Veamos, cuando un escritor escribe un libro, ¿a que le importa bien poco si las pastas serán verdes, la letra de 12 pt o si tendrá o no ilustraciones? Otro día hablaremos de la usabilidad que estos elementos reportan, hoy lo que nos importa es dejar claro que cuando ponemos una información en una web, lo que menos importa es como se presente finalmente, lo que importa es que tenga un sentido en si misma.

La primera idea que tenemos que tener cuando surtimos de contenido a una página web es que no nos importa como se presentará finalmente en pantalla. Lo mas importante es ser simples y pensar de manera ordenada que tag representa mejor la idea que queremos desarrollar.

“El HTML nació como un lenguaje de marcado, no como un lenguaje de presentación de contenidos, lo que pasó a lo largo de su vida es que las necesidades de la web crecieron de manera exponencial, arrollando y desvirtuando el HTML a su paso.” (Extraído de XHTML2 Comentarios sobre el borrador)

A minid, se le fue el otro dia la olla y posteó en morse. Google es fantástico y rapidamente encontré un traductor de morse…. Solo quería comentarlo, me hizo gracia. En especial porque este hombre es un gran apasionado de la accesibilidad, y de el se aprende cada día un poco.

Como primer artículo de esta categoría quisiera empezar con una noticia positiva antes de adentrarnos en incorrecciones, meteduras de pata y sencillos cambios que harían la vida mas fácil. Inditex, una de las primeras empresas mundiales del sector de la moda, tiene una web terriblemente bien diseñada, bonita y accesible.