视力受损模式

时间:2014-02-18 17:56:57

标签: javascript html css

我想在我的网站中为视障人士整合一种模式,例如https://www.actionforblindpeople.org.uk/other-pages/accessibility-statement-and-options/

我需要一些脚本示例,如果可能的话,有关VI残疾的文档。

我想建议为这个网站添加该选项。

谢谢!

1 个答案:

答案 0 :(得分:0)

有几种方法可以解决这个问题。

1 - 交换css表 (如果你有一个只针对字体大小和颜色的小纸张)

2 - 将css类应用于您的身体。 (以下示例)

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不是我的强项,随时可以质疑这种方法,但确实可以完成工作。