无障碍阅读实现方法

无障碍阅读

无障碍阅读主要的实现方式有“页面放大”，“页面缩小”，“文字放大”和“文章缩小”和“重新载入”。

主要的实现方式见代码：

 1 var textNum = 14;
 2 var zoomNum = 1;
 3 var $body = $('body');
 4 //页面放大
 5 function PageBig() {
 6     zoomNum  = 0.1;
 7     $body.css('zoom', zoomNum)
 8 }
 9 //页面缩小
10 function PageSmall() {
11     zoomNum -= 0.1;
12     $body.css('zoom', zoomNum);
13 }
14 //文字放大
15 function FontBig() {
16     textNum  ;
17     $body.css('font-size', textNum   'px');
18 }
19 //文字缩小
20 function FontSmall() {
21     textNum--;
22     $body.css('font-size', textNum   'px');
23 }
24 //页面重新载入
25 function PageReset() {
26     //    location.href = window.location.href;
27     location.reload();
28 }

 

更多专业前端知识，请上 【猿2048】www.mk2048.com