« Links de la semana | Main | Puerto Vallarta, allá voy! »

Diseño para deficiencias visuales

Debo de confesar que nunca me había importado mucho cómo se veían las páginas que yo mismo hacía cuando incrementaba el tamaño de la letra - De hecho el tamaño de la letra en Duopixel Weblog está especificado en pixeles, haciendo que en Internet Explorer no puedas aumentar el tamaño del texto.

Pero ahora que he estado usando un monitor que se ve borroso estoy viendo el futuro de mi vista en unos cuarenta años, y también estoy viendo lo que la gente con deficiencias visuales ve al entrar a este weblog y algunas otras páginas que he hecho. Es una frustración enorme que me hace desear regresar a corregir todo lo que alguna vez he hecho.

En el ámbito del diseño web mucho se habla acerca del diseño accesible, pero sólo en el contexto de las personas ciegas al 100% que usan lectores de pantalla. Es un aspecto importante, y de hecho alguna vez leí un estudio (lo siento, no logré encontrarlo de nuevo) que afirmaba que la gran mayoría de las personas ciegas prefieren accesar el mismo contenido que las personas sin deficiencias visuales. Ante la alternativa de entrar a la "versión para ciegos" preferían la "versión para no ciegos" porque saben que lo más actualizado está en la versión para gente que puede ver.

Una persona "legalmente ciega" es alguien que por lo menos ve con la misma definición a seis metros de distancia lo que una persona con visión normal ve a 60 metros de distancia. Digamos que estás a media cuadra de una barda y ves un anuncio pintado en él. Una persona legalmente ciega vería (en el mejor caso) con la misma definición que tú a seis metros de distancia. Sólo el diez por ciento de estas personas padecen de ceguera total.

Sin embargo, los ciegos somos nosotros al no ver que la mayor parte de las personas con deficiencias visuales no usan lectores de pantalla, porque la mayor parte de la gente con deficiencias visuales no es legalmente ciega. En realidad es gente símplemente con "visión deficiente", esto significa que aunque los lentes ayuden, no logran obtener una visión normal.

Todos conocemos a este tipo de personas: puede ser alguno de tus abuelos, algún maestro o algún amigo. Aún con los lentes de fondo de botella entrecierran los ojos al tratar de leer un libro, leen con lupa el periódico, o sostienen el texto lo más alejado que el brazo alcance. En personas jóvenes suele deberse a algún tipo de enfermedad congénita y en personas mayores (65+) generalmente se debe a la degeneración macular, las cataratas, el glaucoma o la diabetes.

Pueden pensar "Qué importa, si mi abuelita no usa el mail" y tal vez tengan algo de razón, pero si verdaderamente consideras la accesiblidad como un elemento fundamental del diseño en cualquiera de sus ramas, estás engañándote a ti mismo. Pero hay un elemento aún más importante: dentro de algunos años estaremos diseñando para muchísimas personas mayores.

Conforme el promedio de vida aumenta, en especial en países del llamado tercer mundo, más y más personas mayores están llevando una vida activa después de retirarse. Y si lo pensamos un poquito más, tal vez nuestros abuelos no estén haciendo uso del internet, pero nuestros padres lo estarán haciendo al llegar a su edad. Existe toda una generación post-baby-boomers que ya hace uso extensivo de la web: personas en sus cuarentas y cincuentas que pueden ser oficinistas, empresarios, gerentes, ociosos, qué se yo. Para ellos tendremos que diseñar en un futuro muy próximo.

Así que después de este choro sólo me queda dejar unas sugerencias para los que nos dedicamos al diseño web:

  • Siempre especifica el tamaño de letra en tamaños relativos -ems o porcentajes-, nunca en pixeles.

  • Al aumentar el tamaño de letra es indispensable que la funcionalidad no se vea afectada: la navegación y los bloques de texto deberán de permanecer en su lugar.

  • Procura que tu navegación esté compuesta por texto, no imágenes. Se pueden hacer cosas interesantes con un poquito de CSS's para darle más vida

  • Exsten distintos niveles de deficiencia visual, tu layout deberá aguantar la mayor cantidad de zoom posible.

