首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >谷歌灯塔对比度-差的对比度,但不是

谷歌灯塔对比度-差的对比度,但不是
EN

Webmasters Stack Exchange用户
提问于 2021-04-11 12:58:59
回答 2查看 587关注 0票数 1

我在一个网站上说,chrome开发工具、灯光屋说的东西没有足够的对比度:步骤:

  1. 转到https://curtainrodclub.net/product/architrac-94001-overlap-master-left/
  2. 打开Chrome开发工具。
  3. 运行灯塔
  1. 单击其中一个元素(h2.woocommerce-loop-product__title) 5)检查颜色css

6)对比度符合谷歌的所有要求,所以为什么谷歌搜索引擎优化工具说它有差的对比度。我尝试过使用所有的h1样式,并将它们应用于h2样式,但这是行不通的。

EN

回答 2

Webmasters Stack Exchange用户

发布于 2021-04-22 00:04:04

我有几个猜测,希望能帮助你解决这个问题。

  1. 可点击目标的大小至少为44×44像素,除非提供了该大小的另一个目标,目标是内联(例如句子中的链接),目标不是作者修改的(例如默认复选框),或者小目标大小是功能所必需的。
  1. DevTools 提供自动颜色建议帮助您修复低对比度文本。
  2. 颜色和对比度可访问性:“要获得更完整的报告,请安装可访问性洞察扩展。快速传递报告中的检查之一是颜色对比。您将得到任何失败元素的详细报告”。
票数 3
EN

Webmasters Stack Exchange用户

发布于 2021-04-23 21:52:30

这是你在WooCommerce中设置的淡灰色#222号。把它换成更黑的东西。就像黑色。

此外,由于您正在运行WordPress/WooCommerce,请尝试使用wa11y插件来测试可访问性。

票数 2
EN
页面原文内容由Webmasters Stack Exchange提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://webmasters.stackexchange.com/questions/133983

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档