良好的颜色对比度
在 Web Accessibility Perspectives Videos: Explore the Impact and Benefits for Everyone (英文)
Needs Translation About this translation
该志愿翻译可能不能准确地反映出英文原版内容。
网络无障碍对残疾人至关重要，对所有人都有用。了解无障碍环境的影响以及在各种情况下为每个人带来的益处。
视频中的良好的颜色对比度
本视频信息以附有视觉描述的文本记录的形式提供。
什么是“良好的颜色对比度”？
颜色必须具有足够的对比度，例如，文本颜色和背景颜色之间(技术上叫 亮度对比度)。这包含文本在图像、图标、按钮上。此外，交互式元素、图表、地图和其他类型内容上用于传达信息的颜色也必须区分开来。
谁依赖这个功能？
- 对比敏感度低的人，这在老年人中很常见。
- 无法区分特定颜色的人（通常称为 “色盲”）。
有哪些其他的好处？
- 内容可在不同的照明条件下工作，如阳光和眩光。
- 内容更容易被所有人阅读，包括那些没有特定视觉障碍的人。
怎样才能做到这一点？
选颜色时提供足够的对比度。有一些工具可以帮助检查和选择合适的颜色组合。这最好是在早期设计阶段和选择调色板时进行。有些人需要高对比度，有些则对亮度敏感，需要调整颜色 (英文).
学习更多
- 无障碍原则：
- 开始：
- 简单检查：
- 用户故事：
- 用户需要：
- 网页内容无障碍导则(WCAG概述 (英文)):
- 移动适用性：
附有视觉描述的文本记录
| 音频 | 视觉 |
|---|---|
| 网络无障碍视角： 具有良好对比度的颜色 | 网络无障碍视角： 具有良好对比度的颜色 |
| 伟大的设计往往让人几乎感觉不到它的存在。 | 标有方向的指示牌。一位女士正在街上开心地散步。 |
| 但要让事情变得混乱和令人沮丧，并不需要太多的东西。 | 标志的对比度变差。这位女士现在看起来很困惑。 |
| 选择对比度差的颜色会使导航、阅读和交互变得非常苦恼。 | 她看着手机上的导航应用程序。 |
| 良好的设计意味着前景背景和颜色之间要有足够的对比度。这不仅包括文字和图片，还包括链接、图标和按钮。 | 该程序有一个对比度较低的按钮，它可以变为清晰的按钮。 |
| 如果它重要到足以被人看到，那么它就必须清晰明了。 这对于对比敏感度低的人来说至关重要。 随着年龄的增长，这种情况越来越常见。 |
一位坐在沙发上的老人正在看平板电脑。他去读手机上的一条信息。 |
| 良好的颜色使得网站，应用程序能够在更多情况下更容易使用。例如不同的光照条件下。 | 阳光照在手机上，但文字依然清晰可读。 |
| 网络无障碍： 对某些人必不可少，对所有人都有用. | |
| 请访问 w3.org/WAI/perspectives，了解有关具有良好对比度的颜色的更多信息 | 请访问 w3.org/WAI/perspectives 了解更多 具有良好颜色对比度的信息 W3C 无障碍网页倡议徽标 |