视力受损模式

Question

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

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

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

谢谢！

Answer 1

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

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