如何根据 WCAG 2.0 色彩对比指南在 Photoshop 中进行网站设计?
设计时应该注意哪些要点。我们如何才能做出好的设计,同时牢记 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
这是指向更多信息和工具的优秀链接列表,可帮助模拟各种(请注意,模拟显示不同颜色如何相互对比,而不是色盲者实际看到的颜色)。
经验法则是永远不要仅使用颜色来传达信息(因此标记为“确定”的绿色按钮比绿色圆圈更好)。请记住,添加颜色可以增强可用性,因此请尝试正确使用它而不是消除它。其次,使用模拟器检查配色方案与常见条件的对比度。
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.