Uso del color:
Comprender CC 1.4.1
1.4.1 Uso del color: El color no se usa como único medio visual para transmitir la información, indicar una acción, solicitar una respuesta o distinguir un elemento visual. (Nivel A)
Nota: Este criterio de conformidad trata específicamente acerca de la percepción del color. En la Pauta 1.3 se recogen otras formas de percepción, incluyendo el acceso por software al color y a otros códigos de presentación visual.
Proposito de este Criterio de Conformidad
La intención de este Criterio de Conformidad es asegurar que todos los usuarios puedan acceder a la información transmitida utilizando diferencias en los colores, es decir, en situaciones en las que cada color tiene un determinado significado. Si la información es transmitida a través de los colores en una imagen (o algún otro tipo de formato no textual), es posible que el color no sea percibido por usuarios con deficiencias visuales. En este caso, el hecho de proporcionar la información transmitida con color a través de otro medio visual asegura que los usuarios que no pueden ver los colores puedan percibir la información.
CEl uso de colores es una estrategia muy valiosa para el diseño del contenido web: realza su atractivo estético, su usabilidad y su accesibilidad. Sin embargo, algunos usuarios tienen dificultades para percibir los colores. Las personas con visión reducida a menudo tienen una limitada percepción del color y muchos usuarios mayores de edad no pueden distinguir bien los colores. Además, quienes usan monitores y buscadores sólo de texto, con limitada gama de colores o monocromos, no podrán acceder a la información que se presenta a través de los colores.
Ejemplos de información transmitida a través de las diferencias de color: "los campos requeridos están en rojo", "el error está marcado con rojo" y "las compras de María están en rojo, las de Pablo en azul". Ejemplo de indicaciones de una acción incluyen: el uso del color para indicar que un enlace abrirá una nueva ventana o que la información de una base de datos se ha actualizado satisfactoriamente. Un ejemplo de proponer una respuesta sería: destacar los campos de un formulario para indicar que un campo obligatorio ha quedado en blanco.
Nota: De ningún modo este Criterio desalienta el uso de color en las páginas o aún la codificación a través del color siempre que sea redundante con otros indicadores visuales.
Beneficios específicos del Criterio de Conformidad 1.4.1:
Los usuarios con visión parcial a menudo experimentan limitaciones en la visión de los colores.
Algunos usuarios mayores de edad pueden tener dificultades para distinguir bien los colores.
Los usuarios con daltonismo se benefician cuando la información transmitida por el color está disponible por otros medios visuales.
Las personas que usan monitores de texto, con limitados colores o monocromos se pueden ver incapacitadas de acceder a la información que depende de los colores.
Los usuarios que tienen dificultades para distinguir entre colores pueden ver o escuchar los indicios textuales.
Las personas que usan dispositivos braille u otras interfaces táctiles pueden detectar los indicios textuales por medio del tacto.
Ejemplos del Criterio de Conformidad 1.4.1
Un formulario que utiliza color y texto para indicar los campos obligatorios
Un formulario contiene algunos campos obligatorios y otros opcionales. Las instrucciones en la parte superior de la página explican que los campos obligatorios están marcados con texto de color rojo y también con un ícono cuya alternativa textual dice: "Obligatorio". Tanto el texto en rojo como el ícono están asociados por software con los campos correspondientes, de modo que los usuarios de ayudas técnicas pueden identificar los campos obligatorios.
Un examen
Los estudiantes ven una imagen SVG de un compuesto químico e identifican los elementos químicos presentes basándose en los colores utilizados en el diagrama. Las alternativas textuales asociadas con cada elemento indican su color y su posición en el diagrama. Los estudiantes que no pueden percibir los colores reciben la misma información que sus compañeros. (Esta técnica también satisface laGuideline 1.1 Nivel A.)
Un formulario con campos deshabilitados
Las aplicaciones de usuario marcan en gris y desactivan los elementos de formulario que han sido deshabilitados mediante el sistema de marcas o por un script. Cuando están deshabilitados, estos elementos no reciben el foco. Las ayudas técnicas pueden determinar por software el estado de los elementos deshabilitados y proporcionar esa información al usuario a medida que los encuentra en la pantalla. El cambio de color y la pérdida de foco proporciona información visual redundante acerca del estado de los controles.
Recursos relacionados
Los recursos tienen un propósito puramente informativo y no implican ningún aval.
Técnicas y Fallos para el Criterio de Conformidad 1.4.1 - Uso del color
Cada elemento enumerado en esta sección representa una técnica o una combinación de técnicas que el Grupo de Trabajo WCAG considera suficientes para cumplir con este Criterio de Conformidad. Las técnicas enumeradas sólo satisfacen el Criterio de Conformidad si se cumple con todos los requisitos de conformidad de las WCAG 2.0.
Técnicas suficientes
Instrucciones: Seleccione a continuación la situación que coincida con su contenido. Cada situación incluye técnicas o combinaciones de técnicas que son conocidas y están documentadas para resultar suficientes para esa situación.
Situación A: Si se usa el color de algunas palabras en particular, el color de fondo u otro contenido para indicar información:
Técnicas adicionales (recomendables) para 1.4.1
Aunque no se requieren para lograr la conformidad, las siguientes técnicas adicionales deben ser consideradas a fin de hacer más accesibles los contenidos. No todas las técnicas podrán ser utilizadas o resultarán eficaces en todas las situaciones.
Transmitir información redundante usando el color (futuro enlace)
Fallos comunes para el CC 1.4.1
Los siguientes son los errores comunes que son considerados fallos al Criterio de Conformidad 1.4.1 por el Grupo de Trabajo WCAG.