Test de contraste de colores

en accesibilidad css publicat el 01 de d'abril de 2006

Para que una página web sea accesible para personas que padecen una discapacidad visiva como los que tienen dificultades de percepción cromática, necesita, entre otras cosas, que el contraste entre colores sea elevado. El Consorcio de la World Wide Web sugiere un algoritmo para determinar si el color del primer plano y el color de fondo son accesibles. Para ello se basa en dos parámetros, la diferencia de brillo y la diferencia de color. Si los dos superan un valor límite entonces se considera que ofrecen una buena visibilidad.

Esta utilidad te puede resultar útil a la hora de determinar si los colores utilizados en una página son conformes a las recomendaciones del W3C. Para ello simplemente entra el código HTML del color de fondo y del color de letra. Como se indica, el límite para la diferencia de color es 500, mientras que para la diferencia de brillo es 125. Si el resultado del test es un semáforo en verde, es que los colores son accesibles. Si el resultado es un semáforo en amarillo, es que uno de los dos parámetros no es válido. Si el resultado es un semáforo en rojo es que ambos valores están por debajo del umbral.

#
#

Diferencia de brillo (>= 125): 255
Diferencia de color (>= 500): 765

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean porttitor lorem et est. Quisque venenatis ullamcorper dui. Nulla tristique est sit amet odio. Aliquam nunc orci, mattis non, luctus ac, volutpat id, metus.

Como se puede comprobar la combinación de colores "posibles" disminuye drásticamente pero esto no significa que siempre nos tengamos que limitar a este rango de colores. Al fin y al cabo, esto siempre va a depender de los requerimientos que tengamos a la hora de diseñar la página. Lo que si que está pasando en otros paises como el Reino Unido es que muchos sitios oficiales están creando estándares de accesibilidad y toda página que se publique debe seguirlos. Sino, no se publica. Es de suponer que aquí ocurra lo mismo en poco tiempo.


2 comentarios

  • pedro

    20 de d'octubre de 2009

    este

  • Arkana

    27 de de setembre de 2011

    Muy buena aplicación, y rápida, lástima que los comentarios hayan sido tomados por los spammers...

Pensant en contractar els meus serveis?

Llegeix això;

Alguns apunts que et poden resultar útils.

  • Soc programador web i encara que m'encantaria dissenyar, no entra dins de les meves competències. Per poder desenvolupar una pàgina web necessito el disseny gràfic final. Si no coneixes a cap dissenyador puc recomanar-te'n algun amb el que hagi col·laborat i la seva feina m'hagi semblat bona.
  • No soc especialista SEO, encara que faig servir regles bàsiques i sentit comú a l'hora d'estructurar el contingut el que es tradueix amb una millora en el posicionament.
  • Si es possible, envia'm tota la informació que creguis que necessito per preparar-te un pressupost. "Programar una web com aquesta" no es suficient, no podré avaluar el cost per que no sabré quines funcionalitats te. Necessito que les especifiquis.
  • Si el projecte es de gran envergadura, segurament que et demani quin es el teu pressupost. La raó es que si s'allunya molt del que a primera vista considero pot costar, et contestaré de seguit que no es un treball que pugui fer.
  • Si existeix una data d'entrega del projecte, comunica-me-la. En funció de la meva disponibilitat et contestaré si es un treball que pugui fer o no.

Per contactar-me pots utilitzar el formulari de contacte.