Analizador de Contraste de Color 1.0

¿Qué es el Analizador de Contraste de Color?

Es una herramienta para comprobar las combinaciones de color de primer plano y color de fondo con el fin de determinar si proveen buena visibilidad del color. El proceso para definir el nivel de "visibilidad del color" se basa en los algoritmos que sugiere el Consorcio de la World Wide Web (W3C):

"Se considera que dos colores ofrecen buena visibilidad de color si la diferencia en brillo y la diferencia en color entre ambos es mayor que un intervalo dado." El intervalo que sugiere el W3C es > 125 para el brillo de color y > 500 para la diferencia de color.

Nota: Hewlett Packard (HP) distribuye una herramienta de verificación de contraste de color que utiliza los algoritmos del W3C, pero establece el umbral de Diferencia de Color en > 400, lo que supone un límite mayor para las combinaciones de color de primer plano y de fondo consideradas como aceptables.

Subir

Fórmula de Brillo de Color

el brillo de color se determina por medio de la siguiente fórmula:

((valor de Rojo X 299) + (valor de Verde X 587) + (valor de Azul X 114)) / 1000

La diferencia entre el brillo de fondo, y el brillo de primer plano debería ser mayor a 125.

Nota: Este algoritmo procede de la fórmula para convertir valores RGB a valores YIQ. Este valor de brillo ofrece la percepción del brillo del color.

Subir

Fórmula de Diferencia de Color

la diferencia de color se determina por medio de la siguiente fórmula:

(máximo (valor Rojo 1, valor Verde 2) - mínimo (valor Rojo 1, valor Rojo 2)) + (máximo (valor Verde 1, valor Verde 2) - mínimo (valor Verde 1, valor Verde 2)) + (máximo (valor Azul 1, valor Azul 2) - mínimo (valor Azul 1, valor Azul 2))

La diferencia entre el color de fondo y el color de primer plano debería ser mayor que 500.

Subir

Utilidad

El Analizador de Contraste de Color (ACC) resulta útil para servir de ayuda a la hora de determinar, en concreto, la legibilidad de un texto en una página web y la legibilidad de representaciones de texto por medio de imágenes.

Estableciendo conformidad con el Punto de Verificación 2.2 de las Pautas de Accesibilidad al Contenido en la Web 1.0

El Punto de Verificación 2.2 de las WCAG 1.0 requiere que

las combinaciones de color de fondo y de primer plano ofrezcan suficiente contraste para ser visualizadas por personas con discapacidad visual , o para visualizarlas con pantallas en blanco y negro

Utiliza el ACC para probar combinaciones de color sobre el algoritmo que sugiere el W3C y determinar así un "contraste suficiente".

Subir

Manejo del ACC

La interfaz de usuario tiene cuatro secciones:

1. Selección de Color

Los controles de Selección de Color se dividen en dos secciones (primer plano y fondo) y cada una posee tres formas para seleccionar un color con el que probar.

interfaz de usuario para la selección de color

  1. A la(s) paleta(s) de colores se accede por medio de una lista desplegable. Úsala como ayuda para probar y seleccionar combinaciones de color adecuadas.

    paleta de color

    La paleta de color inferior (más pequeña) se compone de 10 matices de tonalidad del color base actualmente seleccionado, visible en la esquina superior izquierda, con diferentes grados de opacidad. La fila superior emula opacidad sobre un fondo blanco, la inferior sobre negro. Los valores de opacidad de la fila superior son 100% opaco, 75%, 50%, 25% y 10%. La fila inferior comienza en 85% en lugar de en 100% pero continúa como la superior.

    Esta paleta resulta útil para probar tonalidades del color base más claras o más oscuras, con el fin de mejorar la visibilidad de la combinación de color objeto de la prueba.

    Nota: Esta característica se ha inspirado en Color Palette Creator.

  2. Introduce el valor para un color (en formato Hexadecimal) en la caja de texto. Resulta útil si tienes acceso a los valores Hex de los colores que quieres comprobar.

    caja de entrada valor hex

  3. La prueba del color de una página web (o cualquier otra cosa en la pantalla) se lleva a cabo usando un selector de colores ampliador. botón del selector de color

    Útil para pruebas rápidas, comprobación y obtención de los valores hexadecimales de los colores. Una vez que se ha seleccionado el botón del selector de color un área ampliada aparecerá alrededor del cursor. El color del contenido bajo la flecha del cursor aparecerá en la lista desplegable de la paleta de color.

    Una vez elegido un color con el selector de colores (clicando con el botón izquierdo del ratón o pulsando la tecla 'intro') su valor hexadecimal aparecerá en en la caja de texto 'hex value' y la sección de resultados se actualizará para reflejar las diferencias en brillo y color para la combinación de color seleccionada en ese momento.

    Nota: Para un control más preciso del cursor utiliza las teclas de las flechas.

    Ejemplo de área ampliada alrededor del cursor tras activar el selector de color. El color bajo la punta del cursor se muestra en la lista desplegable de la paleta de color

2. Resultados

La sección de resultados se divide en resultados resumidos y resultados íntegros.

Los 'Resultados Resumidos' indican un valor tanto para la diferencia en brillo como en color.

resultados resumidos

Si ambos cumplen la verificación se indica con un signo verde de marcado. Si uno de los dos lo incumple se indica mediante un aspa roja.

