css - 通过 WCAG 审核员重新对比问题的技巧。

Question

我正在使用 http://achecker.ca验证我的 HTML/CSS 并验证我是否符合 WCAG 2.0。在大多数情况下，我对它很满意，但它给了我一个不恰当的错误，这让我为获​​得干净的验证所做的努力感到沮丧。我想知道是否有人有解决该问题的建议？

它提示我正在显示的某些文本的对比度，说背景颜色和文本颜色太相似了。这实际上是真的——背景颜色是#f2eecf，文本颜色是#f2f2f2——但这并不是真正相关的，因为我有一张照片出现在背景颜色之上，所以照片和文本颜色之间实际上有很好的对比。此外，我在文本周围添加了一个 1 像素的黑色文本阴影，以使其更加清晰。不幸的是，该工具似乎没有考虑阴影或照片。 (它不知道如何处理照片是有道理的，因为它不是统一的颜色，但我很失望文本阴影没有帮助。)

我可以对我的 HTML 或 CSS 做些什么来帮助满足该工具的要求吗？该网站似乎无法联系运营该网站的人员，否则我会先询问那里。

我应该忽略“错误”吗？或者我应该使用不同的工具？我刚刚开始进行 WCAG 合规性检查——我现在意识到我进入这个领域已经很晚了——所以也许有更好的工具可以使用。如果是这样，我将不胜感激任何建议，尤其是对于免费 工具。

我当然希望我的页面符合 WCAG，但我现在不能花钱购买工具。

Answer 1

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，所以我无法评论它的准确性。但是，如果您发布您的代码示例，我也许可以判断这是否真的是一个问题。

你也可以试试

• > http://www.brandwood.com/a11y/ - 专门检查图片上的文字。
• > https://chrome.google.com/webstore/detail/color-contrast-analyzer/dagdlcijhfbmgkjokkjicnnfimlebcll?hl=en - Chrome 插件