يُشير أداة “نظرة عامة على CSS” في أدوات المطورين في Chrome إلى مشاكل في التباين مع 10 مجموعات ألوان في صفحة الإصدارات، منها 6 مشاكل خطيرة (نسب التباين أقل حتى من الحد الأدنى لـ WCAG AA). وهي كالتالي:
- ألوان بطاقة “الميزات البارزة” المذكورة سابقًا، حيث يظهر النص الأبيض فوق المتغير
--color-feature. - رابط “← العودة إلى الإصدارات”، حيث يظهر النص الأزرق المتوسط فوق الخلفية السوداء، مع نسبة تباين تبلغ 3.9:1 فقط.
- زر “إظهار” التوسيع في بطاقة الإصلاحات الأمنية، حيث يظهر النص الأبيض الصغير بنسبة شفافية 80% فوق الخلفية الحمراء، مع نسبة تباين تبلغ 4.01:1 فقط. (باقي نصوص الإصلاحات الأمنية تتجاوز المعيار بنسبة 5.43:1، لأنها ليست شبه شفافة.)
- شارة “DEV”، حيث يظهر النص الأبيض فوق لون خلفية رمادي مخضر
#7f8c8d، مع نسبة تباين تبلغ 3.47:1. - جميع تواريخ الالتزامات والنصوص الأخرى المُحددة بـ
--text-muted(#888) فوق الخلفية--bg-card(#2d2d2d)، مع نسبة تباين تبلغ 3.08:1. - شارات “الأمان”، حيث يظهر النص الأبيض فوق اللون
#d36500(برتقالي تقريبًا)، مع نسبة تباين تبلغ 4.16:1.
أيضًا، لو كنت قد قمت بالتمرير أكثر، لظهرت شارة “الترجمات” أيضًا، حيث يظهر النص الأبيض فوق اللون #e91e63 (وردي مشع)، مع نسبة تباين تبلغ 4.34:1.