适用于弱视用户的高对比度模式

时间:2018-07-24 19:57:18

标签: accessibility user-experience

  1. 是否建议为访问您的网站的用户提供高对比度模式设置,或者可以假设用户在需要时使用浏览器扩展程序以高对比度模式查看页面?两者的优缺点是什么?

  2. 命名一些提供HCM示例的网站。

  3. 为HCM编码时采用的最佳做法。

2 个答案:

答案 0 :(得分:1)

Web内容可访问性指南(WCAG 2.0 AA)要求“文本的视觉呈现和文本图像的对比度至少为4.5:1 。”大文本,徽标和纯装饰文本提供了一些例外。

https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast

WebAIM提供一种颜色contrast checker tool,用于验证您是否满足此要求。

如果您遵循这些准则,则无需使用“高对比度模式”,您的网站仍会看起来非常正常。

答案 1 :(得分:0)

  

如果您遵循这些准则,则无需使用   “高对比度模式”,您的网站仍会看起来完美   正常。

我不会走那么远。许多低视力用户在阅读具有白色背景的屏幕时比较费力,而喜欢使用黑色背景的高对比度模式。这些模式大多数都具有黑色背景和全强度的前景色,例如黄色,青色,紫色和白色,例如此屏幕截图:

screenshot of high contrast table containing a black background, cyan table headers, and yellow table cells

对于需要这些视图类型的用户来说,这是“正常”的。如果您的网站提供了不同的颜色主题选项,则对您表示敬意。

从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标记处观看具有高对比度选项的视频。该视频演示了较旧的软件,但新版本也具有该软件。该视频还显示了有助于辅助功能的其他功能。