Alguna vez ha tenido uno de esos días donde te despiertas en la mañana, una taza de café, y después salir a la calle con un bastón y derribar todas las personas con discapacidad que puede encontrar? Quiero decir, a veces sólo tienes que hacer más difícil la vida para otra persona, en particular, a los oprimidos y los oprimidos. Pues resulta que he estado haciendo exactamente lo que cada día, en 56 formas diferentes. Al menos de acuerdo con un nuevo sitio Web, Check My Colours.

Daltonismo es una deficiencia de visión común. Su prevalencia entre los hombres es hasta el 10% de la población. Para las mujeres es menos de un por ciento. Como yo soy un matemático increíblemente inexacta voy a media y suponer que el 5% de las personas que llegan a su sitio web tienen dificultades para distinguir entre los colores de alguna capacidad o de otra. El lote corresponde a los diseñadores a hacer un color de sitio web que ciego. La determinación de los colores que puede ser necesario ajustar es ahora mucho más fácil con el nuevo Check Mis Colores de la herramienta. Todo lo que hacemos es enviar la dirección URL y aparecerá una lista de objetos de la delincuencia y sus colores asociados.

El informe incluye tres categorías diferentes, incluyendo relación de contraste, la diferencia de brillo y la diferencia de color. Desde allí se espera que usted ajustar su CSS para modificar los elementos infractores. Aquí es donde empieza el problema. Supongamos que yo no soy un aficionado del color y la distinción entre la relación de contraste, la diferencia de brillo y la diferencia de color no es algo que tiene un asimiento firme en. ¿Entonces qué? Supongo que no soy el único que estaría tomando una puñalada en la oscuridad a encontrar un color menos malévolos. Sugerencia clave: dime la gama de colores hexadecimal que trabajaría con el fondo y los colores tanto en el plano. Estoy seguro de que la lógica ya está ahí dentro de la aplicación por lo que es sólo una cuestión de poner la información en la pantalla.

Pon a prueba tus colores de contraste nuevo aquí

La queja que viene con mis colores de salida, el bebé, es con la accesibilidad de sus herramientas. En concreto, contiene las instrucciones en la parte superior de la tabla, "Haga clic en la fila para probar otros colores." Eso es grandioso, pero yo siempre estoy lapso para hacer clic en alguna parte, en cualquier lugar, en una zona indefinida en general. Sé Javascript le permite configurarlo para que pueda hacer clic en la fila entera, pero mi voto es para un botón claro y definido dentro de la fila para que aparezca el color de la herramienta contraster probador. Y lo mismo me optar por un botón de salida también. Estas características de interfaz de usuario son bastante comunes y podrían confundir a la gente sin ellos.

Mueve a lo largo, en el camino de la crítica de un producto de otro modo prístino, es el verde agradable botón de enviar a la izquierda. Trate de hacer clic en él, si te atreves. Una vez que han presentado sus colores ahora se puede dormir bien sabiendo que sus colores han sido presentadas con éxito. ¿Hasta qué punto y el propósito no sé. Pero sí, se han presentado. Una vez que haga clic fuera de la herramienta de probador te darás cuenta de que algunas células de la fila son ahora un verde equivalente. No estoy seguro si se logra nada más que eso.

En general, el Check My Colours sitio es probablemente el mejor en su clase por lo que el suministro de información que pueden ayudar a los diseñadores crear sitios de color agradable. Curiosamente, todos los sitios que he probado llegó muy lejos de pasar la prueba de color, con la excepción de los Colores Check My sí mismo. Tal vez con algunos retoques y modificaciones de este sitio crecerá para convertirse en una herramienta común para el arsenal de los diseñadores. Entonces todo el mundo puede sentirse mejor sobre sí mismos, sabiendo que ellos han hecho un mundo un lugar mejor para el color ciego. Y que es probable que en la rigidez de su sitio.

Slapback: Hi:)

Estoy leyendo su opinión y me parece muy interesante. Ahora, yo trato de abordar algunas de sus dudas:)

Usted escribe: "Supongo que no soy el único que estaría tomando una puñalada en la oscuridad a encontrar un color menos malévolos. Sugerencia clave: dime la gama de colores hexadecimal que trabajaría con el fondo y los colores tanto en el primer plano. "

La gama de colores hexadecimales se especifican en la página principal, en "¿Qué es comprobar mis colores" Sección:
El texto o diagramas y su entorno debe tener una relación de contraste de la luminosidad de al menos 4.5:1 para el nivel 2 de conformidad con la directriz 1.4, y por lo menos 7:1 Porque el nivel 3 de conformidad con la directriz 1.4. La gama para la diferencia de color, brillo es de 125. La gama para la diferencia de color es de 500.

Estos valores son sugeridos por el Consorcio de la Red de ancho mundo.

Más documentación aquí:
http://www.w3.org/TR/2008/REC-WCAG20-20081211/ # visual-audio-en contraste-contraste
color http://www.w3.org/TR/WCAG10/wai-pageauth.html # GL -

Checkmycolours pretende ser una herramienta para desarrolladores web, así que no creo necesaria una documentación detallada. Ahora, la webapp es utilizado por muchos usuarios de muchos es así, voy a escribir una documentación más completa tan pronto como sea posible:)

Entonces, usted escribe: "La queja de salida siguiente con mis colores, el bebé, es con la accesibilidad de sus herramientas. En concreto, contiene las instrucciones en la parte superior de la tabla, "Haga clic en la fila para probar otros colores." Eso es grandioso, pero yo siempre estoy lapso para hacer clic en alguna parte, en cualquier lugar, en una zona indefinida en general ".

Sí, esta es una buena observación, pero está relacionado con la usabilidad, la accesibilidad no.

Y, por último: "¿Cuál es su mejor estimación de lo que el botón" Enviar realmente hace? "

El botón de enviar simplemente actualiza los valores hexadecimales en el informe y pone de relieve con un color diferente. Así, el desarrollador puede fácilmente obtener los valores correctos y sustituirlos en la hoja de estilos:)

Gracias por tus sugerencias. Estoy recibiendo muchos correos de muchos usuarios, así que espero ser capaz de resolver los errores y aplicar las nuevas características tan pronto como sea posible.
En el día siguiente, probablemente voy a publicar un blog sobre estos temas y las próximas actualizaciones, así que ... estad atentos:)

Color Check My Colours, la Encuesta