如何为视障用户创建可选的可用样式表?

时间:2016-05-05 作者:akopacsi

我有一个可湿性粉剂网站,我想让视力受损的用户很容易访问。我不想修改默认样式表,也不想使用任何插件,所以我正在寻找一个带有按钮或链接的解决方案,可以打开/关闭专门设计的样式表。

我的问题。。。是否可以为WP站点创建一个可供用户请求打开的替代样式表?你认为实施它的最佳方式是什么?

1 个回复
最合适的回答,由SO网友:jake 整理而成

使用jQuery轻松设置按钮触发器/切换。下面是我为您制作的一个工作示例:https://jsfiddle.net/8Le2tjvr/1/

代码:

HTML:

<button id="impaired-button">Impaired Button</button>

jQuery

$(\'#impaired-button\').click(function() {
    $(\'body\').toggleClass(\'impaired\');
});

CSS

.impaired h1 {
    font-size: 50px; 
}
只需添加。在您想要为受损用户专门设计的任何css之前受损。单击按钮时将显示此信息。