testaro 16.1.0 → 16.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/procs/sample.js +30 -0
- package/procs/visChange.js +38 -8
- package/testaro/hovInd.js +297 -0
- package/testaro/hover.js +109 -387
- package/testaro/motion.js +7 -7
- package/tests/testaro.js +1 -0
- package/validation/tests/jobs/hovInd.json +179 -0
- package/validation/tests/jobs/hover.json +89 -143
- package/validation/tests/targets/hovInd/index.html +43 -0
- package/validation/tests/targets/hover/bad.html +10 -9
- package/testaro-old/allCaps.js +0 -94
- package/testaro-old/allSlanted.js +0 -86
- package/validation/tests/targets/hover/styleBad.html +0 -35
|
@@ -0,0 +1,179 @@
|
|
|
1
|
+
{
|
|
2
|
+
"id": "hovInd",
|
|
3
|
+
"what": "validation of hovInd test",
|
|
4
|
+
"strict": true,
|
|
5
|
+
"timeLimit": 40,
|
|
6
|
+
"acts": [
|
|
7
|
+
{
|
|
8
|
+
"type": "launch",
|
|
9
|
+
"which": "chromium",
|
|
10
|
+
"what": "browser"
|
|
11
|
+
},
|
|
12
|
+
{
|
|
13
|
+
"type": "url",
|
|
14
|
+
"which": "__targets__/hovInd/index.html",
|
|
15
|
+
"what": "page with varied hover indicators"
|
|
16
|
+
},
|
|
17
|
+
{
|
|
18
|
+
"type": "test",
|
|
19
|
+
"which": "testaro",
|
|
20
|
+
"withItems": true,
|
|
21
|
+
"expect": [
|
|
22
|
+
[
|
|
23
|
+
"standardResult.totals.0",
|
|
24
|
+
"=",
|
|
25
|
+
0
|
|
26
|
+
],
|
|
27
|
+
[
|
|
28
|
+
"standardResult.totals.1",
|
|
29
|
+
"=",
|
|
30
|
+
3
|
|
31
|
+
],
|
|
32
|
+
[
|
|
33
|
+
"standardResult.totals.2",
|
|
34
|
+
"=",
|
|
35
|
+
2
|
|
36
|
+
],
|
|
37
|
+
[
|
|
38
|
+
"standardResult.totals.3",
|
|
39
|
+
"=",
|
|
40
|
+
0
|
|
41
|
+
],
|
|
42
|
+
[
|
|
43
|
+
"standardResult.instances.0.ruleID",
|
|
44
|
+
"=",
|
|
45
|
+
"hovInd"
|
|
46
|
+
],
|
|
47
|
+
[
|
|
48
|
+
"standardResult.instances.0.what",
|
|
49
|
+
"i",
|
|
50
|
+
"has a nonstandard"
|
|
51
|
+
],
|
|
52
|
+
[
|
|
53
|
+
"standardResult.instances.0.ordinalSeverity",
|
|
54
|
+
"=",
|
|
55
|
+
2
|
|
56
|
+
],
|
|
57
|
+
[
|
|
58
|
+
"standardResult.instances.0.tagName",
|
|
59
|
+
"=",
|
|
60
|
+
"A"
|
|
61
|
+
],
|
|
62
|
+
[
|
|
63
|
+
"standardResult.instances.0.id",
|
|
64
|
+
"=",
|
|
65
|
+
"trigger1"
|
|
66
|
+
],
|
|
67
|
+
[
|
|
68
|
+
"standardResult.instances.0.location.doc",
|
|
69
|
+
"=",
|
|
70
|
+
"dom"
|
|
71
|
+
],
|
|
72
|
+
[
|
|
73
|
+
"standardResult.instances.0.location.type",
|
|
74
|
+
"=",
|
|
75
|
+
"selector"
|
|
76
|
+
],
|
|
77
|
+
[
|
|
78
|
+
"standardResult.instances.0.location.spec",
|
|
79
|
+
"=",
|
|
80
|
+
"#trigger1"
|
|
81
|
+
],
|
|
82
|
+
[
|
|
83
|
+
"standardResult.instances.0.excerpt",
|
|
84
|
+
"i",
|
|
85
|
+
"Trigger 1"
|
|
86
|
+
],
|
|
87
|
+
[
|
|
88
|
+
"standardResult.instances.1.what",
|
|
89
|
+
"i",
|
|
90
|
+
"has a nonstandard"
|
|
91
|
+
],
|
|
92
|
+
[
|
|
93
|
+
"standardResult.instances.2.ruleID",
|
|
94
|
+
"=",
|
|
95
|
+
"hovInd"
|
|
96
|
+
],
|
|
97
|
+
[
|
|
98
|
+
"standardResult.instances.2.what",
|
|
99
|
+
"i",
|
|
100
|
+
"do not change"
|
|
101
|
+
],
|
|
102
|
+
[
|
|
103
|
+
"standardResult.instances.3.ruleID",
|
|
104
|
+
"=",
|
|
105
|
+
"hovInd"
|
|
106
|
+
],
|
|
107
|
+
[
|
|
108
|
+
"standardResult.instances.3.what",
|
|
109
|
+
"i",
|
|
110
|
+
"are alike"
|
|
111
|
+
],
|
|
112
|
+
[
|
|
113
|
+
"standardResult.instances.3.ordinalSeverity",
|
|
114
|
+
"=",
|
|
115
|
+
1
|
|
116
|
+
],
|
|
117
|
+
[
|
|
118
|
+
"standardResult.instances.3.tagName",
|
|
119
|
+
"=",
|
|
120
|
+
"INPUT"
|
|
121
|
+
],
|
|
122
|
+
[
|
|
123
|
+
"standardResult.instances.3.location.type",
|
|
124
|
+
"=",
|
|
125
|
+
"box"
|
|
126
|
+
],
|
|
127
|
+
[
|
|
128
|
+
"standardResult.instances.3.excerpt",
|
|
129
|
+
"i",
|
|
130
|
+
"Trigger 4: Enter"
|
|
131
|
+
],
|
|
132
|
+
[
|
|
133
|
+
"standardResult.instances.4.ruleID",
|
|
134
|
+
"=",
|
|
135
|
+
"hovInd"
|
|
136
|
+
],
|
|
137
|
+
[
|
|
138
|
+
"standardResult.instances.4.what",
|
|
139
|
+
"i",
|
|
140
|
+
"do not change"
|
|
141
|
+
],
|
|
142
|
+
[
|
|
143
|
+
"standardResult.instances.4.ordinalSeverity",
|
|
144
|
+
"=",
|
|
145
|
+
1
|
|
146
|
+
],
|
|
147
|
+
[
|
|
148
|
+
"standardResult.instances.4.tagName",
|
|
149
|
+
"=",
|
|
150
|
+
"BUTTON"
|
|
151
|
+
],
|
|
152
|
+
[
|
|
153
|
+
"standardResult.instances.4.location.spec.x",
|
|
154
|
+
">",
|
|
155
|
+
0
|
|
156
|
+
],
|
|
157
|
+
[
|
|
158
|
+
"standardResult.instances.4.excerpt",
|
|
159
|
+
"i",
|
|
160
|
+
"Trigger 5"
|
|
161
|
+
]
|
|
162
|
+
],
|
|
163
|
+
"rules": [
|
|
164
|
+
"y",
|
|
165
|
+
"hovInd"
|
|
166
|
+
],
|
|
167
|
+
"args": {
|
|
168
|
+
"hovInd": [7]
|
|
169
|
+
}
|
|
170
|
+
}
|
|
171
|
+
],
|
|
172
|
+
"sources": {
|
|
173
|
+
"script": "",
|
|
174
|
+
"host": {},
|
|
175
|
+
"requester": ""
|
|
176
|
+
},
|
|
177
|
+
"creationTime": "2013-05-28T12:00:00",
|
|
178
|
+
"timeStamp": "00000"
|
|
179
|
+
}
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
{
|
|
8
8
|
"type": "launch",
|
|
9
9
|
"which": "chromium",
|
|
10
|
-
"what": "
|
|
10
|
+
"what": "only compatible browser"
|
|
11
11
|
},
|
|
12
12
|
{
|
|
13
13
|
"type": "url",
|
|
@@ -17,7 +17,6 @@
|
|
|
17
17
|
{
|
|
18
18
|
"type": "test",
|
|
19
19
|
"which": "testaro",
|
|
20
|
-
"what": "hover",
|
|
21
20
|
"withItems": true,
|
|
22
21
|
"expect": [
|
|
23
22
|
[
|
|
@@ -52,78 +51,132 @@
|
|
|
52
51
|
{
|
|
53
52
|
"type": "test",
|
|
54
53
|
"which": "testaro",
|
|
55
|
-
"what": "hover",
|
|
56
54
|
"withItems": true,
|
|
57
55
|
"expect": [
|
|
58
56
|
[
|
|
59
57
|
"standardResult.totals.3",
|
|
60
|
-
"
|
|
61
|
-
|
|
58
|
+
">",
|
|
59
|
+
0
|
|
62
60
|
],
|
|
63
61
|
[
|
|
64
|
-
"standardResult.
|
|
62
|
+
"standardResult.instances.0.ruleID",
|
|
65
63
|
"=",
|
|
66
|
-
|
|
64
|
+
"hover"
|
|
67
65
|
],
|
|
68
66
|
[
|
|
69
|
-
"standardResult.
|
|
67
|
+
"standardResult.instances.length",
|
|
70
68
|
"=",
|
|
71
69
|
4
|
|
72
70
|
],
|
|
73
71
|
[
|
|
74
|
-
"standardResult.
|
|
72
|
+
"standardResult.instances.0.what",
|
|
73
|
+
"i",
|
|
74
|
+
"over the element"
|
|
75
|
+
],
|
|
76
|
+
[
|
|
77
|
+
"standardResult.instances.0.tagName",
|
|
75
78
|
"=",
|
|
76
|
-
|
|
79
|
+
"A"
|
|
77
80
|
],
|
|
78
81
|
[
|
|
79
|
-
"standardResult.instances.0.
|
|
82
|
+
"standardResult.instances.0.location.doc",
|
|
80
83
|
"=",
|
|
81
|
-
"
|
|
84
|
+
"dom"
|
|
82
85
|
],
|
|
83
86
|
[
|
|
84
|
-
"standardResult.instances.0.
|
|
87
|
+
"standardResult.instances.0.location.type",
|
|
88
|
+
"=",
|
|
89
|
+
"box"
|
|
90
|
+
],
|
|
91
|
+
[
|
|
92
|
+
"standardResult.instances.0.location.spec.height",
|
|
93
|
+
"<",
|
|
94
|
+
"20"
|
|
95
|
+
],
|
|
96
|
+
[
|
|
97
|
+
"standardResult.instances.0.excerpt",
|
|
85
98
|
"i",
|
|
86
|
-
"
|
|
99
|
+
"Trigger 1"
|
|
87
100
|
],
|
|
88
101
|
[
|
|
89
|
-
"standardResult.instances.
|
|
102
|
+
"standardResult.instances.2.what",
|
|
103
|
+
"i",
|
|
104
|
+
"is not hoverable"
|
|
105
|
+
],
|
|
106
|
+
[
|
|
107
|
+
"standardResult.instances.2.ordinalSeverity",
|
|
90
108
|
"=",
|
|
91
109
|
3
|
|
92
110
|
],
|
|
93
111
|
[
|
|
94
|
-
"standardResult.instances.
|
|
112
|
+
"standardResult.instances.2.tagName",
|
|
95
113
|
"=",
|
|
96
|
-
"
|
|
114
|
+
"BUTTON"
|
|
97
115
|
],
|
|
98
116
|
[
|
|
99
|
-
"standardResult.instances.
|
|
117
|
+
"standardResult.instances.2.id",
|
|
118
|
+
"=",
|
|
119
|
+
"smallButton"
|
|
120
|
+
],
|
|
121
|
+
[
|
|
122
|
+
"standardResult.instances.2.location.doc",
|
|
123
|
+
"=",
|
|
124
|
+
"dom"
|
|
125
|
+
],
|
|
126
|
+
[
|
|
127
|
+
"standardResult.instances.2.location.type",
|
|
128
|
+
"=",
|
|
129
|
+
"selector"
|
|
130
|
+
],
|
|
131
|
+
[
|
|
132
|
+
"standardResult.instances.2.location.spec",
|
|
133
|
+
"=",
|
|
134
|
+
"#smallButton"
|
|
135
|
+
],
|
|
136
|
+
[
|
|
137
|
+
"standardResult.instances.2.excerpt",
|
|
100
138
|
"i",
|
|
101
|
-
"Trigger
|
|
139
|
+
"Trigger 3"
|
|
102
140
|
],
|
|
103
141
|
[
|
|
104
142
|
"standardResult.instances.3.what",
|
|
105
143
|
"i",
|
|
106
|
-
"
|
|
144
|
+
"over the element"
|
|
107
145
|
],
|
|
108
146
|
[
|
|
109
147
|
"standardResult.instances.3.ordinalSeverity",
|
|
110
|
-
"
|
|
111
|
-
|
|
148
|
+
">",
|
|
149
|
+
-1
|
|
112
150
|
],
|
|
113
151
|
[
|
|
114
152
|
"standardResult.instances.3.tagName",
|
|
115
153
|
"=",
|
|
116
|
-
"
|
|
154
|
+
"LI"
|
|
117
155
|
],
|
|
118
156
|
[
|
|
119
157
|
"standardResult.instances.3.id",
|
|
120
158
|
"=",
|
|
121
|
-
"
|
|
159
|
+
""
|
|
160
|
+
],
|
|
161
|
+
[
|
|
162
|
+
"standardResult.instances.3.location.doc",
|
|
163
|
+
"=",
|
|
164
|
+
"dom"
|
|
165
|
+
],
|
|
166
|
+
[
|
|
167
|
+
"standardResult.instances.3.location.type",
|
|
168
|
+
"=",
|
|
169
|
+
"box"
|
|
170
|
+
],
|
|
171
|
+
[
|
|
172
|
+
"standardResult.instances.3.location.spec.x",
|
|
173
|
+
">",
|
|
174
|
+
0
|
|
122
175
|
],
|
|
123
176
|
[
|
|
124
177
|
"standardResult.instances.3.excerpt",
|
|
125
178
|
"i",
|
|
126
|
-
"Trigger
|
|
179
|
+
"item, Trigger 5"
|
|
127
180
|
]
|
|
128
181
|
],
|
|
129
182
|
"rules": [
|
|
@@ -131,39 +184,23 @@
|
|
|
131
184
|
"hover"
|
|
132
185
|
],
|
|
133
186
|
"args": {
|
|
134
|
-
"hover": [
|
|
187
|
+
"hover": [8]
|
|
135
188
|
}
|
|
136
189
|
},
|
|
137
190
|
{
|
|
138
191
|
"type": "test",
|
|
139
192
|
"which": "testaro",
|
|
140
|
-
"what": "hover",
|
|
141
193
|
"withItems": false,
|
|
142
194
|
"expect": [
|
|
143
195
|
[
|
|
144
196
|
"standardResult.totals.3",
|
|
145
|
-
"
|
|
146
|
-
|
|
147
|
-
],
|
|
148
|
-
[
|
|
149
|
-
"standardResult.totals.2",
|
|
150
|
-
"=",
|
|
151
|
-
1
|
|
152
|
-
],
|
|
153
|
-
[
|
|
154
|
-
"standardResult.totals.1",
|
|
155
|
-
"=",
|
|
156
|
-
4
|
|
157
|
-
],
|
|
158
|
-
[
|
|
159
|
-
"standardResult.totals.0",
|
|
160
|
-
"=",
|
|
161
|
-
1
|
|
197
|
+
">",
|
|
198
|
+
0
|
|
162
199
|
],
|
|
163
200
|
[
|
|
164
201
|
"standardResult.instances.length",
|
|
165
|
-
"
|
|
166
|
-
|
|
202
|
+
">",
|
|
203
|
+
0
|
|
167
204
|
],
|
|
168
205
|
[
|
|
169
206
|
"standardResult.instances.0.ruleID",
|
|
@@ -173,17 +210,17 @@
|
|
|
173
210
|
[
|
|
174
211
|
"standardResult.instances.0.what",
|
|
175
212
|
"i",
|
|
176
|
-
"
|
|
213
|
+
"over elements"
|
|
177
214
|
],
|
|
178
215
|
[
|
|
179
216
|
"standardResult.instances.0.ordinalSeverity",
|
|
180
|
-
"
|
|
181
|
-
|
|
217
|
+
">",
|
|
218
|
+
-1
|
|
182
219
|
],
|
|
183
220
|
[
|
|
184
221
|
"standardResult.instances.0.count",
|
|
185
|
-
"
|
|
186
|
-
|
|
222
|
+
">",
|
|
223
|
+
0
|
|
187
224
|
]
|
|
188
225
|
],
|
|
189
226
|
"rules": [
|
|
@@ -191,13 +228,12 @@
|
|
|
191
228
|
"hover"
|
|
192
229
|
],
|
|
193
230
|
"args": {
|
|
194
|
-
"hover": [
|
|
231
|
+
"hover": [8]
|
|
195
232
|
}
|
|
196
233
|
},
|
|
197
234
|
{
|
|
198
235
|
"type": "test",
|
|
199
236
|
"which": "testaro",
|
|
200
|
-
"what": "hover",
|
|
201
237
|
"withItems": false,
|
|
202
238
|
"expect": [
|
|
203
239
|
[
|
|
@@ -228,96 +264,6 @@
|
|
|
228
264
|
"args": {
|
|
229
265
|
"hover": [2]
|
|
230
266
|
}
|
|
231
|
-
},
|
|
232
|
-
{
|
|
233
|
-
"type": "url",
|
|
234
|
-
"which": "__targets__/hover/styleBad.html",
|
|
235
|
-
"what": "page with deviant trigger styles"
|
|
236
|
-
},
|
|
237
|
-
{
|
|
238
|
-
"type": "test",
|
|
239
|
-
"which": "testaro",
|
|
240
|
-
"what": "hover",
|
|
241
|
-
"withItems": true,
|
|
242
|
-
"expect": [
|
|
243
|
-
[
|
|
244
|
-
"standardResult.totals.1",
|
|
245
|
-
"=",
|
|
246
|
-
0
|
|
247
|
-
],
|
|
248
|
-
[
|
|
249
|
-
"standardResult.totals.2",
|
|
250
|
-
"=",
|
|
251
|
-
2
|
|
252
|
-
],
|
|
253
|
-
[
|
|
254
|
-
"standardResult.totals.3",
|
|
255
|
-
"=",
|
|
256
|
-
1
|
|
257
|
-
],
|
|
258
|
-
[
|
|
259
|
-
"standardResult.instances.0.ruleID",
|
|
260
|
-
"=",
|
|
261
|
-
"hover"
|
|
262
|
-
],
|
|
263
|
-
[
|
|
264
|
-
"standardResult.instances.0.what",
|
|
265
|
-
"i",
|
|
266
|
-
"hides"
|
|
267
|
-
],
|
|
268
|
-
[
|
|
269
|
-
"standardResult.instances.0.tagName",
|
|
270
|
-
"=",
|
|
271
|
-
"LI"
|
|
272
|
-
],
|
|
273
|
-
[
|
|
274
|
-
"standardResult.instances.0.ordinalSeverity",
|
|
275
|
-
"=",
|
|
276
|
-
3
|
|
277
|
-
],
|
|
278
|
-
[
|
|
279
|
-
"standardResult.instances.0.excerpt",
|
|
280
|
-
"i",
|
|
281
|
-
"loses its cursor"
|
|
282
|
-
],
|
|
283
|
-
[
|
|
284
|
-
"standardResult.instances.1.ruleID",
|
|
285
|
-
"=",
|
|
286
|
-
"hover"
|
|
287
|
-
],
|
|
288
|
-
[
|
|
289
|
-
"standardResult.instances.1.what",
|
|
290
|
-
"i",
|
|
291
|
-
"cursor nonstandard"
|
|
292
|
-
],
|
|
293
|
-
[
|
|
294
|
-
"standardResult.instances.1.tagName",
|
|
295
|
-
"=",
|
|
296
|
-
"A"
|
|
297
|
-
],
|
|
298
|
-
[
|
|
299
|
-
"standardResult.instances.1.id",
|
|
300
|
-
"=",
|
|
301
|
-
"trigger1"
|
|
302
|
-
],
|
|
303
|
-
[
|
|
304
|
-
"standardResult.instances.1.ordinalSeverity",
|
|
305
|
-
"=",
|
|
306
|
-
2
|
|
307
|
-
],
|
|
308
|
-
[
|
|
309
|
-
"standardResult.instances.1.excerpt",
|
|
310
|
-
"i",
|
|
311
|
-
"Trigger 1"
|
|
312
|
-
]
|
|
313
|
-
],
|
|
314
|
-
"rules": [
|
|
315
|
-
"y",
|
|
316
|
-
"hover"
|
|
317
|
-
],
|
|
318
|
-
"args": {
|
|
319
|
-
"hover": [4]
|
|
320
|
-
}
|
|
321
267
|
}
|
|
322
268
|
],
|
|
323
269
|
"sources": {
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en-US">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8">
|
|
5
|
+
<title>Page with various hover indicators</title>
|
|
6
|
+
<meta name="description" content="tester">
|
|
7
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
8
|
+
<style>
|
|
9
|
+
.ambig:hover, .ambig:focus {
|
|
10
|
+
color: blue;
|
|
11
|
+
background-color: yellow;
|
|
12
|
+
outline: 2px solid yellow
|
|
13
|
+
}
|
|
14
|
+
.cursorless {
|
|
15
|
+
cursor: none;
|
|
16
|
+
}
|
|
17
|
+
.hoverBC:hover {
|
|
18
|
+
background-color: #fff;
|
|
19
|
+
}
|
|
20
|
+
.inert, .inert:hover {
|
|
21
|
+
background-color: #def;
|
|
22
|
+
border: 2px solid blue;
|
|
23
|
+
}
|
|
24
|
+
.qCursor {
|
|
25
|
+
cursor: help;
|
|
26
|
+
}
|
|
27
|
+
</style>
|
|
28
|
+
</head>
|
|
29
|
+
<body>
|
|
30
|
+
<main>
|
|
31
|
+
<h1>Page with various hover indicators</h1>
|
|
32
|
+
<p>This <a href="https://www.w3.org/">Trigger 0</a> is plain.</p>
|
|
33
|
+
<p>Here is a link named <a id="trigger1" class="qCursor" href="https://en.wikipedia.org">Trigger 1</a>. When hovered over, it wrongly changes the cursor to a question mark.</p>
|
|
34
|
+
<p>This is a button named <button class="cursorless">Trigger 2</button>. It makes the cursor invisible when being hovered over. It also makes no change to its other styles on hover. The browser may slightly darken the background color on hover, but keeps the computed background-color style unchanged. Since the change by the browser is almost imperceptible, this test treats it as no change.</p>
|
|
35
|
+
<p>This is an input with a default type. <label>Trigger 3: Enter something <input></label></p>
|
|
36
|
+
<p>This is an email input that fails to distinguish hover from focus states. <label>Trigger 4: Enter an email address <input class="ambig" type="email"></label></p>
|
|
37
|
+
<p>This is a button named <button class="inert">Trigger 5</button>. It does not change when hovered over.</p>
|
|
38
|
+
<p>This is a button named <button class="hoverBC">Trigger 6</button>. Its background color changes when hovered over.</p>
|
|
39
|
+
<p>Trigger 1 has a bad hover cursor. Trigger 2 has no hover cursor. Trigger 4 has the same focus and hover indicator. Trigger 5 has no hover indicator.</p>
|
|
40
|
+
<p>Impact severities: bad cursor 2 (2 instances), ambiguous indicator 1 (1 instance), missing hover indicator 1 (2 instances).
|
|
41
|
+
</main>
|
|
42
|
+
</body>
|
|
43
|
+
</html>
|
|
@@ -13,28 +13,29 @@
|
|
|
13
13
|
|
|
14
14
|
<p>Triggers 1 and 2. This page contains a link named <a href="https://en.wikipedia.org" onmouseover="document.getElementById('translucent').style.opacity = 1">Trigger 1</a> and a <button type="button" onmouseover="document.getElementById('hiddenP').style.display = 'block'">Trigger 2 button</button>. Both elements can be hovered over.</p>
|
|
15
15
|
|
|
16
|
-
<p id="hiddenP" style="display: none">The Trigger 2 button, when hovered over, makes this paragraph, and therefore this <a href="https://en.wikipedia.org/wiki/Web_accessibility">link on web accessibility</a> and this <button type="button">new button</button>, visible
|
|
16
|
+
<p id="hiddenP" style="display: none">The Trigger 2 button, when hovered over, makes this paragraph, and therefore this <a href="https://en.wikipedia.org/wiki/Web_accessibility">link on web accessibility</a> and this <button type="button">new button</button>, visible.</p>
|
|
17
17
|
|
|
18
18
|
<p id="translucent" style="opacity: 0.4">The Trigger 1 link, when hovered over, changes the opacity of this paragraph from 0.4 to 1. That indirectly changes the opacity of this <span>word</span>, too.</p>
|
|
19
19
|
|
|
20
|
-
<p>The Trigger 3 button is mostly covered by a Trigger 4
|
|
20
|
+
<p>The Trigger 3 button is mostly covered by a Trigger 4 button below, preventing the Trigger 3 button from receiving a hover event.</p>
|
|
21
21
|
|
|
22
22
|
<p style="position: relative"><button id="smallButton" style="position: absolute; left: 10rem">Trigger 3</button><button style="position: absolute; left: 11rem; top: -0.5rem; font-size: x-large">Trigger 4</button></p>
|
|
23
23
|
|
|
24
24
|
<p>Hovering over Trigger 5 changes content.</p>
|
|
25
25
|
|
|
26
26
|
<ul>
|
|
27
|
-
<li onmouseover="document.getElementById('
|
|
27
|
+
<li onmouseover="document.getElementById('bottom').setAttribute('hidden', true)">This is a list item, Trigger 5.</li>
|
|
28
28
|
<li>This is another list item, Trigger 6.</li>
|
|
29
29
|
</ul>
|
|
30
30
|
|
|
31
|
-
<
|
|
31
|
+
<div id="bottom" style="background-color: #ccc">
|
|
32
32
|
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
33
|
+
<p>This division becomes invisible when you hover over Trigger 5.</p>
|
|
34
|
+
|
|
35
|
+
<p>Triggers 1, 2, and 5 have impacts. Trigger 3 is unhoverable.</p>
|
|
36
|
+
<p>The ordinal severity of trigger 3 is 3. The ordinal severities of triggers 1, 2, and 5 are not straightforwardly predictable.</p>
|
|
37
|
+
|
|
38
|
+
</div>
|
|
38
39
|
|
|
39
40
|
</main>
|
|
40
41
|
</body>
|