低视力用户的高对比度模式
High Contrast mode for low vision users
是否建议为访问您网站的用户提供高对比度模式设置,或者是否可以假设用户会在需要时使用浏览器扩展程序以高对比度模式查看页面?两者的优缺点是什么?
列举一些提供 HCM 示例的网站。
为 HCM 编码时采用的最佳实践。
If you follow these guidelines, there should be no need to use a
"high-contrast mode" and your website will still look perfectly
normal.
我不会走那么远。有很多弱视用户很难阅读白色背景的屏幕,而更喜欢黑色背景的高对比度模式。这些模式中的大多数都有黑色背景和全亮度前景颜色,例如黄色、青色、紫色和白色,例如此屏幕截图:
对于需要这些类型的视图的用户,"normal" 对他们来说。如果您的网站提供不同的颜色主题选项,恭喜您。
从 WCAG 合规性的角度来看,@Josh 是正确的,4.5:1 是实现 AA 合规性的最小对比度。 AAA 合规性要求 7:1 比率。
许多用户习惯于使用内置的 OS 设置来获得高对比度模式,但这并不意味着您的网站不能提供这种模式。如果您不提供,请测试您的网站,确保在使用 OS 高对比度时颜色能正常工作。
您可以在 https://www.sas.com/en_us/company-information/accessibility.html#m=video-sas-visual-analytics 的 2:20 标记处观看高对比度选项的视频。该视频演示了旧软件,但新版本也有。该视频还展示了其他有助于辅助功能的功能。
是否建议为访问您网站的用户提供高对比度模式设置,或者是否可以假设用户会在需要时使用浏览器扩展程序以高对比度模式查看页面?两者的优缺点是什么?
列举一些提供 HCM 示例的网站。
为 HCM 编码时采用的最佳实践。
If you follow these guidelines, there should be no need to use a "high-contrast mode" and your website will still look perfectly normal.
我不会走那么远。有很多弱视用户很难阅读白色背景的屏幕,而更喜欢黑色背景的高对比度模式。这些模式中的大多数都有黑色背景和全亮度前景颜色,例如黄色、青色、紫色和白色,例如此屏幕截图:
对于需要这些类型的视图的用户,"normal" 对他们来说。如果您的网站提供不同的颜色主题选项,恭喜您。
从 WCAG 合规性的角度来看,@Josh 是正确的,4.5:1 是实现 AA 合规性的最小对比度。 AAA 合规性要求 7:1 比率。
许多用户习惯于使用内置的 OS 设置来获得高对比度模式,但这并不意味着您的网站不能提供这种模式。如果您不提供,请测试您的网站,确保在使用 OS 高对比度时颜色能正常工作。
您可以在 https://www.sas.com/en_us/company-information/accessibility.html#m=video-sas-visual-analytics 的 2:20 标记处观看高对比度选项的视频。该视频演示了旧软件,但新版本也有。该视频还展示了其他有助于辅助功能的功能。