无障碍优化之如何制作GoogleChro

本篇文章将讲解如何制作GoogleChrome插件

通过浏览器插件的方式来改造网页的无障碍问题,使视障用户能更加轻松的上网。

在以前写过一篇使用JS代码动态无障碍适配网页内容的文章,主要是通过在浏览器地址栏输入js代码,从而改变网页元素的属性,使其达到无障碍效果。

然而,这种方式在实际使用中并不是很方便,每次刷新页面都要手动执行一次js代码,显得非常麻烦。

那么有没有一种方式,能够自动加载脚本代码,使页面元素自动添加无障碍属性的呢?

近日,在学习Chrome插件的过程中,就想到了可以通过编写Chrome插件的方式,自动执行无障碍脚本,使页面元素能自动添加无障碍属性,使视障人士更好的浏览网页。

下面就以一个简单的Chrome插件为例,带领大家了解如何编写无障碍插件,改变页面元素属性,从而让网页元素达到无障碍的效果。

·首先我们新建一个文件夹,命名为“demo”

·然后在demo文件夹内新建三个文件,分别是:

manifest.jsonbackground.htmlAccessibility.js

一、manifest.json

此文件为清单文件,每个GoogleChrome插件都应包含该文件清单内容如下:

{background:{page:background.html//后台加载的HTML文件},content_scripts:[{js:[accessibility.js],//需要执行的js文件matches:[


转载请注明:http://www.aierlanlan.com/grrz/4754.html