forked from pauljadam/bookmarklets
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy patharia.js
194 lines (194 loc) · 18.7 KB
/
aria.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
javascript: (function() {
function callback() {
function l() {
$("span").remove(".openSpan, .closeSpan, .inputSpan, .axSpan");
var arias = $('[aria-details], [aria-disabled], [aria-errormessage], [aria-flowto], [aria-owns], [aria-roledescription], [aria-keyshortcuts], [aria-autocomplete], [aria-sort], [aria-placeholder], [aria-busy], [aria-modal], [aria-details], [aria-activedescendant], [aria-colcount], [aria-colindex], [aria-colspan], [aria-posinset], [aria-rowcount], [aria-rowindex], [aria-rowspan], [aria-setsize], [aria-modal], [aria-current], [aria-expanded], [aria-controls], [aria-selected], [aria-required], [aria-invalid], [aria-labelledby], [aria-describedby], [aria-label], [role], [aria-hidden], [aria-level], [aria-relevant], [aria-haspopup], [aria-valuetext], [aria-orientation], [aria-valuemin], [aria-valuemax], [aria-valuenow], [aria-pressed], [aria-checked], [aria-live], [aria-atomic]').not(':input[type=hidden], :input[type=button], :input[type=submit], :input[type=reset]');
$(arias).each(function() {
$(this).attr('style','outline:green 2px solid;padding:2px;');
if($(this).attr('aria-label')) {
$(this).after("<span class=\"closeSpan\" style=\"color:black;font-weight:bold;font-family:sans-serif;font-size:small;background-color:yellow;margin:0 2px; padding:2px;speak:literal-punctuation;\">aria-label=\""+$(this).attr('aria-label')+"\"</span>");
}
if($(this).attr('role')) {
$(this).before("<span class=\"axSpan\" style=\"outline:green 2px solid;padding:1px;color:black;font-family:sans-serif;font-weight:bold;font-size:small;background-color:yellow;position:relative;line-height:100%;z-index:2147483647;\">role=\""+$(this).attr('role')+"\"</span>");
}
if($(this).attr('aria-live')) {
$(this).before("<span class=\"axSpan\" style=\"outline:green 2px solid;padding:1px;color:black;font-family:sans-serif;font-weight:bold;font-size:small;background-color:yellow;position:relative;line-height:100%;z-index:2147483647;\">aria-live=\""+$(this).attr('aria-live')+"\"</span>");
}
if($(this).attr('aria-atomic')) {
$(this).before("<span class=\"axSpan\" style=\"outline:green 2px solid;padding:1px;color:black;font-family:sans-serif;font-weight:bold;font-size:small;background-color:yellow;position:relative;line-height:100%;z-index:2147483647;\">aria-atomic=\""+$(this).attr('aria-atomic')+"\"</span>");
}
if($(this).attr('aria-modal')) {
$(this).before("<span class=\"axSpan\" style=\"outline:green 2px solid;padding:1px;color:black;font-family:sans-serif;font-weight:bold;font-size:small;background-color:yellow;position:relative;line-height:100%;z-index:2147483647;\">aria-modal=\""+$(this).attr('aria-modal')+"\"</span>");
}
if($(this).attr('aria-disabled')) {
$(this).before("<span class=\"axSpan\" style=\"outline:green 2px solid;padding:1px;color:black;font-family:sans-serif;font-weight:bold;font-size:small;background-color:yellow;position:relative;line-height:100%;z-index:2147483647;\">aria-disabled=\""+$(this).attr('aria-disabled')+"\"</span>");
}
if($(this).attr('aria-errormessage')) {
$(this).before("<span class=\"axSpan\" style=\"outline:green 2px solid;padding:1px;color:black;font-family:sans-serif;font-weight:bold;font-size:small;background-color:yellow;position:relative;line-height:100%;z-index:2147483647;\">aria-errormessage=\""+$(this).attr('aria-errormessage')+"\"</span>");
}
if($(this).attr('aria-flowto')) {
$(this).before("<span class=\"axSpan\" style=\"outline:green 2px solid;padding:1px;color:black;font-family:sans-serif;font-weight:bold;font-size:small;background-color:yellow;position:relative;line-height:100%;z-index:2147483647;\">aria-flowto=\""+$(this).attr('aria-flowto')+"\"</span>");
}
if($(this).attr('aria-owns')) {
$(this).before("<span class=\"axSpan\" style=\"outline:green 2px solid;padding:1px;color:black;font-family:sans-serif;font-weight:bold;font-size:small;background-color:yellow;position:relative;line-height:100%;z-index:2147483647;\">aria-owns=\""+$(this).attr('aria-owns')+"\"</span>");
}
if($(this).attr('aria-roledescription')) {
$(this).before("<span class=\"axSpan\" style=\"outline:green 2px solid;padding:1px;color:black;font-family:sans-serif;font-weight:bold;font-size:small;background-color:yellow;position:relative;line-height:100%;z-index:2147483647;\">aria-roledescription=\""+$(this).attr('aria-roledescription')+"\"</span>");
}
if($(this).attr('aria-sort')) {
$(this).before("<span class=\"axSpan\" style=\"outline:green 2px solid;padding:1px;color:black;font-family:sans-serif;font-weight:bold;font-size:small;background-color:yellow;position:relative;line-height:100%;z-index:2147483647;\">aria-sort=\""+$(this).attr('aria-sort')+"\"</span>");
}
if($(this).attr('aria-keyshortcuts')) {
$(this).before("<span class=\"axSpan\" style=\"outline:green 2px solid;padding:1px;color:black;font-family:sans-serif;font-weight:bold;font-size:small;background-color:yellow;position:relative;line-height:100%;z-index:2147483647;\">aria-keyshortcuts=\""+$(this).attr('aria-keyshortcuts')+"\"</span>");
}
if($(this).attr('aria-activedescendant')) {
$(this).before("<span class=\"axSpan\" style=\"outline:green 2px solid;padding:1px;color:black;font-family:sans-serif;font-weight:bold;font-size:small;background-color:yellow;position:relative;line-height:100%;z-index:2147483647;\">aria-activedescendant=\""+$(this).attr('aria-activedescendant')+"\"</span>");
}
if($(this).attr('aria-placeholder')) {
$(this).before("<span class=\"axSpan\" style=\"outline:green 2px solid;padding:1px;color:black;font-family:sans-serif;font-weight:bold;font-size:small;background-color:yellow;position:relative;line-height:100%;z-index:2147483647;\">aria-placeholder=\""+$(this).attr('aria-placeholder')+"\"</span>");
}
if($(this).attr('aria-busy')) {
$(this).before("<span class=\"axSpan\" style=\"outline:green 2px solid;padding:1px;color:black;font-family:sans-serif;font-weight:bold;font-size:small;background-color:yellow;position:relative;line-height:100%;z-index:2147483647;\">aria-busy=\""+$(this).attr('aria-busy')+"\"</span>");
}
if($(this).attr('aria-autocomplete')) {
$(this).before("<span class=\"axSpan\" style=\"outline:green 2px solid;padding:1px;color:black;font-family:sans-serif;font-weight:bold;font-size:small;background-color:yellow;position:relative;line-height:100%;z-index:2147483647;\">aria-autocomplete=\""+$(this).attr('aria-autocomplete')+"\"</span>");
}
if($(this).attr('aria-colcount')) {
$(this).before("<span class=\"axSpan\" style=\"outline:green 2px solid;padding:1px;color:black;font-family:sans-serif;font-weight:bold;font-size:small;background-color:yellow;position:relative;line-height:100%;z-index:2147483647;\">aria-colcount=\""+$(this).attr('aria-colcount')+"\"</span>");
}
if($(this).attr('aria-colindex')) {
$(this).before("<span class=\"axSpan\" style=\"outline:green 2px solid;padding:1px;color:black;font-family:sans-serif;font-weight:bold;font-size:small;background-color:yellow;position:relative;line-height:100%;z-index:2147483647;\">aria-colindex=\""+$(this).attr('aria-colindex')+"\"</span>");
}
if($(this).attr('aria-colspan')) {
$(this).before("<span class=\"axSpan\" style=\"outline:green 2px solid;padding:1px;color:black;font-family:sans-serif;font-weight:bold;font-size:small;background-color:yellow;position:relative;line-height:100%;z-index:2147483647;\">aria-colspan=\""+$(this).attr('aria-colspan')+"\"</span>");
}
if($(this).attr('aria-rowcount')) {
$(this).before("<span class=\"axSpan\" style=\"outline:green 2px solid;padding:1px;color:black;font-family:sans-serif;font-weight:bold;font-size:small;background-color:yellow;position:relative;line-height:100%;z-index:2147483647;\">aria-rowcount=\""+$(this).attr('aria-rowcount')+"\"</span>");
}
if($(this).attr('aria-rowindex')) {
$(this).before("<span class=\"axSpan\" style=\"outline:green 2px solid;padding:1px;color:black;font-family:sans-serif;font-weight:bold;font-size:small;background-color:yellow;position:relative;line-height:100%;z-index:2147483647;\">aria-rowindex=\""+$(this).attr('aria-rowindex')+"\"</span>");
}
if($(this).attr('aria-rowspan')) {
$(this).before("<span class=\"axSpan\" style=\"outline:green 2px solid;padding:1px;color:black;font-family:sans-serif;font-weight:bold;font-size:small;background-color:yellow;position:relative;line-height:100%;z-index:2147483647;\">aria-rowspan=\""+$(this).attr('aria-rowspan')+"\"</span>");
}
if($(this).attr('aria-details')) {
$(this).before("<span class=\"axSpan\" style=\"outline:green 2px solid;padding:1px;color:black;font-family:sans-serif;font-weight:bold;font-size:small;background-color:yellow;position:relative;line-height:100%;z-index:2147483647;\">aria-details=\""+$(this).attr('aria-details')+"\"</span>");
}
if($(this).attr('aria-current')) {
$(this).before("<span class=\"axSpan\" style=\"outline:green 2px solid;padding:1px;color:black;font-family:sans-serif;font-weight:bold;font-size:small;background-color:yellow;position:relative;line-height:100%;z-index:2147483647;\">aria-current=\""+$(this).attr('aria-current')+"\"</span>");
}
if($(this).attr('aria-orientation')) {
$(this).before("<span class=\"axSpan\" style=\"outline:green 2px solid;padding:1px;color:black;font-family:sans-serif;font-weight:bold;font-size:small;background-color:yellow;position:relative;line-height:100%;z-index:2147483647;\">aria-orientation=\""+$(this).attr('aria-orientation')+"\"</span>");
}
if($(this).attr('aria-valuemax')) {
$(this).before("<span class=\"axSpan\" style=\"outline:green 2px solid;padding:1px;color:black;font-family:sans-serif;font-weight:bold;font-size:small;background-color:yellow;position:relative;line-height:100%;z-index:2147483647;\">aria-valuemax=\""+$(this).attr('aria-valuemax')+"\"</span>");
}
if($(this).attr('aria-valuemin')) {
$(this).before("<span class=\"axSpan\" style=\"outline:green 2px solid;padding:1px;color:black;font-family:sans-serif;font-weight:bold;font-size:small;background-color:yellow;position:relative;line-height:100%;z-index:2147483647;\">aria-valuemin=\""+$(this).attr('aria-valuemin')+"\"</span>");
}
if($(this).attr('aria-valuenow')) {
$(this).before("<span class=\"axSpan\" style=\"outline:green 2px solid;padding:1px;color:black;font-family:sans-serif;font-weight:bold;font-size:small;background-color:yellow;position:relative;line-height:100%;z-index:2147483647;\">aria-valuenow=\""+$(this).attr('aria-valuenow')+"\"</span>");
}
if($(this).attr('aria-valuetext')) {
$(this).before("<span class=\"axSpan\" style=\"outline:green 2px solid;padding:1px;color:black;font-family:sans-serif;font-weight:bold;font-size:small;background-color:yellow;position:relative;line-height:100%;z-index:2147483647;\">aria-valuetext=\""+$(this).attr('aria-valuetext')+"\"</span>");
}
if($(this).attr('aria-expanded')) {
$(this).after("<span class=\"closeSpan\" style=\"color:black;font-weight:bold;font-family:sans-serif;font-size:small;background-color:yellow;margin:0 2px; padding:2px;speak:literal-punctuation;\">aria-expanded=\""+$(this).attr('aria-expanded')+"\"</span>");
}
if($(this).attr('aria-selected')) {
$(this).after("<span class=\"closeSpan\" style=\"color:black;font-weight:bold;font-family:sans-serif;font-size:small;background-color:yellow;margin:0 2px; padding:2px;speak:literal-punctuation;\">aria-selected=\""+$(this).attr('aria-selected')+"\"</span>");
}
if($(this).attr('aria-hidden')) {
$(this).after("<span class=\"closeSpan\" style=\"color:black;font-weight:bold;font-family:sans-serif;font-size:small;background-color:yellow;margin:0 2px; padding:2px;speak:literal-punctuation;\">❓aria-hidden=\""+$(this).attr('aria-hidden')+"\"❓</span>");
$(this).attr('style','background-color:black;opacity:0.7;');
}
if($(this).attr('aria-haspopup')) {
$(this).after("<span class=\"closeSpan\" style=\"color:black;font-weight:bold;font-family:sans-serif;font-size:small;background-color:yellow;margin:0 2px; padding:2px;speak:literal-punctuation;\">aria-haspopup=\""+$(this).attr('aria-haspopup')+"\"</span>");
}
if($(this).attr('aria-pressed')) {
$(this).after("<span class=\"closeSpan\" style=\"color:black;font-weight:bold;font-family:sans-serif;font-size:small;background-color:yellow;margin:0 2px; padding:2px;speak:literal-punctuation;\">aria-pressed=\""+$(this).attr('aria-pressed')+"\"</span>");
}
if($(this).attr('aria-checked')) {
$(this).after("<span class=\"closeSpan\" style=\"color:black;font-weight:bold;font-family:sans-serif;font-size:small;background-color:yellow;margin:0 2px; padding:2px;speak:literal-punctuation;\">aria-checked=\""+$(this).attr('aria-checked')+"\"</span>");
}
if($(this).attr('aria-level')) {
$(this).after("<span class=\"closeSpan\" style=\"color:black;font-weight:bold;font-family:sans-serif;font-size:small;background-color:yellow;margin:0 2px; padding:2px;speak:literal-punctuation;\">aria-level=\""+$(this).attr('aria-level')+"\"</span>");
}
if($(this).attr('aria-relevant')) {
$(this).before("<span class=\"closeSpan\" style=\"color:black;font-weight:bold;font-family:sans-serif;font-size:small;background-color:yellow;margin:0 2px; padding:2px;speak:literal-punctuation;\">aria-relevant=\""+$(this).attr('aria-relevant')+"\"</span>");
}
if($(this).attr('aria-describedby')) {
$(this).before("<span class=\"axSpan\" style=\"color:black;font-weight:bold;font-family:sans-serif;font-size:small;background-color:yellow;margin:0 2px; padding:2px;speak:literal-punctuation;\">aria-describedby=\""+$(this).attr('aria-describedby')+"\"</span>");
var describedbyValue = $(this).attr('aria-describedby');
var describedbyArray = describedbyValue.split(' ');
for (i = 0; i < describedbyArray.length; i++) {
var describedby = $('[id="'+describedbyArray[i]+'"]');
$(describedby).attr('style','outline:green 2px solid;');
$(describedby).prepend("<span class=\"inputSpan\" style=\"padding:1px;color:black;font-weight:bold;font-family:sans-serif;font-size:small;background-color:yellow;z-index:2147483647;speak:literal-punctuation;\">id=\""+describedbyArray[i]+"\"</span>");
}
}
if($(this).attr('aria-labelledby')) {
$(this).after("<span class=\"closeSpan\" style=\"color:black;font-weight:bold;font-family:sans-serif;font-size:small;background-color:yellow;margin:0 2px; padding:2px;speak:literal-punctuation;\">aria-labelledby=\""+$(this).attr('aria-labelledby')+"\"</span>");
var labelledbyValue = $(this).attr('aria-labelledby');
var labelledbyArray = labelledbyValue.split(' ');
for (i = 0; i < labelledbyArray.length; i++) {
$('[id="'+labelledbyArray[i]+'"]').attr('style','outline:green 2px solid;');
$('[id="'+labelledbyArray[i]+'"]').prepend("<span class=\"inputSpan\" style=\"padding:1px;color:black;font-weight:bold;font-family:sans-serif;font-size:small;background-color:yellow;z-index:2147483647;speak:literal-punctuation;\">id=\""+labelledbyArray[i]+"\"</span>");
}
}
if($(this).attr('aria-controls')) {
$(this).after("<span class=\"closeSpan\" style=\"color:black;font-weight:bold;font-family:sans-serif;font-size:small;background-color:yellow;margin:0 2px; padding:2px;speak:literal-punctuation;\">aria-controls=\""+$(this).attr('aria-controls')+"\"</span>");
var controlsValue = $(this).attr('aria-controls');
var controlsArray = controlsValue.split(' ');
for (i = 0; i < controlsArray.length; i++) {
$('[id="'+controlsArray[i]+'"]').attr('style','outline:green 2px solid;');
$('[id="'+controlsArray[i]+'"]').prepend("<span class=\"inputSpan\" style=\"padding:1px;color:black;font-weight:bold;font-family:sans-serif;font-size:small;background-color:yellow;z-index:2147483647;speak:literal-punctuation;\">id=\""+controlsArray[i]+"\"</span>");
}
}
if($(this).attr('aria-required')) {
$(this).after("<span class=\"closeSpan\" style=\"color:black;font-weight:bold;font-family:sans-serif;font-size:small;background-color:yellow;margin:0 2px; padding:2px;speak:literal-punctuation;\">⛑aria-required=\""+$(this).attr('aria-required')+"\"</span>");
}
if($(this).attr('aria-invalid')) {
$(this).after("<span class=\"closeSpan\" style=\"color:black;font-weight:bold;font-family:sans-serif;font-size:small;background-color:yellow;margin:0 2px; padding:2px;speak:literal-punctuation;\">⛔aria-invalid=\""+$(this).attr('aria-invalid')+"\"</span>");
}
});
$('[aria-describedby]').each(function(index) {
var describedbyValue = $(this).attr('aria-describedby');
var describedbyArray = describedbyValue.split(' ');
for (i = 0; i < describedbyArray.length; i++) {
var idString = "#";
idString += describedbyArray[i];
if ($(idString).length <=0 && $('[id="'+describedbyArray[i]+'"]')) {
$(this).attr('style','outline:red 2px dotted;padding:2px;');
$(this).after("<span class=\"closeSpan\" style=\"color:black;font-weight:bold;font-family:sans-serif;font-size:small;background-color:yellow;speak:literal-punctuation;\">❌NO ID MATCH</span>");
}
}
});
$('[aria-labelledby]').each(function(index) {
var labelledbyValue = $(this).attr('aria-labelledby');
var labelledbyArray = labelledbyValue.split(' ');
for (i = 0; i < labelledbyArray.length; i++) {
var idString = "#";
idString += labelledbyArray[i];
if ($(idString).length <=0 && $('[id="'+labelledbyArray[i]+'"]')) {
$(this).attr('style','outline:red 2px dotted;padding:2px;');
$(this).after("<span class=\"closeSpan\" style=\"color:black;font-weight:bold;font-family:sans-serif;font-size:small;background-color:yellow;speak:literal-punctuation;\">❌NO ID MATCH</span>");
}
}
});
if (!$(arias).length) {
$('body').prepend('<strong style="color:black;font-weight:bold;font-family:sans-serif;font-size:small;background-color:yellow;margin:0 2px; padding:2px;" id="failure" role="status"></strong>');
$('#failure').html('No ARIA Found on Page: ' + document.title);
setTimeout(function(){ $('#failure').remove(); }, 6000);
} else {
$('body').append('<div id="success" role="alert" style="position:absolute; width:0; height:0; clip: rect(0,0,0,0);"></div>');
$('#success').html('Success! ARIA Found on Page: ' + document.title);
setTimeout(function(){ $('#success').remove(); }, 3000);
}
$("script[src$='aria.js']").remove();s.remove();
}
l()
}
var s = document.createElement("script");
s.addEventListener ? s.addEventListener("load", callback, !1) : s.readyState && (s.onreadystatechange = callback), s.src = "https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js", document.body.appendChild(s);
})()