通过 WCAG 审核员重新对比问题的技巧。
Trick to pass WCAG auditor re contrast issue.
我正在使用 http://achecker.ca 来验证我的 HTML/CSS 并确认我符合 WCAG 2.0 标准。在大多数情况下，我对它很满意，但它给了我一个不恰当的错误，这让我为获得干净的验证所做的努力感到沮丧。我想知道是否有人有解决该问题的建议？
它抱怨我正在显示的某些文本的对比度，说背景颜色和文本颜色太相似了。这实际上是真的——背景颜色是#f2eecf，文本颜色是#f2f2f2——但这并不是真正相关的，因为我有一张照片出现在背景颜色之上，所以照片和文本颜色之间实际上有很好的对比。此外，我在文本周围添加了一个 1 像素的黑色文本阴影，以使其更加清晰。不幸的是，该工具似乎没有考虑阴影或照片。 （它不知道如何处理照片是有道理的，因为它不是统一的颜色，但我很失望文本阴影没有帮助。）
我可以对 HTML 或 CSS 做些什么来帮助满足该工具的要求吗？该网站似乎无法联系运营该网站的人员，否则我会先询问那里。
我应该忽略 "errors" 吗？或者我应该使用不同的工具？我刚刚开始进行 WCAG 合规性检查——我现在意识到我进入这个领域已经很晚了——所以也许有更好的工具可以使用。如果是这样，我将不胜感激任何建议，尤其是 free 工具。
我当然希望我的页面符合 WCAG，但我现在不能花钱购买工具。
I have a photograph appearing above the background color
所以您的文本具有透明背景色或具有背景图像？代码片段会有所帮助。
我猜你遇到了这个错误：https://achecker.ca/checker/suggestion.php?id=301
如果您在 https://www.whois.net/ 上查找“achecker.ca”，您会得到：
Administrative contact:
Name: Iris Neher
Email: ineher@ocad.ca
如果您使用的是一个不错的辅助功能检查器，那么您不应该试图伪造检查器。我没有使用过 achecker，所以我无法评论它的准确性。但是如果你 post 你的代码示例，我也许能判断它是否真的是一个问题。
你也可以试试
简答：
最佳做法是，如果您要在图像上合成文本，图像位于容器中，该容器的背景与图像相似。
更长的答案：
图像无法加载的原因有多种。网站执行诸如在图像上放置实时文本之类的操作时，需要确保无论图像的加载状态如何，文本都保持可读性。
另请记住，用户必须能够在不破坏网站的情况下放大文本，这意味着将文本保留在图像或 BG 上，以便它仍然可读等。
轮廓与阴影
至于轮廓和阴影：虽然它们可能有助于形成对比，但它们应该用于增强，而不是作为对比的唯一基础。部分原因是这些属性的呈现在不同浏览器之间远非一致。
资源
APCA Contrast — WCAG 3
的新对比方法
我正在使用 http://achecker.ca 来验证我的 HTML/CSS 并确认我符合 WCAG 2.0 标准。在大多数情况下，我对它很满意，但它给了我一个不恰当的错误，这让我为获得干净的验证所做的努力感到沮丧。我想知道是否有人有解决该问题的建议？
它抱怨我正在显示的某些文本的对比度，说背景颜色和文本颜色太相似了。这实际上是真的——背景颜色是#f2eecf，文本颜色是#f2f2f2——但这并不是真正相关的，因为我有一张照片出现在背景颜色之上，所以照片和文本颜色之间实际上有很好的对比。此外，我在文本周围添加了一个 1 像素的黑色文本阴影，以使其更加清晰。不幸的是，该工具似乎没有考虑阴影或照片。 （它不知道如何处理照片是有道理的，因为它不是统一的颜色，但我很失望文本阴影没有帮助。）
我可以对 HTML 或 CSS 做些什么来帮助满足该工具的要求吗？该网站似乎无法联系运营该网站的人员，否则我会先询问那里。
我应该忽略 "errors" 吗？或者我应该使用不同的工具？我刚刚开始进行 WCAG 合规性检查——我现在意识到我进入这个领域已经很晚了——所以也许有更好的工具可以使用。如果是这样，我将不胜感激任何建议，尤其是 free 工具。
我当然希望我的页面符合 WCAG，但我现在不能花钱购买工具。
I have a photograph appearing above the background color
所以您的文本具有透明背景色或具有背景图像？代码片段会有所帮助。
我猜你遇到了这个错误：https://achecker.ca/checker/suggestion.php?id=301
如果您在 https://www.whois.net/ 上查找“achecker.ca”，您会得到：
Administrative contact:
Name: Iris Neher
Email: ineher@ocad.ca
如果您使用的是一个不错的辅助功能检查器，那么您不应该试图伪造检查器。我没有使用过 achecker，所以我无法评论它的准确性。但是如果你 post 你的代码示例，我也许能判断它是否真的是一个问题。
你也可以试试
简答：
最佳做法是，如果您要在图像上合成文本，图像位于容器中，该容器的背景与图像相似。
更长的答案：
图像无法加载的原因有多种。网站执行诸如在图像上放置实时文本之类的操作时，需要确保无论图像的加载状态如何，文本都保持可读性。
另请记住，用户必须能够在不破坏网站的情况下放大文本，这意味着将文本保留在图像或 BG 上，以便它仍然可读等。
轮廓与阴影
至于轮廓和阴影：虽然它们可能有助于形成对比，但它们应该用于增强，而不是作为对比的唯一基础。部分原因是这些属性的呈现在不同浏览器之间远非一致。
资源
APCA Contrast — WCAG 3
的新对比方法