¿Qué colores son mejores para la accesibilidad?
El contraste de color y la accesibilidad web son aspectos clave a tener en cuenta al diseñar y desar Leer más
¿Cuáles son los temas de colores de accesibilidad?
Pilar Cárdenas
2025-10-28 10:40:59
Respuestas
: 3
Un contraste de color suficiente permite que el texto y las imágenes sean más fáciles de leer y comprender.
La “proporción de contraste” es un cálculo de la diferencia de luminosidad (la intensidad de la luz emitida) entre dos colores cercanos cuando se los muestra en una pantalla.
Esta proporción varía de 1 a 21 (a menudo representada como 1:1 a 21:1), en la que los números más altos indican un mayor contraste.
El W3C recomienda las siguientes características:
Al menos 4.5:1 para texto pequeño (menos de 18 puntos para normal o 14 puntos para negrita)
Al menos 3.0:1 para texto grande (18 puntos y más para normal o 14 puntos y más para negrita)
Cuando uses ImageView o Image para renderizar contenido gráfico o iconografías, asegúrate de que el contraste entre los colores del primer plano y el segundo plano cumplan con las proporciones recomendadas o las superen.
Las proporciones de contraste se miden según el color aparente del primer y segundo plano de un elemento cuando se muestra en capas sobre otros elementos.
Si defines colores en formato ARGB (valores hexadecimales de #AARRGGBB), ten en cuenta que los colores no opacos (aquellos con un valor de canal alfa menor que 255) pueden tener un color aparente diferente debido a que se mezclan con el contenido renderizado debajo de ellos.
Carlota Hurtado
2025-10-28 09:24:10
Respuestas
: 5
Colores con valores RGB, como rgb(255,255,255), también son válidos y se pueden utilizar en la herramienta Contrast-Finder.
El criterio de 19px puede ser entendido como equivalente a 14pt o 120% o 1.2em, y el criterio de 24px puede ser entendido como equivalente a 18pt o 150% o 1.5em.
Los valores con formato #ABC también funcionan, el sistema completará el campo automáticamente con el valor #AABBCC.
Los valores válidos se pueden encontrar en palabras clave de color CSS (desde CSS nivel 1 a CSS nivel 4).
Palabras clave de color CSS, como Black, Silver, YellowGreen, MediumPurple, pueden ser utilizadas en la herramienta Contrast-Finder.
Puedes rellenar este campo con palabras clave de color CSS, un valor hexadecimal, o un valor RGB.
El valor proporcionado será previsualizado a la derecha del campo.
Este campo puede ser usado sin el carácter #, de modo que FFF o FFFFFF funcionarán sin problema.
Leer también
¿Cuáles son los 4 colores más agradables?
Como veis los colores que más gustan a la población son el azul, el verde y el rojo, seguido del neg Leer más
Iker Romero
2025-10-28 07:50:24
Respuestas
: 1
El tema de colores de accesibilidad se refiere a la diferencia de tonalidad entre el color del texto, el fondo y el contenido del sitio.
El nivel de contraste debe ser de al menos 4.5:1 para el texto normal y 3:1 para el texto grande o en negrita.
Además, los enlaces deben tener un contraste de color suficiente para destacar del resto del texto.
Las pautas para el contraste de color en los sitios web están establecidas por las Web Content Accessibility Guidelines (WCAG).
Para mejorar la accesibilidad de tu sitio web para las personas con discapacidad visual, es importante que prestes atención a algunos consejos que te ayudarán a mejorar el contraste de color en tu sitio web:
Debes Utilizar colores de alto contraste para el texto y el fondo.
Evitar el uso de colores similares en el texto y el fondo.
Asegurarse de que el texto sea lo suficientemente grande y fácil de leer.
Utilizar negrita o cursiva para destacar el texto importante.
Asegurarse de que los enlaces sean fácilmente identificables mediante un contraste de color suficiente.