提供一些小功能，增强使用屏幕阅读器访问网页的体验
当前为
// ==UserScript==
// @name accessibility_网页工具箱
// @namespace https://www.zhihu.com/people/yin-xiao-bo-11
// @version 0.2
// @description 提供一些小功能，增强使用屏幕阅读器访问网页的体验
// @author Veg
// @include http://*/*
// @include https://*/*
// @grant none
// ==/UserScript==
document.body.addEventListener("keydown", function (k) {
//清除页面焦点
if (k.ctrlKey && k.altKey && k.keyCode == 187) {
document.activeElement.blur();
}
webPageLocationSave(k);
imgTabindex(k);
webStatistics(k);
}, null);
(function () {
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 a = document.querySelectorAll('a[href],[role="link"]');
if (a.length > 0) {
var aS = "链接" + a.length + "个；";
} else {
var aS = "";
}
var button = document.querySelectorAll('button,[role="button"],input[type="button"]');
if (button.length > 0) {
var buttonS = "按钮" + button.length + "个；";
} else {
var buttonS = "";
}
var input = document.querySelectorAll('input[type="text"],[role="textbox"]');
//,textarea');
if (input.length > 0) {
var inputS = "文本框" + input.length + "个；";
} else {
var inputS = "";
}
var select = document.querySelectorAll('select,[role="combobox"]');
if (select.length > 0) {
var selectS = "组合框" + select.length + "个；";
} else {
var selectS = "";
}
var checkbox = document.querySelectorAll('input[type="checkbox"],[role="checkbox"]');
if (checkbox.length > 0) {
var checkboxS = "复选框" + checkbox.length + "个；";
} else {
var checkboxS = "";
}
var heading = document.querySelectorAll('h1,h2,h3,h4,h5,h6');
if (heading.length > 0) {
var headingS = "标题" + heading.length + "个；"
} else {
headingS = "";
}
var img = document.querySelectorAll('img');
if (img.length > 0) {
var imgS = "图片" + img.length + "张；"
} else {
imgS = "";
}
var zs = aS + buttonS + inputS + selectS + checkboxS + headingS + imgS;
var zhText = encodeURI(zs);
var parameter = "&vol=7&per=0&spd=9&pit=7";
var voicebbUrl = "https://tsn.baidu.com/text2audio?lan=zh&ctp=1&cuid=xiaobo&tok=24.d7c864e772d873caa0eb243a0a2432a1.2592000.1533027162.282335-10594751&tex=" + zhText + parameter;
var audio = document.querySelector('audio.audio-audios'); {
audio.src = voicebbUrl;
audio.play();
}
}
}