Color

La regla de la accesibilidad es para asegurarse de que usted no utiliza el color sólo para transmitir información. Esta frase es un poco vago para algunas personas. Lo que esto significa que transmita un único mensaje con el color? Echemos un vistazo a este mapa del metro de Londres:

Una persona que puede ver los colores no tiene ninguna dificultad para distinguir las líneas de rojo, azul oscuro, azul claro, etc. Una persona no puede ver el color, porque es daltónico o con baja visión, probablemente no se puedan distinguir las diferentes líneas de metro con la misma facilidad. Alguien que es ciego no puede ver nada. Mira esto en la imagen en blanco y negro:

¿Cómo saber qué bus tomar para llegar a Waterloo? Antes de seguir adelante, lo que necesita saber que las personas que son ciegas de color se puede ver los colores (excepto en casos raros), de modo que el dibujo de arriba en escala de grises no es representativo de la ceguera al color . Es simplemente un ejemplo de una imagen en la que el color se utiliza para transmitir información. Cuando los colores se eliminan, las diferentes líneas de metro son casi indistinguibles.

Considere a continuación un ejemplo de cómo evitar este problema potencial. WebAIM de formación en CD utiliza las fichas de colores para designar las categorías de enlaces en la barra de navegación superior.

Si un color más claro fue utilizado para los recursos de fondo pestañas, el texto habría sido difícil de leer.

El método utilizado en la capacitación en el lugar WebAIM para evitar la confusión era poner los títulos de las categorías de soportes por encima de las pestañas en la misma categoría. Ganchos ordenó fichas sobre la base de talleres y recursos. Incluso cuando no hay color en absoluto en esta página, la información es siempre accesible.

Pon a prueba tus páginas web para asegurarse de que no se pierda información cuando se quita los colores. Usted puede hacer esto mediante la impresión de la página con una impresora blanco y negro (asegúrese de que sus preferencias de impresión están configurados para imprimir los colores de fondo). También puede hacerlo como lo hicimos en esta página, teniendo una captura de pantalla de la página, a continuación, eliminar todos los colores en un programa de gráficos como Adobe Photoshop o Corel PhotoPaint. Para hacer esto en Windows, abra la página que desea comprobar y, a continuación, haga clic en Imprimir Pantalla (PRNT Pant etiqueta a menudo). ). A continuación, abra un nuevo archivo en su programa de gráficos y utilice el comando Pegar (Ctrl + V). Por último, cambiar la imagen en una imagen en escala de grises.

Contraste

Mirar hacia atrás en la versión en blanco y negro de la página del centro de formación.

Además del hecho de que esto es sólo una captura de pantalla de la página donde el texto es mucho más pequeño y un poco borrosa más de la página original, te darás cuenta de que todo el texto es fácil distinguirse de los colores de fondo a su alrededor. Donde hay un fondo claro, no es un texto oscuro. Donde hay un fondo oscuro, no hay un texto claro. Las personas con baja visión no tendrá problemas para hacer la diferencia entre los niveles de contraste de texto y fondos.

Si un color más claro fue elegido por las fichas de antecedentes recursos, el texto habría sido más difícil de leer.

Asegúrese de que al elegir el color de fondo no reducen los niveles de contraste para que el texto ilegible.