搜索引擎优化,网站
亚当·斯玛特尚
合伙人兼首席战略官
2025 年 1 月 6 日
注意：本博客于 2025 年 1 月更新。
在设计网站时，确保创建足够的颜色对比度非常重要。这篇文章将详细阐 医疗保险线索电子邮件数据库 述对比度为何如此重要以及如何检查网页，并提供一些良好对比度和不良对比度的示例。
网页设计中的色彩对比
网页设计中的颜色对比：如何保持可访问性（WCAG 2.1）
为什么颜色对比在网页设计中很重要
可访问性不仅仅关乎合规性
如何检查网站的颜色对比度
此消息的含义
修复网站的颜色对比度
tl;dr – 关键要点
为什么颜色对比在网页设计中很重要
颜色对比度是可访问性范畴内更广泛的网络标准的一部分 。它们旨在确保所有人（包括有视觉、运动/行动障碍、听觉或认知障碍或癫痫的人）都不会遇到妨碍与网站互动的障碍。
目前美国通行的网页可访问性标准是《 网页内容可访问性指南》（WCAG）2.1，该标准于 2018 年 6 月成为万维网联盟（W3C）的推荐。
还有政府标准。其中最突出的是 《美国残疾人法案》第三章，该法案涵盖所有企业、州和地方政府以及非营利组织。与此同时，总务管理局的 第 508 条涵盖了政府机构、联邦资助的非营利组织、公立高等教育机构和公立 K-12 学校的网络可访问性。
人们经常听到“符合 ADA 标准”作为网站可访问性的简称。ADA 第三章也是 每年针对非可访问网站提起的10,000 多起联邦诉讼的来源。
不过，在这篇文章中，我们将重点介绍 WCAG 2.1 颜色对比度标准。一些国家已采用 WCAG 标准作为官方标准，而 Google 的 Lighthouse 工具则使用 WCAG 2.1 中的成功标准 1.4.3 作为对比度标准。
（稍后我们会更深入地讨论 Lighthouse。）
可访问性不仅仅关乎合规性
当然，遵守法规很重要。在很多情况下，这是至关重要的。但实际上， 网络可访问性就是做正确的事情。
理想情况下，作为营销人员和网络开发人员，我们应该努力让每个人都能访问信息。您可能会发现 WCAG 2.1 标准非常严格。它们确实如此……而且是有充分理由的。
现在，您的网站可能并不完美，特别是在颜色对比度方面。几乎没有一个是完美的。哎呀，W3 的网站并不总是符合所有可访问性标准。
这并不意味着您不应该努力实现 100% 的可访问性和适当的对比度。不要惊慌，也不要放弃 - 做出需要的改变。
这是来自 W3C 的精彩解释。