Contraste WCAG AA
Ejemplo: Una cafetería de barrio pone el texto de su menú en gris claro sobre fondo crema hasta que un verificador de contraste lo marca en 2.8:1, por debajo del mínimo WCAG AA de 4.5:1, así que oscurece el texto y el menú se vuelve legible bajo la luz del día.
contraste de color accesible
Un estándar de legibilidad, definido por las Web Content Accessibility Guidelines (WCAG), que exige que el texto de cuerpo contraste al menos 4,5:1 contra su fondo y que el texto grande (18pt, o 14pt negrita) contraste al menos 3:1. El umbral AAA es 7:1. Gris claro sobre crema se ve refinado en una maqueta de diseño y falla muy mal bajo el sol.
Por qué importa
WCAG AA es la base legal de accesibilidad en Estados Unidos y la UE, y es también simplemente qué tan legible es tu menú en una terraza al mediodía. Colores de marca que lucen preciosos en el logo pero fallan el contraste en un menú dejan afuera a clientes con baja visión e invitan demandas de cumplimiento ADA. La cuadrícula de contraste de Suite de Marca puntúa cada par de tu paleta.
Preguntas frecuentes
¿Qué es Contraste WCAG AA?
Contraste WCAG AA es un estándar de legibilidad, definido por las Web Content Accessibility Guidelines (WCAG), que exige que el texto de cuerpo contraste al menos 4,5:1 contra su fondo y que el texto grande (18pt, o 14pt negrita) contraste al menos 3:1. El umbral AAA es 7:1. Gris claro sobre crema se ve refinado en una maqueta de diseño y falla muy mal bajo el sol.
¿Por qué importa Contraste WCAG AA para un restaurante?
WCAG AA es la base legal de accesibilidad en Estados Unidos y la UE, y es también simplemente qué tan legible es tu menú en una terraza al mediodía. Colores de marca que lucen preciosos en el logo pero fallan el contraste en un menú dejan afuera a clientes con baja visión e invitan demandas de cumplimiento ADA. La cuadrícula de contraste de Suite de Marca puntúa cada par de tu paleta.
- Identidad de marca — el sistema visible completo alrededor de tu logo
- Composición de logo (lockup) — símbolo + logotipo + lema opcional, como una unidad
- Espacio de resguardo — la zona vacía alrededor del logo
- Paleta de colores — el conjunto curado de colores que le pertenecen a tu marca
- Favicon — el pequeño ícono en la pestaña del navegador
- Combinación tipográfica — una tipografía display + una de cuerpo que funcionen juntas
Explora los
149 términos.
Definiciones en lenguaje claro para cada término en tu auditoría, organizadas por categoría.