javascript - 视障模式

标签 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/

上一篇:css - 在较大的首字母后调整行高

下一篇:html - 在文本下方对齐下拉菜单

相关文章:

html - Chrome、Firefox 添加额外的 <br>

html - 盒子没有垂直对齐 我在顶部添加了一个导航栏

javascript - 如何为特殊字符编写正确的 xml

jquery - 按钮隐藏在 JQuery 中无法按预期工作

php - HTML 中的 &lt;style&gt; 可以工作,但不能像 CSS 那样工作

html - Leadbolt 广告上的关闭按钮叠加层

javascript - 在连接四板上放置 token 动画

javascript - 为什么不能刷新TinyMCE 中的文本?

javascript - 等到 CSS 更改(调整大小)生效后再继续脚本

javascript - Bootstrap Datepicker 预选当前月份的第一天