如何解决大字体和背景图片的辅助功能问题？

Question

我有一张冰淇淋的图像，在上面我添加了一个非常大字体的标题文本，但字体颜色向我显示了背景的可访问性问题。如何在不改变字体颜色的情况下解决这个问题。下面是截图供参考。

Answer 1

当图像上方有文本时，它会为您提供可变颜色的背景。从技术上讲，对比度必须传递紫色与白色相比的所有变化。紫色的某些部分较暗，对比度为 12:1（通过），但紫色的其他部分非常浅，对比度为 1.6（失败）。

由于您的字体大，因此您可以使用3:1对比度而不是4.5:1。

解决此问题的一种方法是在文本周围有一个半透明或不透明的框。也许是这样的：