如何根据 WCAG 2.0 色彩对比指南在 Photoshop 中进行网站设计?

发布于 2024-08-11 13:01:42 字数 126 浏览 7 评论 0原文

设计时应该注意哪些要点。我们如何才能做出好的设计,同时牢记 WCAG 2.0 与颜色相关的辅助功能指南?

What points should I keep in mind while designing. How we can make good design while keeping in mind color related Accessibility guideline of WCAG 2.0?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

画离情绘悲伤 2024-08-18 13:01:42

这是指向更多信息和工具的优秀链接列表,可帮助模拟各种(请注意,模拟显示不同颜色如何相互对比,而不是色盲者实际看到的颜色)。

经验法则是永远不要仅使用颜色来传达信息(因此标记为“确定”的绿色按钮比绿色圆圈更好)。请记住,添加颜色可以增强可用性,因此请尝试正确使用它而不是消除它。其次,使用模拟器检查配色方案与常见条件的对比度。

Here's an excellent list of links to further information and tools to help simulate the various conditions (note the simulations show you how different colours contrast against each other rather than being what a colour blind person actually sees).

The rule of thumb is never use only colour to convey information (so a green button marked ok is better than a green circle). Bear in mind that adding colour enhances usability so try to use it correctly rather than eliminate it. Secondly use the simulators to check the contrast of your colour scheme with the common conditions.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文