Leyendo este excelente blog (mis saludos Pato) sobre Accesibilidad, Usabilidad y HCI (temas más que jugosos si los hay) me encuentro con una guía “casera” para aplicar en la vida real las Web Content Accessibility Guidelines 1.0, ideal para los que no tenemos mucha idea sobre esto.
Por fín podemos leer a gente que ha estudiado para esto, y no un montón de chantas que hablan sin saber lo que dicen.
En HTML, cuando uno pone un check box o un radio box, o un input box, o lo que sea, y al lado pone un texto de descripción de ese control, ese texto, necesariamente tiene que estar encerrado entre los tags "label" y "/label". Esto se hace para facilitar (entre otras cosas) que el usuario pueda clickear en el texto (que es mas fácil de ver y por consiguiente, de apuntar), en vez de en el control.
Ahora bien, me sorprende que Google no haya implementado este pequeñisimo, pero gran cambio en favor de la accesibilidad en su GMail. Nadie se dió cuenta hasta ahora ? Sin embargo, en la página principal de búsqueda de Google, esta manera de codear BIEN las páginas web está implementada. Por mi parte, ya les mandé un mail a la gente de Google pidiendo explicaciones de porque no lo habían hecho.
En la imágen que siguen pueden ver un checkbox, con la leyenda “Don’t ask for my password for 2 weeks” al lado. Esa leyenda tendría que ser clickeable, como la de Hotmail, por ejemplo.
Leyendo el blog de Andy (ferviente poster en la lista css-d, moderada por el groso-pero-muy-mal-humorado Eric Meyer), me encuentro con un pequeño quiz sobre accesibilidad en sitios web, bastante interesante por cierto.
Se los recomiendo a todos los que hacen web sites, a ver si mejoramos un poquito la accesibilidad de nuestros sitios, que es un tema muy importante, gente. Lean los comentarios en el blog de Andy, están bastante jugosos todos.
Actualización: Aquí estan mis respuestas (en inglés indio, lo siento):
Hmmm … Im not a web accesibility guru, but, here are my answers:
Q1) A: Cause none of the others seems usable to me. Option 2 can be done with a correct use of CSS. Color is not important for screen readers (in my opinion). So, I guess that option A, providing alternate text for images is definitely needed.
Q2) C: Definitely, option C is the right one. “b” tags are not the same like “strong” tags, specially for a screen reader.
Q3) Im doubting on this one. Maybe option A ?
Q4) Maybe A too ? The other options doesn’t make sense to me …
Q5) B.
This is the site of Rodrigo Galindez, Interaction Designer and Typomaniac. A collection of thoughts about design, typography, technology and life, served fresh from Córdoba, Argentina.
Dig in the archives.
My daily activity in social networks.