Los 'Resultados Integrales' muestran los valores de cada una de las comprobaciones realizadas describiendo cuáles han sido los criterios de aceptación o rechazo e indicando si el contraste ha sido suficiente o insuficiente.

Nota: Es posible seleccionar y copiar el texto de los resultados resumidos e integrales.

sección de resultados del analizador de contrastes

3. Resultados de Ceguera Cromática

Seleccionando la casilla de verificación 'mostrar también resultados de contraste para ceguera cromática' se mostrarán resultados resumidos para 'visión normal' y tres tipos de ceguera cromática (Protanopia, Deuteranopia, Tritanopia)

muestra de resultados para ceguera cromática

Nota: El método para determinar las transformaciones en el valor del color para los tres tipos de discapacidad cromática proviene del algoritmo descrito por Hans Brettel, Francoise Vienot y John Mollon en un boletín de Journal of the Optical Society of America V14, #10 pp2647.

Agradecimientos a la agradable gente de Vischeck que nos permitió acceder al código fuente de su implementación del algoritmo de Brettel.

4. Menús de Opciones y Ayuda

Seleccionando la casilla de verificación 'siempre en primer plano' la ventana del ACC se mantendrá siempre visible sobre el resto de ventanas que se encuentren abiertas. Seleccionar el botón 'fuente' te permite modificar la fuente usada en las etiquetas de texto y contenido del ACC

Nota: la selección de ciertos tipos de fuente o tamaños puede provocar recortes en la visualización del texto.

Menú de opciones de control

Si activas el botón 'ayuda' Menú de ayuda se abrirá la página web de la documentación del ACC en una ventana de navegador.

Nota: será necesario que estés conectado a internet para acceder a dicha documentación.

Subir

Uso exclusivo por medio del teclado

Atajos de Teclado del Analizador de Contraste de Color
FunciónTecla(s)
abrir paleta(s) de color de primer planoF9
abrir paleta(s) de color de fondoF10
moverse a través de las paletas de colorteclas de flechas o tecla de tabulación
activar selector de color de primer planoF11
activar selector de color de fondoF12
mover el selector de colorteclas de flechas
elegir el color en el selector o en la paletaIntro

Subir

Términos y condiciones de uso:

El Analizador de Contraste de Color es Freeware.

Mediante el acceso o utilización del Analizador de Contraste de Color, reconoces que has leído, entendido y acordado encontrarte bajo las Condiciones y Términos de Uso del Analizador de Contraste de Color y Términos de Uso del Web site de Vision Australia.

ESTE PROGRAMA SE DISTRIBUYE "TAL COMO ES", SIN NINGUNA GARANTÍA EXPRESA O IMPLÍCITA CON RESPECTO AL MISMO. EN PARTICULAR, VISION AUSTRALIA NO REPRESENTA NI GARANTIZA CUALQUIER TIPO DE RESPONSABILIDAD, CALIDAD O COMERCIALIZACIÓN DE ESTE SOFTWARE O SU ADECUACIÓN A CUALQUIER PROPÓSITO PARTICULAR. ADICIONALMENTE, EL NILS NO GARANTIZA QUE EL USO DE ESTE SOFTWARE ASEGURE LA ACCESIBILIDAD DE SU CONTENIDO WEB O QUE SU CONTENIDO WEB CUMPLIRÁ CON CUALQUIER ESTÁNDAR DE ACCESIBILIDAD ESPECÍFICO.

Este trabajo se encuentra bajo licencia Creative Commons License Creative Commons Licence.

Subir

Instrucciones de descarga e instalación

Por favor note que: El Analizador de Contraste de Color no contiene programas del tipo adware o spyware.

Requisitos del sistema

Descarga

Instrucciones de instalación

Descarga, descomprime y ubica la carpeta del ACC donde desees. Para comenzar a utilizar la aplicación haz doble clic sobre el fichero Colour_Contrast_Analyser.exe.

Subir

Acerca de

El Analizador de Contraste de Color ha sido desarrollado por JUn de wrong HTML en colaboración con Steve Faulkner.

Su desarrollo está inspirado por el Analizador de Contraste de Color de Juicy Studio, la herramienta de verificación de contraste de color de HP y el Programa de Comprobación de Visibilidad del Color de Chris Ridpath de la Universidad de Toronto.

Agradecimientos para Gez lemon de Juicy Studio por el uso de contenidos de su Analizador de Contraste de Color online.

Traducciones

Gracias a Juan Fuertes por la traducción al español de la documentación y la interfaz del Analizador de Contraste de Color.

Para obtener información relacionada con el Analizador de Contraste de Color envía un correo a

Steven Faulkner (Versión inglesa)

Correo
steven.faulkner@nils.org.au

Juan Fuertes (Version española)

Correo
juan.fuertes@dnxgroup.com

JUn (Versión japonesa)

Correo
jun@idena.jp

Roberto Castaldo (versione italiana)

Correo
rcastaldo@webaccessibile.org

Jedi (Version china)

Correo
JediLin@Gmail.com

Sylvie Duchateau (version française)

Correo
info@accessiweb.org

Juha-Markku Liikala (Suomenkielinen versio)

Correo
rcastaldo@webaccessibile.org

Top