这与浅色/深色模式无关,这些方框的颜色是固定的——无论选择何种配色方案,它们都使用相同的背景色和文字颜色。你说得对,背景色(#667eea,来自变量 --color-feature)对于白色文字来说太浅了。
Chrome 的对比度检查显示,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 或更高。)