Archive for the 'Accesibilidad' Category

Page 2 of 2

Con Firefox… ¡no entras!

Aviso en How Did I Do

Todavía hay sitios web y políticas de desarrollo que consiguen sorprenderme. Buscando un poco de inspiración he acabado en un sitio llamado “How Did I Do”. Por lo que dice su título se trata de un sitio

en el que podemos ver nuestras puntuaciones y clasificaciones en los torneos y competiciones de Golf celebradas en Inglaterra. La verdad es que no tengo ni idea de Golf ni me interesa pero quería ver como habían resuelto el aspecto de comunidad del sitio… pero no he podido. Al entrar en el sitio me encuentro con un aviso (por cierto, en un gris con poquito contraste) que me invita a largarme o volver con un Internet Explorer debajo del brazo.

Puedo llegar a comprender que dentro de una política de desarrollo haya quien priorice uno u otro navegador y vaya corrigiendo los errores de visualización en otras plataformas poco a poco (es discutible pero comprensible) pero ¿marginar “por la directa” a un grupo de usuarios? La verdad es que sería interesante saber si el propietario del negocio conoce esta “peculiaridad” del desarrollo de su sitio.

Hace años los usuarios de Firefox eran unos bichillos raros pero actualmente, en algunos de los sitios que gestiono superan el 20%. En los tiempos que corren… ¿alguien está dispuesto a perder un 20% de clientes?

Accesibilidad: no descuides los contrastes

Ejemplo de imagen sin contraste

Una de las cosas que mas placer dan de crear un buen prototipo en HTML es pasarlo por el TAW y ver que nos da un nivel de accesibilidad de AA o AAA. La verdad es que, en muchos casos, no vamos más allá y preferimos pasar por alto algunas de las pautas que hay que comprobar “a mano”. Una de las más importantes es la del contraste de colores entre las fuentes y el fondo.Para mi ha llegado a ser importante por dos razones. La primera es que fue la primera pauta por la que me dieron un “cate” en una verificación de accesibilidad por parte de una consultoría externa. La segunda es que es algo que puedes estar tentado de descuidar hasta que ves a personas con grandes problemas de visión como los enfermos de glaucoma pasándolo mal por la dichosa falta de contraste.

Como diseñador, he de decir que es una de las pautas que más daño hacen a la libertad creativa o al menos al seguimiento de tendencias. En muchos diseños el uso, por ejemplo, de un gris claro sobre un fondo blanco queda perfecto, elegante, ayuda a jerarquizar… pero no llega a unos niveles mínimos de contraste. Es una de las razones por las que, en contra de lo que algunos defienden, creo que mucho o poco la accesibilidad nos limita a la hora de diseñar. Eso sí, creo que esa limitación merece la pena y puede superarse con un poco de imaginación y creatividad.

La otra dificultad para un diseñador es… ¿cómo mido el contraste?. En las pautas del WAI no aparecen (o yo no las he encontrado) unos valores “absolutos” que nos permitan medir el contraste. Para ello, lo mejor es recurrir a los mismos programas que utilizan las empresas que se dedican a la consultoría en accesibilidad. Esto nos asegura que no nos den un “cate” como el que me dieron a mi y además debemos pensar que esos son los valores estudiados para asegurar unos correctos niveles de accesibilidad.

En mi caso, utilizo principalmente Contrast Analyser (versión ejecutable para Windows) y ayer mismo me recomendaron una extensión para Firefox que aún no he tenido tiempo de probar.

En resumen… sed buenos y contrastad.

Usalo.es: una referencia clave sobre usabilidad

Cabecero de usalo.es

No es fácil encontrar buenas referencias sobre usabilidad. En muchos casos debemos entrar en comunidades como Cadius para conseguir información de calidad. Hoy os recomiendo echar un vistazo a uno de esos blogs que destaca por tener autores especializados y contenidos amplios, bien escritos y de gran calado. Se trata de “úsalo”.

Una buena muestra de los contenidos que podemos encontrar en este blog son artículos como el referido a TxReadability, una herramienta on-line para medir la facilidad de lectura de un texto. El post no se limita a comentar las caracteristicas de la herramienta o a usar datos de otras fuentes sino que su autor, Juan Carlos García, se ha dedicado a realizar pruebas sobre textos redactados por el mismo. ¿Las conclusiones? …. en usalo.es

¿Quieres comprobar como se vería tu sitio en Internet Explorer 6? ¿y en IE5 o IE4?

Captura de la pantalla de instalación de MultipleIE¿Por qué un “margin:10px” no equivale a 10px en Internet Explorer 6? Es uno de esos misterios inexplicables de la historia de la humanidad (o casi). Hubo algún incauto que pensó que con la llegada de Internet Explorer 7 todo quedaría solucionado… ¡pero no! A día de hoy son muchísimos los usuarios y clientes que siguen usando IE6 (¡qué escalofrío!). Unos lo hacen porque no saben como actualizarlo y otros porque con tanta licencia piratilla hace tiempo que no pueden actualizar su XP. El caso es que, por todo lo anterior y por el bien de la accesibilidad (debemos diseñar para todos los dispositivos, aunque odiemos alguno en particular) no podemos olvidar IE6 mientras diseñamos y trabajamos en nuestras CSS.

El mayor problema de todo esto es que los que “abrazamos” IE7 nos encontramos con que ahora no podíamos testear sobre IE6… hasta que apareció Multiple IE. Este programilla nos permitirá no solo instalarnos la versión 6 sino ¡todas las anteriores!. Así, aparte de la accesibilidad, podremos cultivar nuestro lado más melancólico y divertirnos volviendo a navegar con la versión 5 o 4. Eso sí, con cuidado porque de vez en cuando explota (pero no salpica).

Diseñadores contra el cambio climático

Captura de la portada de la iniciativa Design Can Change

¿Qué creías? ¿Qué el cambio climático es solo cosa de ecologistas? ¿de políticos? Pues no, los diseñadores también podemos colaborar de forma activa para combatir el cambio climático. Design Can Change es una iniciativa de smashLab & Cia con la colaboración de Getty Images. En el sitio web encontraremos algunos datos sobre el impacto de nuestra actividad en el medio ambiente (bueno, sobre todo la de los diseñadores gráficos) y algunos consejos para poder convertirnos en diseñadores o en agencias un poco más sostenibles. Puedes leer su manifiesto y unirte a él si estás de acuerdo… ¡yo ya lo he hecho!

Por otro lado, el sitio web es una maravilla. Es un sitio muy visual y en el que, a pesar de que se meriendan algunas pautas de usabilidad, da gusto navegar. Los gráficos y animaciones son una auténtica belleza… y muy pedagógicos. Todo un ejemplo de lo que el diseño puede hacer para divulgar… entre casi todos. Hay una pega grave para ser un sitio divulgativo: o tienes Flash o no puedes acceder a sus contenidos.

El uso de Flash en el sitio queda muy bien y yo prefiero verlo así pero… se podría hacer una versión estupenda y bastante aparente (siguiendo la misma línea incluso) sin necesidad de Flash.

Divulgación = Accesibilidad