Las “Vistas de CSS” de las Herramientas para desarrolladores de Chrome señalan problemas de contraste con 10 combinaciones de colores en la página de versiones, 6 de ellas graves (con ratios inferiores incluso a los mínimos de WCAG AA). Estas son:
- Los colores de la tarjeta “Destacados” mencionados anteriormente: texto blanco sobre
--color-feature. - El enlace “← Volver a las versiones”: texto azul medio sobre negro, con un ratio de contraste de solo 3.9:1.
- El botón desplegable “mostrar” en la tarjeta de correcciones de seguridad: texto blanco pequeño al 80% de opacidad sobre rojo, con un ratio de contraste de solo 4.01:1. (El resto del texto de correcciones de seguridad cumple con 5.43:1, ya que no es semitransparente.)
- La insignia “DEV”: texto blanco sobre un fondo gris verdoso de
#7f8c8d, con un ratio de contraste de 3.47:1. - Todas las fechas de confirmación y otros elementos
--text-muted(#888) sobre--bg-card(#2d2d2d), con un ratio de contraste de 3.08:1. - Las insignias “Seguridad”: texto blanco sobre
#d36500(básicamente naranja), con un ratio de contraste de 4.16:1.
Ah, y si hubiera seguido desplazándome, también la insignia “Traducciones”: texto blanco sobre #e91e63 (magenta brillante radiactivo), con un ratio de contraste de 4.34:1.