Ejemplo de separación de presentación y contenido (CSS): CSS Zen Garden.
jQuery: Librería de JavaScript que, además de fácil y rápida para codificar (y con menos líneas de código), facilita la separación del comportamiento y el contenido (JavaScript No Invasivo). Claro que no es la única: conoce otras librerías.
He aquí un interesante video que muestra cómo un test de usabilidad con prototipos de papel ayudó al equipo de usabilidad de Corel a encontrar algunos defectos en un diseño preliminar de un producto de creación de sitios web.
Desde la semana pasada estaba pendiente de comentarles de una nueva herramienta gratuita para “probar” la usabilidad de tu sitio Web.
Se trata de RobotReplay, la cual te permite grabar y revisar las visitas de tus usuarios y mirar en ellas cada movimiento del mouse, cada clic y cada tecla presionada.
Lo que, según sus creadores, te permitirá mejorar la usabilidad de tu sitio, ver dónde se aburren tus lectores y convertir más visitantes en compradores.
Suena muy interesante, ¿no?
Sin embargo, gracias a Jorge Márquez, experto en usabilidad, podemos tener una visión más “real” de la herramienta.
Espero que en Colombia y Latinoamérica podamos participar con varios videos. Por lo menos ya tenemos el primer video hecho en Argentina por nuestra amiga y siempre activa Eugenia:
Resulta que el video que les presenté el sábado pasado, The Machine is Us/ing Us, es muy conocido y ha dado mucho de qué hablar. Yo como que era el único que no lo había visto.
Ahora, Michael Wesh, su autor, nos trae un nuevo video titulado Information R/evolution, que sí está recién publicado. Disfrútenlo…
Gracias 456 Berea St. podemos ver otros videos de gente con necesidades especiales utilizando tecnologías de ayuda. Como verás, la accesibilidad trata de hacerle mejor la vida a personas como estas, personas que en el mundo suman millones.
¡Te invito a ver y compartir estos videos! Necesitamos que la accesibilidad sea un tema permanente en nuestros desarrollos.
En la página de AssistiveWare hay más de 10 videos como estos:
Un chico que juega Warcraft y Unreal Tournament 2004 usando sólo su pulgar:
Una mujer que controla su computador mediante una cinta pegada a su mejilla:
Una chica que puede escribir y dibujar gracias a su computadora:
Otra mujer que puede trabajar el diseño gracias a estas tecnologías:
Para continuar con un sábado "free-style" les comparto otro video muy interesante sobre los RSS.
¿Los RSS? Si para ti es una palabra muy conocida y posiblemente sabes perfectamente que es el RSS... ¿Pero sabes que hay aún millones de personas que no saben? ¡En mi familia y entre amigos no tecnológicos son palabras chinas!
Así que si alguna vez necesitas explicar que son los RSS, este video te servirá mucho.
¿Quién no habla ahora de la Web 2.0? Y si habla un profesor de Antropología Cultural de la Universidad del Estado de Kansas, es interesante escucharle...
Las personas con discapacidades usan un amplio rango de métodos que reemplazan o acompañan los navegadores tradicionales que conocemos. Específicamente, las personas ciegas o con visibilidad reducida navegan en Internet gracias a:
Dispositivos que les hablan. Estos son los lectores de pantalla (Screen Readers).
Dispositivos que les convierten los textos a braille.
O de programas que les amplían (hacen zoom) sobre fragmentos de la pantalla.
Y para sorpresa de muchos, hay una gran cantidad de ellos en el mercado. Puedes conocer estos y muchos otros navegadores para personas con discapacidades, en la página de Alternativas de Navegación Web de la W3C.
Hasta aquí, para quienes han leído de accesibilidad, es teoría muy conocida. Pero, por ejemplo, ¿has visto o navegado con un lector de pantalla (Screen Reader)? ¿Realmente sabes cómo funcionan? Bueno, la teoría es muy bonita, pero otra cosa es la práctica.
Así que hoy les he traído algunos videos para que veamos realmente como navega una persona ciega o con visibilidad reducida. Tú como diseñador, desarrollador, webmaster… deberías saberlo.
Advertencia: ¡Los videos están en inglés!
El primer video es “An Introduction to Screen Readers” de Victor Tsaran, “ingeniero de accesibilidad en Yahoo!, quien trabaja en el desarrollo de buenas prácticas para la creación de sitios web que funcionen con los Screen Readers. En este video nos da una introducción a algunas de las cosas que funcionan en el mundo de los Screen Readers y otras que no”.
El Segundo es “An Introduction to Screen Magnification Software” de Karo Caran (también de Yahoo!), “quien nos hace un tour por un programa de ampliación de pantalla, el cual es usado por personas con visibilidad reducida para mejorar su experiencia en las interfaces tradicionales (ej.: navegadores). Karo muestra las herramientas básicas de este programa y las aplica a algunos sitios web para que veamos cómo navega en la web gracias a él”.
Ahora es el turno para una demostración del screen reader thunder, otro lector de pantalla (Gratuito).
Los 12 videos que componen esta serie corresponden a unas pruebas de accesibilidad a las tablas de HTML 5 hechas por el National Council for the Blind of Ireland Centre for Inclusive Technology (NCBI CFIT).
Y una pequeña campaña que Mark (Duopixel) está haciendo para recolectar fondos para la Asociación Cultural y Recreativa para la Proyección del Invidente Puebla (México), quienes cuentan con un laboratorio de 8 computadoras con el Screen Reader JAWS. ¡¡¡Les falta el Internet!!! Ah! Y allí hay una entrevista con uno de los chicos invidentes que se beneficiará.
