لا علاقة لهذا بالوضع الفاتح/الداكن، فألوان هذه الصناديق ثابتة — فهي تستخدم نفس لون الخلفية ونفس لون النص بغض النظر عن اختيار لوحة الألوان. وأنت محق، لون الخلفية (#667eea، من المتغير --color-feature) فاتح جدًا بالنسبة للنص الأبيض.
يضع فحص التباين في كروم مزيج rgb(255, 255, 255 / 95%) فوق #667eea بنسبة تباين تبلغ 3.46:1، مما يفشل في تلبية الحد الأدنى لمعايير WCAG AA وهو 4.5:1. (النص الأسود، وبشكل مفاجئ، سيكون قادرًا على النجاة بالكاد بنسبة 4.5:1 — لكنه لن يبدو جيدًا ولن يكون مقروءًا جدًا.)
لذلك، هناك حاجة إلى معالجة هذا الأمر بشكل عاجل، وهو ما يشير بصدق إلى أن الموقع بأكمله يحتاج إلى مراجعة شاملة لإمكانية الوصول. لقد أصبح عام 2026، ويجب أن تكون إمكانية الوصول ميزة أساسية عند إطلاق أي موقع ويب.
(في غضون ذلك، تغيير --color-feature إلى #3048b6 سيجعله مقبولاً كخلفية، مع نسبة تباين مقارنة بالنص الأمامي الأبيض تبلغ 7.12:1، مما يلبي إرشادات WCAG AAA وهي 7:1 أو أفضل.)