Para gustos, los colores.

¿O no?

A medida que el uso de la web se extiende y las tecnologí­as avanzan, se hace más importante el mejorar diseños y estilos, dando un aspecto más profesional y atractivo a las páginas web. Esto conlleva un riesgo, y es centrarse tanto en la presentación que se olvide la accesibilidad, la capacidad para transmitir el contenido a la mayor cantidad posible de personas. Este es el tema en el que se centra este blog y hoy hablaremos de un caso que no por obvio resulta menos olvidado.

Aunque se pueda aceptar que la percepción del color es algo especí­fico de cada persona y que habrá combinaciones que resulten más cómodas y agradables para unas que para otras (seguramente los compañeros del blog sobre daltonismo puedan dar unas cuantas opiniones al respecto), hay combinaciones cuya valí­a, para bien o para mal, está más que estudiada. En general, unas cuantas normas a seguir comúnmente aceptadas son:

• Favorecer el contraste por encima del diseño (v.g. el gris claro sobre blanco está de moda, pero algunos por más que jugamos con el contraste del monitor no lo vemos).
• Favorecer colores suaves sobre tonos intensos que, aunqueatraigan más la atención, son desaconsejables por resultar más agresivos al ojoy cansan más la vista.
• El mantener un estilo general en toda la página no sólo ayuda a dar una imagen más seria y coherente, sino que los cambios bruscos de color de una página o sección a otra resultan molestos.
• El contraste negativo (negro sobre blanco) suele resultar más fácil de leer, pero también cansa más rápidamente la vista (ya que cuanto más clara sea la imagen, más luz se está recibiendo directamente del monitor). Por esto fondos claros pero no completamente blancos son recomendables sobre oscuros.
• Se suele recomendar las combinaciones negro sobre azul claro y azul oscuro sobre blanco como las mejores, y el rojo sobre verde y verde sobre blanco como las peores.
  

Con la siguiente tabla se pueden ver algunas combinaciones :

[Tabla con combinaciones de colores tí­picas y no tanto]

¿Alguna preferida?¿Usáis alguna combinación que sepáis que es poco común? Yo suelo ver informáticos usando verde brillante sobre negro, que era la única eleccion con los monitores de fósforo y parece que se ha quedado como tradición, y suelo usar blanco sobre verde muy oscuro, como una pizarra, que de lo que he probado es lo que más cómodo me resulta.

Enlaces de interés:
Interesante explicación sobre cómo se reconocen los colores: http://www.psicobyte.com/articulo/colores_ojos_y_cerebros
Color Wheel: Herramienta para hacer comprobaciones de combinaciones de colores: http://gmazzocato.altervista.org/colorwheel/wheel.php
"Comprobador" de accesibilidad basado en colores: http://www.accesskeys.org/tools/color-contrast.html

LA ACCESIBILIDAD A LA INFORMACIÓN EN LA WEB:

Generalizando el concepto de accesibilidad, el significado de esta palabra para nosotros puede significar conseguir encontrar lo que buscamos, que la web nos de la información que necesitamos a la hora de hacer un trabajo, comprar unas entradas para el cine, informarnos de una noticia...

No siempre es fácil conseguir esto y menos si buscamos información técnica sobre un tema concreto porque nos encontramos textos muy largos y muy complicados de leer sobre este tema, y en verdad a la hora de buscar en internet no leemos, solo ojeamos.

Cuando se nos presenta una página web le damos más importancia a las cosas que están situadas según la imagen:

En este orden buscamos en la página, o por lo menos le damos una mayor importancia pensando que va a tener un contenido más relevante según este esquema.

La manera más fácil de facilitar la búsqueda y el acceso a la información en la web es realizando un pequeño resumen del texto al principio, de esta manera solo se leerá el texto aquella persona a la cual le aporte la información que busca.

Es una manera de conseguir que ese texto sea leído por las personas a las que les interesa porque de no poner este resumen, mucho usuarios, aun interesándoles el contenido del texto no lo leerán por lo incomodo que resulta leer en pantalla, cuando vean el texto solo leerán el titulo y ojearan las imágenes.

Inauguración del blog

Empezamos este blog creado para la asignatura Conocimientos básicos sobre visión para mejorar la productividad profesional y la actividad cotidiana de ADA-Madrid. El tema a tratar será accesibilidad -visual principalemente- en la web y, curiosamente, al crear el blog me he encontrado en una situación que servirá como pequeña anécdota para abrir boca.

Casi todos los sitios web utilizan algún tipo de sistema de CAPTCHAs para poder diferenciar personas de sistemas automatizados a la hora de crear cuentas, escribir comentarios, etc. Blogger no es una excepción en el uso de estas imágenes que cada vez se vuelven más complejas, hasta el punto de que muchas veces hay que realizar varios intentos hasta que aparezca una mínimamente legible. La que se me mostró a mí en primer lugar no pertenecía a este grupo, así que, provisto de unos cascos, decidí probar la opción de accesibilidad, que suele reproducir un breve fragmento de audio con una serie de números entre ruidos de fondo. Segundo obstáculo: en lugar de un formato estándar, el audio era un clip de Quicktime, lo que requería ir al sitio web del reproductor de Apple, descargarlo e instalarlo. En mi caso decidí simplemente probar suerte con el CAPTCHA en imagen hasta que acerté, pero claro, yo tenía esa opción.

En las referencias pongo un par de artículos que tratan en detalle el tema de los CAPTCHAs, sus limitaciones y alternativas (v.g. utilizar la lógica en lugar de la habilidad como elemento diferenciador entre humano y máquina, para evitar eliminar a personas del grupo de humanos).

Referencias
Captchas y Accesibilidad: http://www.webstudio.cl/blog/captchas-y-accesibilidad
Inaccessibility of CAPTCHA: http://www.w3.org/TR/turingtest
En la Wikipedia: http://en.wikipedia.org/wiki/Captcha#Accessibility