<分区>
要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于 Stack Overflow 来说是偏离主题的,因为它们往往会吸引自以为是的答案和垃圾邮件。相反,describe the problem以及迄今为止为解决该问题所做的工作。
关闭 9 年前。
标签 javascript html css
<分区>
要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于 Stack Overflow 来说是偏离主题的,因为它们往往会吸引自以为是的答案和垃圾邮件。相反,describe the problem以及迄今为止为解决该问题所做的工作。
关闭 9 年前。
我想在我的网站中集成一个针对视障人士的模式,例如 https://www.actionforblindpeople.org.uk/other-pages/accessibility-statement-and-options/
我需要一些脚本示例,如果可能的话,一些关于 VI 残疾的文档。
我也想建议为该网站添加该选项。
谢谢!
最佳答案
有几种方法可以解决这个问题。
1- 交换 css 表 (你会有更小的工作表,只针对字体大小和颜色)
2- 将 CSS 类应用于您的 body 。 (下面的例子)
3- 一些 javascript 查询。 (参见 http://plugins.jquery.com/tag/usability/)
这取决于您的元素规模和您要实现的行为。例如,单击“增强对比度”按钮可以将 highConstrast 类添加到您的文档主体。
你的 css 可能是这样的:
.myDiv{
background-color:#303030;
color:#red;
}
.highContrast{
background-color:white !important;
color:black !important;
}
如果设计需要,您也可以单独覆盖规则。
.myDiv.highContrast{
background-color:yellow !important;
}
CSS 不是我的强项,请随意质疑这种方法,但它确实可以完成工作。
关于javascript - 视障模式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21861710/