时间：2023-07-05 09:00:01 | 来源：网站运营
时间：2023-07-05 09:00:01 来源：网站运营
无障碍优化之如何制作Google Chrome插件：manifest.json
background.html
Accessibility.js
在线咨询
{"background": {"page": "background.html"//后台加载的HTML文件}, "content_scripts": [ { "js": [ "accessibility.js" ],//需要执行的js文件 "matches": [ "http://*/*", "https://*/*", "ftp://*/*", "file://*.*" ]//匹配的网址 } ], "name": "无障碍插件",//插件的名称 "version": "1.1.0",//插件的版本号 "description": "这是一个无障碍插件",//插件的简介 "manifest_version": 2//清单文件的版本号}<!DOCTYPE html><html><head><title>无障碍插件</title></head><script type="text/javascript" charset="utf-8" src='accessibility.js'></script> </html>(function() {var host = window.location.host;if(host==="www.baidu.com"){//判断下是不是百度首页的网址//为百度首页的搜索框添加描述文本//使用的是aria-label属性， aria-label 可以给非文本元素添加内容描述，如果一个非文本元素需要让屏幕阅读器用户知道元素的功能、传达的信息，需要给元素添加替代文本，如图形按钮、编辑框、组合框等，可以通过aria-label属性给元素提供适当的替代文本。try{var kwElt=document.getElementById("kw");kwElt.setAttribute('aria-label','请键入搜索关键词');}catch(err){}}if(host==="passport.baidu.com"){//判断下是不是百度注册页的网址//为百度注册页面的"登陆"链接设置tab焦点，并且设置控件的角色为“链接”//使用的是：tabindex属性，tabindex属性可为元素添加/忽略焦点，role属性 可设置元素的角色。try{var loginbtn=document.getElementById("login_btn");loginbtn.setAttribute('tabindex','0');loginbtn.setAttribute('role','link');}catch(err){}//为百度注册页面的“百度帐号智能客服”添加标签//使用的是aria-label属性， aria-label 可以给非文本元素添加内容描述，如果一个非文本元素需要让屏幕阅读器用户知道元素的功能、传达的信息，需要给元素添加替代文本，如图形按钮、编辑框、组合框等，可以通过aria-label属性给元素提供适当的替代文本。try{var elts=document.getElementsByTagName("a");for(i=0;i<elts.length;++i){if(elts[i].getAttribute('class')==='mod-new-reg-service'){elts[i].setAttribute('aria-label','百度帐号智能客服');break;}}}catch(err){}}})();关键词：障碍
