時(shí)間：2023-07-05 09:00:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)
時(shí)間：2023-07-05 09:00:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)
無(wú)障礙優(yōu)化之如何制作Google Chrome插件：manifest.json
background.html
Accessibility.js
在線咨詢(xún)
{"background": {"page": "background.html"//后臺(tái)加載的HTML文件}, "content_scripts": [ { "js": [ "accessibility.js" ],//需要執(zhí)行的js文件 "matches": [ "http://*/*", "https://*/*", "ftp://*/*", "file://*.*" ]//匹配的網(wǎng)址 } ], "name": "無(wú)障礙插件",//插件的名稱(chēng) "version": "1.1.0",//插件的版本號(hào) "description": "這是一個(gè)無(wú)障礙插件",//插件的簡(jiǎn)介 "manifest_version": 2//清單文件的版本號(hào)}<!DOCTYPE html><html><head><title>無(wú)障礙插件</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"){//判斷下是不是百度首頁(yè)的網(wǎng)址//為百度首頁(yè)的搜索框添加描述文本//使用的是aria-label屬性， aria-label 可以給非文本元素添加內(nèi)容描述，如果一個(gè)非文本元素需要讓屏幕閱讀器用戶知道元素的功能、傳達(dá)的信息，需要給元素添加替代文本，如圖形按鈕、編輯框、組合框等，可以通過(guò)aria-label屬性給元素提供適當(dāng)?shù)奶娲谋?。try{var kwElt=document.getElementById("kw");kwElt.setAttribute('aria-label','請(qǐng)鍵入搜索關(guān)鍵詞');}catch(err){}}if(host==="passport.baidu.com"){//判斷下是不是百度注冊(cè)頁(yè)的網(wǎng)址//為百度注冊(cè)頁(yè)面的"登陸"鏈接設(shè)置tab焦點(diǎn)，并且設(shè)置控件的角色為“鏈接”//使用的是：tabindex屬性，tabindex屬性可為元素添加/忽略焦點(diǎn)，role屬性 可設(shè)置元素的角色。try{var loginbtn=document.getElementById("login_btn");loginbtn.setAttribute('tabindex','0');loginbtn.setAttribute('role','link');}catch(err){}//為百度注冊(cè)頁(yè)面的“百度帳號(hào)智能客服”添加標(biāo)簽//使用的是aria-label屬性， aria-label 可以給非文本元素添加內(nèi)容描述，如果一個(gè)非文本元素需要讓屏幕閱讀器用戶知道元素的功能、傳達(dá)的信息，需要給元素添加替代文本，如圖形按鈕、編輯框、組合框等，可以通過(guò)aria-label屬性給元素提供適當(dāng)?shù)奶娲谋?。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','百度帳號(hào)智能客服');break;}}}catch(err){}}})();關(guān)鍵詞：障礙
客戶&案例
營(yíng)銷(xiāo)資訊
關(guān)于我們
客戶&案例
營(yíng)銷(xiāo)資訊
關(guān)于我們
微信公眾號(hào)
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
