时间戳

首页 > 解决方案 > Success Criteria 1.4.3 Contrast (Minimum) (AA) 问题，无法更改附加 CSS 或 style.css 中的颜色代码

css - Success Criteria 1.4.3 Contrast (Minimum) (AA) 问题，无法更改附加 CSS 或 style.css 中的颜色代码

问题描述

向这个伟大社区的所有成员致意，并提前感谢您的宝贵时间！我有一个来自客户的网站，我必须使 wcag 2.0 AA 兼容。我是一个新手，我应该注意，目前我遇到了几个 Success Criteria 1.4.3 Contrast (Minimum) (AA) 错误。该站点是http://www.autosinidisia.gr/，例如我收到此错误：

第 108 行，第 9 列：

Νικολόπουλος Αριστομένης: Ψυχολόγος Καλα ... 固定尺寸示例：颜色对比示例

实际尺寸示例（10.61 分）：颜色对比示例

元素的 CSS 规则：

External CSS (http://www.autosinidisia.gr/wp-content/themes/medica-lite/style.css?ver=1.3):

   

    body{
    
                background:#f3f3f3;
                color:#fff;
                font-size:14px;
                font-family:'Raleway', sans-serif;
          }
    
     div{
    
                html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,

等等等等

所以我的第一个猜测是尝试在 Additional CSS 中和直接在适当的 style.css 文件中更改背景的颜色代码，但徒劳无功，每次我通过 achecker.ca 再次检查该站点时，颜色代码都没有改变。另外我必须注意，该站点不是由我创建的，它使用我完全不熟悉的 phpmyadmin 面板，因此例如我无法创建子主题，因为我不知道在哪里可以找到 wp-themes 文件夹但那是另一个话题，我想如果需要的话，我必须为此创建一个新话题。对不起括号。请任何人知道我应该做什么，这将不胜感激，因为我觉得非常卡在atm！请通知我我在帖子中的任何错误，因为我已经很长时间没有访问社区了。

编辑：我会尽量添加更多线索。首先，我忘了提到该页面使用了 Medica Lite 主题。我还检查了错误，发现似乎没有实际的对比度问题，例如：

第 370 行，第 12 列：

Ανάπτυξη αυτοπεποίθησης μέσα από τον αυτοδιαλογο Η α ... 固定尺寸示例：颜色对比示例

实际尺寸示例（10.61 分）：颜色对比示例

元素的 CSS 规则：

External CSS (http://www.autosinidisia.gr/wp-content/themes/medica-lite/style.css?ver=1.3):

＃内容{

        width:100%;
        background:#fff;
        padding:60px 0px;
        float:left;
  }

身体{

        background:#f3f3f3;
        color:#fff;
        font-size:14px;
        font-family:'Raleway', sans-serif;
  }

p{

等等等等

但实际上看那里有问题的文本元素（Ανάπτυξη αυτοπεποίθησης μέσα από τον αυτοδιαλογο，对不起，它是希腊语）似乎没有任何对比问题：

对比问题

还有一个 reset.css 文件，它对此有什么作用吗？谢谢大家，很抱歉给您带来的麻烦，如果我分享的信息不足以跟踪问题，我会联系 Medica Lite 开发人员寻求帮助。大家保重！

标签： csswordpresscontrastwcag2.0

解决方案

所以感谢您，我现在可以更改大部分颜色，最后我尝试使用代码更改日期颜色：

#content #latest-news .news .info-news a {
    color: #000000;
}

因为我通过检查员发现这是我必须更改的行，但实际上标题的颜色仅更改了。你知道为什么吗？错误仍然存​​在，但我相信当我完成更改时会好的。顺便说一句，您使用的是 achecker.ac 还是其他工具？您已经为我提供了很多帮助，我能做的至少是真诚地感谢您一直以来以及您为我提供的高质量答案！

推荐阅读