高对比度，低视力样式表的例子？

Question

您是否可以推荐一些指向实际网站的链接，这些网站为视障用户提供备用样式表，例如：短视，daltonism，protanopia等。

现实生活中有哪些好的做法？

Answer 1

虽然我不能为视力障碍者提供一个副手但这里有一些有用的物品：

• Here is a sample site with alternate style sheets。
• Here is great tutorial on getting started with alternating style sheets
• 开发网站时使用＆＃39; em＆＃39;指定宽度和高度时。当视障用户使用浏览器的缩放功能时更是如此。这将有助于保持网站的正常应用，而不是使用＆＃39; px＆＃39;不会流动/调整大小的测量值。
• 使用＆＃39; alt＆＃39;屏幕阅读器的图像属性将读取给用户，以便他们可以理解图像是什么。
• 相应地命名您的链接。 ＆＃39;点击这里＆＃39;超链接文本不会告诉某人链接到底是什么。 ＆＃39;有关视障设计流程的更多信息＆＃39;但作为超链接文本。
• 对比文字。浅色或白色背景上的深色文字最易于辨认。

作为替代方案，您也可以使用javascript。 Here is a joomla site with a plugin for adjusting font sizes

Answer 2

对于良好实践，您应该阅读：

• http://mashable.com/2009/08/10/twitter-usability/
• 这里的一些例子http://www.webdesignfromscratch.com/web-design/contrast/
• http://www.useit.com/ Jakon Nielsen视障人士可用性网站专家

因此，您不仅要了解网站的外观，还要了解屏幕阅读器如何阅读您的内容

Answer 3

这是一款在线工具，可以帮助您测试任何颜色组合对视障人士的友好程度：

http://gmazzocato.altervista.org/colorwheel/wheel.php

它涵盖了一些“topias”，并与WCAG的建议保持一致。

另外一个很好的其他类似工具列表：

http://www.456bereastreet.com/archive/200709/10_colour_contrast_checking_tools_to_improve_the_accessibility_of_your_design/