视障模式

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不是我的强项，你可以随意质疑这个方法，但是它确实完成了任务。