La correcta combinación de los colores es un aspecto de suma importancia en el diseño web, no es algo que sólo tiene que ver con el gusto sino que los colores también son un tema de accesibilidad y usabilidad.
Una correcta combinación de colores puede cambiar drásticamente la aceptación, y por lo tanto la usabilidad de un proyecto.
Queremos aprovechar para recomendar el uso de las siguientes herramientas relacionadas con la administración del color en diseño web:
Círculo Cromático:
Existe una excelente herramienta para trabajar con el círculo cromático, la cual se puede encontrar en el siguiente enlace:
http://colorschemedesigner.com
Paletas de Color:
Es un recurso que supervisa tendencias en el uso del color no solo a nivel de diseño web, sino incluso aplicaciones en el mundo físico como la decoración de interiores o la arquitectura, abriendo una puerta a explorar diversas combinaciones con sus explicaciones.
http://www.colourlovers.com/
Accesibilidad y Color:
El tema de la accesibilidad se relaciona con el uso del color al pensar en la forma en que personas con diferentes discapacidades o características visuales accesan a un sitio web, el siguiente listado presenta un grupo de herramientas destinadas a trabajar el tema del uso del color desde un punto de vista de accesibilidad para personas con discapacidades visuales como el daltonismo:
Access Color
Accessibility color wheel
Color Filter
ColorDoctor
Colorfield Insight
ColorSelector
Colour Blindness Check
Colour Blindness Simulator
Colour Check
Colour Contrast Analyser
Colour Contrast Analyser Firefox Extension
EveryEye
Kontrasttest
Esperamos que este listado sea un buen recurso para que los profesionales en diseño web cuenten con excelentes herramientas y fuentes de información que le permitan seleccionar adecuadamente los colores a utilizar en un proyecto determinado.
Existe una tendencia fuerte en el mundo web 2.0 a realizar cada vez más aplicaciones basadas en Ajax, Javascript, etc; esto representa una dificultad para las personas con discapacidad visual que utiliza lectores de pantalla, o en algunos casos para aquellas personas que no pueden utilizar un mouse por discapacidades motoras.
Ante esta necesidad, nació el proyecto WAI- ARIA (Accessible Rich Internet Applications), como un esfuerzo para encarar el problema, y lograr que los desarrolladores de sitios web podamos crear aplicaciones con contenido dinámico, basadas en Ajax incluso, sin dejar de lado el hacer un proyecto totalmente accesible para personas con este tipo de discapacidad.
El proyecto está avanzado y ya existe una especificación técnica como parte de lo que se lleva de este trabajo, la cual tiene fecha de febrero 2008. Los fabricantes de navegadores prestan atención a esta iniciativa, e incluso Microsoft anunció que contará con soporte para esas especificaciones en su Internet Explorer 8.
Más información:
http://www.w3.org/WAI/intro/aria
http://www.w3.org/WAI/guid-tech.html
TAW son las iniciales de Test de Accesibilidad Web, es una herramienta destinada a analizar la accesibilidad de sitios web. El objetivo que se ha propuesta esta iniciativa es: “Comprobar el nivel de accesibilidad alcanzado en el diseño y desarrollo de paginas web con el fin de permitir el acceso a todas las personas independientemente de sus características diferenciadoras”. La herramienta está destinada especialmente a profesionales de campo como webmasters, desarrolladores y diseñadores de páginas web.
La herramienta evalúa la accesibilidad entendiéndola como el acceso a la información contenida en los sitios web sin limitación alguna por razón de deficiencia, discapacidad, o tecnología utilizada sin que interfieran por ejemplo: problemas de oído, visión, movilidad; dificultades de lectura o compresión cognitiva, imposibilidad de utilización del teclado o el ratón, entre otros varios factores.
Los resultados del test se basan en las reglas desarrolladas por la Iniciativa de la Accesibilidad Web (WAI) que pertenece al World Wide Web Consortium (W3C). Estas recomendaciones, denominadas Pautas de Accesibilidad al Contenido Web 1.0 (WCAG 1.0) son normas “de facto” aceptadas universalmente.
Le invitamos a conocer más del Test de Accesibilidad Web (TAW)
Una tarea que es sumamente importante en el diseño web, y que es desconocida por una gran cantidad de diseñadores, es el verificar que la combinación de colores que están utilizando tenga un contraste suficiente, de manera que aquellas personas que tienen problemas visuales relacionados con el reconocimiento de colores, no tengan problemas consultando el sitio web que desarrollan.
Existen diferentes tipos de déficit visual, por lo tanto, estas herramientas (en especial Vischeck) presenta como se vería un sitio web para alguien con los diferentes tipos de dificultades.
Colour Contrast Check y Colour Contrast Analyser son otras herramientas con el objetivo de advertir a un diseñador web si su combinación de colores no tiene un contraste lo suficientemente fuerte para lograr que su sitio web sea accesible para personas con deficiencias en el reconocimiento del color.
Muchos desarrolladores de sitios web han leído sobre la necesidad e iniciativas de legislación para hacer sus sitios web accesibles a personas no videntes, ante esto, les surge la pregunta sobre cómo consultan las personas no videntes los sitios web.
La respuesta a esto está en los programas lectores de pantalla, son programas que toman la información (textos) de la página web y la leen en voz alta a un usuario, es decir, convierte la información escrita en información auditiva para los usuarios.
Esto representa un reto importante, pues estos lectores de pantalla no pueden reconocer el texto inmerso en algunas imágenes o archivos de Flash, de ahí, que en temas de accesibilidad, lo recomendable es tener la totalidad de la información indispensable de un sitio web en texto, y no utilizando imágenes ni animaciones; esta es también la razón por la que se recomiendan atributos html como alt, title, y otros.
Para realizar pruebas y conocer cómo funcionan en general los lectores de pantalla, recomendamos JAWS, uno de los lectores más populares.
