提供一些小功能，增强使用屏幕阅读器访问网页的体验
// ==UserScript==
// @name accessibility_网页工具箱
// @namespace https://www.zhihu.com/people/yin-xiao-bo-11
// @version 0.2.5
// @description 提供一些小功能，增强使用屏幕阅读器访问网页的体验
// @author Veg
// @include http://*/*
// @include https://*/*
// @grant GM_xmlhttpRequest
// ==/UserScript==
function $query(selector) {
var arr = [];
var element=document.querySelectorAll(selector);
for (var i=0, l=element.length; i<l; i++) {
if(element[i].offsetParent !== null) {
arr.push(element[i]);
}
}
return arr.length;
}
document.body.addEventListener("keydown", function (k) {
if(k.altKey&&k.ctrlKey&&k.shiftKey&&k.keyCode==37) {
var xx = document.activeElement;
alert(xx);
var f = xx.parentNode;
alert(f.innerHTML);
}
//清除页面焦点
if (k.ctrlKey && k.altKey && k.keyCode == 187) {
document.activeElement.blur();
}
webPageLocationSave(k);
imgTabindex(k);
webStatistics(k);
}, null);
(function () {
GM_xmlhttpRequest({
method : "GET",
headers: {"Accept": "Content-Type:application/json"},
url : "https://openapi.baidu.com/oauth/2.0/token?grant_type=client_credentials&client_id=DmRzeWmTGgwPuPrFyHPhxLFH&client_secret=iYUz9bmANfuDBhlpacObRCq4qutDHfSe",
onload : function (response) {
var data=response.responseText;
var datas=JSON.parse(data);
accessToken=datas.access_token;
}
});
var audio = document.createElement("audio");
audio.className = "audio-audios";
audio.src = "";
audio.volume = 1;
document.body.appendChild(audio);
})();
//网页位置保存
function webPageLocationSave(k) {
var element = document.activeElement;
var href = element.getAttribute('href');
if (k.ctrlKey && k.shiftKey && k.keyCode == 49) {
if (element.tagName == 'A') {
localStorage.setItem('key1', href);
alert('保存成功');
}
else {
alert('只能在链接元素上保存位置！');
}
}
if (k.shiftKey && k.altKey && k.keyCode == 49) {
var name = localStorage.getItem('key1');
var hrefs = '[href="' + name + '"]';
document.querySelector(hrefs).focus();
}
//2
if (k.ctrlKey && k.shiftKey && k.keyCode == 50) {
if (element.tagName == 'A') {
localStorage.setItem('key2', href);
alert('保存成功');
}
else {
alert('只能在链接元素上保存位置！');
}
}
if (k.shiftKey && k.altKey && k.keyCode == 50) {
var name = localStorage.getItem('key2');
var hrefs = '[href="' + name + '"]';
document.querySelector(hrefs).focus();
}
//3
if (k.ctrlKey && k.shiftKey && k.keyCode == 51) {
if (element.tagName == 'A') {
localStorage.setItem('key3', href);
alert('保存成功');
}
else {
alert('只能在链接元素上保存位置！');
}
}
if (k.shiftKey && k.altKey && k.keyCode == 51) {
var name = localStorage.getItem('key3');
var hrefs = '[href="' + name + '"]';
document.querySelector(hrefs).focus();
}
//4
if (k.ctrlKey && k.shiftKey && k.keyCode == 52) {
if (element.tagName == 'A') {
localStorage.setItem('key4', href);
alert('保存成功');
}
else {
alert('只能在链接元素上保存位置！');
}
}
if (k.shiftKey && k.altKey && k.keyCode == 52) {
var name = localStorage.getItem('key4');
var hrefs = '[href="' + name + '"]';
document.querySelector(hrefs).focus();
}
//5
if (k.ctrlKey && k.shiftKey && k.keyCode == 53) {
if (element.tagName == 'A') {
localStorage.setItem('key5', href);
alert('保存成功');
}
else {
alert('只能在链接元素上保存位置！');
}
}
if (k.shiftKey && k.altKey && k.keyCode == 53) {
var name = localStorage.getItem('key5');
var hrefs = '[href="' + name + '"]';
document.querySelector(hrefs).focus();
}
//6
if (k.ctrlKey && k.shiftKey && k.keyCode == 54) {
if (element.tagName == 'A') {
localStorage.setItem('key6', href);
alert('保存成功');
}
else {
alert('只能在链接元素上保存位置！');
}
}
if (k.shiftKey && k.altKey && k.keyCode == 54) {
var name = localStorage.getItem('key6');
var hrefs = '[href="' + name + '"]';
document.querySelector(hrefs).focus();
}
//7
if (k.ctrlKey && k.shiftKey && k.keyCode == 55) {
if (element.tagName == 'A') {
localStorage.setItem('key7', href);
alert('保存成功');
}
else {
alert('只能在链接元素上保存位置！');
}
}
if (k.shiftKey && k.altKey && k.keyCode == 55) {
var name = localStorage.getItem('key7');
var hrefs = '[href="' + name + '"]';
document.querySelector(hrefs).focus();
}
//8
if (k.ctrlKey && k.shiftKey && k.keyCode == 56) {
if (element.tagName == 'A') {
localStorage.setItem('key8', href);
alert('保存成功');
}
else {
alert('只能在链接元素上保存位置！');
}
}
if (k.shiftKey && k.altKey && k.keyCode == 56) {
var name = localStorage.getItem('key8');
var hrefs = '[href="' + name + '"]';
document.querySelector(hrefs).focus();
}
//9
if (k.ctrlKey && k.shiftKey && k.keyCode == 57) {
if (element.tagName == 'A') {
localStorage.setItem('key9', href);
alert('保存成功');
}
else {
alert('只能在链接元素上保存位置！');
}
}
if (k.shiftKey && k.altKey && k.keyCode == 57) {
var name = localStorage.getItem('key9');
var hrefs = '[href="' + name + '"]';
document.querySelector(hrefs).focus();
}
}
//图片 tabindex
function imgTabindex(k) {
var img = document.querySelectorAll('img');
for (var i = 0, l = img.length; i < l; i++) {
if (k.altKey && k.keyCode == 221) {
img[i].setAttribute('tabindex', '0');
}
if (k.altKey && k.keyCode == 219) {
img[i].removeAttribute('tabindex', '0');
}
}
}
// 网页综述统计
function webStatistics(k) {
if (k.ctrlKey && k.altKey && k.keyCode == 222) {
var link=$query('a[href],[role="link"]');
if (link > 0) {
var links = "链接" + link + "个；";
} else {
var links = "";
}
var button = $query('button,[role="button"],input[type="button"]');
if (button > 0) {
var buttons = "按钮" + button + "个；";
} else {
var buttons = "";
}
var input=$query('input[type="text"],[role="textbox"], textarea');
if (input > 0) {
var inputs = "文本框" + input + "个；";
} else {
var inputs = "";
}
var select =
$query('select,[role="combobox"]');
if (select > 0) {
var selects = "组合框" + select + "个；";
} else {
var selects = "";
}
var checkbox = $query('input[type="checkbox"],[role="checkbox"]');
if (checkbox > 0) {
var checkboxs = "复选框" + checkbox + "个；";
} else {
var checkboxs = "";
}
var heading = $query('h1,h2,h3,h4,h5,h6');
if (heading > 0) {
var headings = "标题" + heading + "个；"
} else {
headings = "";
}
var img = $query('img[src]');
if (img.length > 0) {
var imgs = "图片" + img + "张；"
} else {
imgs = "";
}
var statistics = links + buttons + inputs + selects + checkboxs + headings + imgs;
voiceTTS(statistics);
}
}
document.body.addEventListener("click", function (k) {
var t = k.target;
var tag = t.tagName;
if (tag == 'P' || tag == 'DIV' || tag == 'SPAN') {
t.setAttribute('tabindex', '-1');
t.focus();
}
}, null);
function voiceTTS(TTStext) {
var zhText = encodeURI(TTStext);
var parameter = "&vol=7&per=0&spd=9&pit=7";
var voicebbUrl = "https://tsn.baidu.com/text2audio?lan=zh&ctp=1&cuid=xiaobo&tok="+accessToken+"&tex=" + zhText + parameter;
var audio = document.querySelector('audio.audio-audios'); {
if (audio !== null) {
audio.src = voicebbUrl;
audio.play();
}
}
}
(function() {
all();
function all() {
let em = document.querySelectorAll('em');
for (let i=0, l=em.length; i<l; i++) {
let parent = em[i].parentNode;
let parent2 = em[i].parentNode.parentNode;
if (parent2.tagName === 'H3') {
parent2.setAttribute('aria-label', parent2.innerText);
}
if (parent.tagName == 'A') {
parent.setAttribute('aria-label', parent.innerText);
}
else {
let parent2 = parent.parentNode;
if (parent2.tagName == 'A') {
parent2.setAttribute('aria-label', parent2.innerText);
}
else {
em[i].setAttribute('aria-label', em[i].innerText);
}
}
// em[i].setAttribute('aria-label', em[i].innerText);
}
let strong = document.querySelectorAll('strong');
for (let i=0, l = strong.length; i<l; i++) {
strong[i].setAttribute('aria-label', strong[i].innerText);
}
}
/*
let mos = new MutationObserver( (mutationRecord) => {
all();
});
mos.observe(document.documentElement, {
'childList': true,
'subtree': true
});
*/
})();