具有浅色纹理（图像）背景的深色主题上的文本颜色的可访问性问题

Question

我在 Bootstrap 4 上，导航栏和主体的背景为浅色 .png 图像，而页脚区域为深色，文本颜色为灰白色。默认文本颜色为黑色，因为背景图像为浅色。

当用户访问深色主题的网站时，情况会变得很糟糕。深色主题上的文字颜色变为浅色，而背景图像保持浅色，使文字不可读。

请参阅下面浅色和深色主题的文字介绍：

默认（浅色）主题的文本

深色主题文字

无论用户的主题如何，我都可以保持文本颜色不受影响吗？提前致谢！

Answer 1

我通过简单地使用透明纹理 .png 代替颜色填充纹理 .png 图像作为背景并调整 body {background:} 颜色来修复它。