Sé que Duopixel Weblog probablemente no cumple con uno solo de estos puntos. Esperen un rediseño, no sé para cuando, pero ya está muy alto en mi lista de prioridades. Y a quién no le haya convencido mi choro, permítanme prestarles mi monitor durante una semana.

Comentarios

Alphar escribió:

Por eso siempre me mentan la madre de que no pueden leer el estupido weblog.

Para profundizar en el tema, les dejo 2 links relacionados, MUY interesantes:

1) VIS (Visual Impairment Simulator), permite simular en nuestras propias pantallas las patologías de la visión más comunes. Es gratuito y es excelente para hacer tests de nuestros trabajos, ya que realmente veremos (o muy parecido) como la persona que tiene esa deficiencia y así podremos ajustar el diseño.
http://cita.rehab.uiuc.edu/software/vis/

2) Sane CSS Tipography
Es un tutorial muy bueno y sencillo de como hacer CSS que sean accesibles y que funciona en la mayoria de navegadores y plataformas, manteniendo en lo posible los tamaños que queremos para los textos. También se puede bajar el ejemplo terminado para analizarlo y crear los nuestros.
http://www.thenoodleincident.com/tutorials/typography/

Saludos a todos, Seba

German escribió:

Gracias por acordarte de los miopes como yo, Mark, jaja. La verdad a veces sí es exagerado lo pequeño que es la letra de algunos sitios (especialmente los que tratan sobre diseño). Como uso FireFox, por lo general no es problema... pero para el otro 90% de la gente que usa IE, sí puede llegar a ser molesto.

Aparte, tienes mucha razón con la idea de que lso baby boomers ya están sesenteando y una gran parte de ellos usan el internet de manera regular. Es una generación enorme de personas (a nivel mundial) que con su avanzada edad ya está amenazando con destruir los sistemas de seguro social y médicos de los países. El considerarlos en los diseños de web dentro de _muy_ se va a convertir en una necesidad, no una cortesía. Gracias por tomar este tema, Mark.

Sr. Ternasco escribió:

Tienes toda la razón.

Richard escribió:

Alucinante,
acabo de hacer un cursillo de accesibilidad y estaba pensando en escribir algo sobre el tema.
He podido leer en tu articulo frases enteras en las que había pensado... Da miedo.
Pues si, tienes mucha razón en todo lo que dices, tenemos que empezar en hacer las cosas sencillamente BIEN.

Alex escribió:

Yo, por ejemplo, no me considero ciego, pero cuando llevas horas delante de una pantalla, agradeces poder ampliar el tamaño de la letra.

Hacer páginas accesibles, no solo es bueno para llegar a más gente, sino que es bueno incluso para ser mejor indexado por el Google o para que tu página se pueda ver en diferentes dispositivos y pantallas: Ordenadores viejos con pantallas pequeñas, PDAs, TV con internet, etc.

Las pautas que hay que seguir para hacer páginas accesibles en castellano están en:
http://www.discapnet.es/web_accesible/wcag10/WAI-WEBCONTENT-19990505_es.html

Un saludo.

andrea armenta escribió:

no argumentare que es necesario tomar en cuenta la diversidad, porque deberia ser un tema que mas que entendido debe ser aplicado a nuestra vida diaria, hago alución a que tu quien quieras que seas sordo, paraplejico, sindrome de down, ciego tienes el derecho que se hagan tus necesidades atendidas.
por comentario hago hincapie a que la información previa diseño para deficiencias visuales, tiene mas que la razón, la necesidad de existir para hacernos crecer como seres humano e ir en pro del beneficio reciproco.

Jorge_Luis escribió:

Yo tengo miopia y el pasar horas frente al monitor, (sobretodo los que no tenemos para un flat panel y usamos el viejo de rayos catodicos) me provoca que mi miopia aumente temporalmente.

Y si este blog que tiene una letra muy chiquita, se ve que el diseñador no tiene miopia.

Para remediar un poco este mal uso el navegador Opera, tiene una herramienta para aumentar las paginas en el porcentage que quieras.

Saludos.

Köpke escribió:

hmmm interesante me ha puesto a reconsiderar el estilo de mi blog.

  •