Skip to content

Commit 0b32d9f

Browse files
elidakirigoelidakirigo
committed
[fix] - clean build
1 parent 0c2ed01 commit 0b32d9f

4 files changed

Lines changed: 352 additions & 52 deletions

File tree

‎checka11y-warnings.css‎

Lines changed: 175 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -59,7 +59,7 @@
5959
padding-bottom: 80px;
6060
}
6161

62-
[role=button][aria-hidden=true]::after {
62+
a[aria-hidden=true]::after {
6363
display: block;
6464
font-size: 1rem;
6565
font-family: verdana, geneva, tahoma, sans-serif;
@@ -77,7 +77,7 @@
7777
background-color: var(--checka11y-bg-warning);
7878
}
7979

80-
[role=combobox][aria-hidden=true]::after {
80+
button[aria-hidden=true]::after {
8181
display: block;
8282
font-size: 1rem;
8383
font-family: verdana, geneva, tahoma, sans-serif;
@@ -95,7 +95,7 @@
9595
background-color: var(--checka11y-bg-warning);
9696
}
9797

98-
[role=link][aria-hidden=true]::after {
98+
summary[aria-hidden=true]::after {
9999
display: block;
100100
font-size: 1rem;
101101
font-family: verdana, geneva, tahoma, sans-serif;
@@ -113,7 +113,7 @@
113113
background-color: var(--checka11y-bg-warning);
114114
}
115115

116-
[role=menuitem][aria-hidden=true]::after {
116+
[role=separator][aria-valuenow][aria-hidden=true]::after {
117117
display: block;
118118
font-size: 1rem;
119119
font-family: verdana, geneva, tahoma, sans-serif;
@@ -131,7 +131,7 @@
131131
background-color: var(--checka11y-bg-warning);
132132
}
133133

134-
[role=menuitemcheckbox][aria-hidden=true]::after {
134+
[role=separator][aria-valuemin][aria-hidden=true]::after {
135135
display: block;
136136
font-size: 1rem;
137137
font-family: verdana, geneva, tahoma, sans-serif;
@@ -149,7 +149,7 @@
149149
background-color: var(--checka11y-bg-warning);
150150
}
151151

152-
[role=menuitemradio][aria-hidden=true]::after {
152+
[role=separator][aria-valuemax][aria-hidden=true]::after {
153153
display: block;
154154
font-size: 1rem;
155155
font-family: verdana, geneva, tahoma, sans-serif;
@@ -167,7 +167,77 @@
167167
background-color: var(--checka11y-bg-warning);
168168
}
169169

170-
[role=option][aria-hidden=true]::after {
170+
area[aria-hidden=true] {
171+
border: 0.4rem solid;
172+
border-color: var(--checka11y-border-warning);
173+
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="350px" height="80px" viewBox="0 0 350 80"><rect class="box" x="4" y="4" width="342" height="72" rx="12" ry="12" fill="rgba(255, 255, 216, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 255, 102, 0.999999)" /><g fill="rgba(133, 100, 4, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">WARNING (W0017): Interactive</text> <text x="15" y="60">element containing aria-hidden</text></g></svg>');
174+
background-position: bottom center;
175+
background-repeat: no-repeat;
176+
min-width: 350px;
177+
padding-bottom: 80px;
178+
}
179+
180+
audio[controls][aria-hidden=true] {
181+
border: 0.4rem solid;
182+
border-color: var(--checka11y-border-warning);
183+
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="350px" height="80px" viewBox="0 0 350 80"><rect class="box" x="4" y="4" width="342" height="72" rx="12" ry="12" fill="rgba(255, 255, 216, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 255, 102, 0.999999)" /><g fill="rgba(133, 100, 4, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">WARNING (W0017): Interactive</text> <text x="15" y="60">element containing aria-hidden</text></g></svg>');
184+
background-position: bottom center;
185+
background-repeat: no-repeat;
186+
min-width: 350px;
187+
padding-bottom: 80px;
188+
}
189+
190+
iframe[aria-hidden=true] {
191+
border: 0.4rem solid;
192+
border-color: var(--checka11y-border-warning);
193+
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="350px" height="80px" viewBox="0 0 350 80"><rect class="box" x="4" y="4" width="342" height="72" rx="12" ry="12" fill="rgba(255, 255, 216, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 255, 102, 0.999999)" /><g fill="rgba(133, 100, 4, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">WARNING (W0017): Interactive</text> <text x="15" y="60">element containing aria-hidden</text></g></svg>');
194+
background-position: bottom center;
195+
background-repeat: no-repeat;
196+
min-width: 350px;
197+
padding-bottom: 80px;
198+
}
199+
200+
input[aria-hidden=true] {
201+
border: 0.4rem solid;
202+
border-color: var(--checka11y-border-warning);
203+
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="350px" height="80px" viewBox="0 0 350 80"><rect class="box" x="4" y="4" width="342" height="72" rx="12" ry="12" fill="rgba(255, 255, 216, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 255, 102, 0.999999)" /><g fill="rgba(133, 100, 4, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">WARNING (W0017): Interactive</text> <text x="15" y="60">element containing aria-hidden</text></g></svg>');
204+
background-position: bottom center;
205+
background-repeat: no-repeat;
206+
min-width: 350px;
207+
padding-bottom: 80px;
208+
}
209+
210+
select[aria-hidden=true] {
211+
border: 0.4rem solid;
212+
border-color: var(--checka11y-border-warning);
213+
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="350px" height="80px" viewBox="0 0 350 80"><rect class="box" x="4" y="4" width="342" height="72" rx="12" ry="12" fill="rgba(255, 255, 216, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 255, 102, 0.999999)" /><g fill="rgba(133, 100, 4, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">WARNING (W0017): Interactive</text> <text x="15" y="60">element containing aria-hidden</text></g></svg>');
214+
background-position: bottom center;
215+
background-repeat: no-repeat;
216+
min-width: 350px;
217+
padding-bottom: 80px;
218+
}
219+
220+
textarea[aria-hidden=true] {
221+
border: 0.4rem solid;
222+
border-color: var(--checka11y-border-warning);
223+
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="350px" height="80px" viewBox="0 0 350 80"><rect class="box" x="4" y="4" width="342" height="72" rx="12" ry="12" fill="rgba(255, 255, 216, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 255, 102, 0.999999)" /><g fill="rgba(133, 100, 4, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">WARNING (W0017): Interactive</text> <text x="15" y="60">element containing aria-hidden</text></g></svg>');
224+
background-position: bottom center;
225+
background-repeat: no-repeat;
226+
min-width: 350px;
227+
padding-bottom: 80px;
228+
}
229+
230+
video[controls][aria-hidden=true] {
231+
border: 0.4rem solid;
232+
border-color: var(--checka11y-border-warning);
233+
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="350px" height="80px" viewBox="0 0 350 80"><rect class="box" x="4" y="4" width="342" height="72" rx="12" ry="12" fill="rgba(255, 255, 216, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 255, 102, 0.999999)" /><g fill="rgba(133, 100, 4, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">WARNING (W0017): Interactive</text> <text x="15" y="60">element containing aria-hidden</text></g></svg>');
234+
background-position: bottom center;
235+
background-repeat: no-repeat;
236+
min-width: 350px;
237+
padding-bottom: 80px;
238+
}
239+
240+
[role=button][aria-hidden=true]::after {
171241
display: block;
172242
font-size: 1rem;
173243
font-family: verdana, geneva, tahoma, sans-serif;
@@ -185,7 +255,7 @@
185255
background-color: var(--checka11y-bg-warning);
186256
}
187257

188-
[role=scrollbar][aria-hidden=true]::after {
258+
[role=combobox][aria-hidden=true]::after {
189259
display: block;
190260
font-size: 1rem;
191261
font-family: verdana, geneva, tahoma, sans-serif;
@@ -203,7 +273,7 @@
203273
background-color: var(--checka11y-bg-warning);
204274
}
205275

206-
[role=searchbox][aria-hidden=true]::after {
276+
[role=link][aria-hidden=true]::after {
207277
display: block;
208278
font-size: 1rem;
209279
font-family: verdana, geneva, tahoma, sans-serif;
@@ -221,7 +291,7 @@
221291
background-color: var(--checka11y-bg-warning);
222292
}
223293

224-
[role=slider][aria-hidden=true]::after {
294+
[role=menuitem][aria-hidden=true]::after {
225295
display: block;
226296
font-size: 1rem;
227297
font-family: verdana, geneva, tahoma, sans-serif;
@@ -239,7 +309,7 @@
239309
background-color: var(--checka11y-bg-warning);
240310
}
241311

242-
[role=spinbutton][aria-hidden=true]::after {
312+
[role=menuitemcheckbox][aria-hidden=true]::after {
243313
display: block;
244314
font-size: 1rem;
245315
font-family: verdana, geneva, tahoma, sans-serif;
@@ -257,7 +327,7 @@
257327
background-color: var(--checka11y-bg-warning);
258328
}
259329

260-
[role=switch][aria-hidden=true]::after {
330+
[role=menuitemradio][aria-hidden=true]::after {
261331
display: block;
262332
font-size: 1rem;
263333
font-family: verdana, geneva, tahoma, sans-serif;
@@ -275,7 +345,7 @@
275345
background-color: var(--checka11y-bg-warning);
276346
}
277347

278-
[role=tab][aria-hidden=true]::after {
348+
[role=option][aria-hidden=true]::after {
279349
display: block;
280350
font-size: 1rem;
281351
font-family: verdana, geneva, tahoma, sans-serif;
@@ -293,7 +363,7 @@
293363
background-color: var(--checka11y-bg-warning);
294364
}
295365

296-
[role=radio][aria-hidden=true]::after {
366+
[role=scrollbar][aria-hidden=true]::after {
297367
display: block;
298368
font-size: 1rem;
299369
font-family: verdana, geneva, tahoma, sans-serif;
@@ -311,7 +381,7 @@
311381
background-color: var(--checka11y-bg-warning);
312382
}
313383

314-
[role=textbox][aria-hidden=true]::after {
384+
[role=searchbox][aria-hidden=true]::after {
315385
display: block;
316386
font-size: 1rem;
317387
font-family: verdana, geneva, tahoma, sans-serif;
@@ -329,7 +399,7 @@
329399
background-color: var(--checka11y-bg-warning);
330400
}
331401

332-
[role=treeitem][aria-hidden=true]::after {
402+
[role=slider][aria-hidden=true]::after {
333403
display: block;
334404
font-size: 1rem;
335405
font-family: verdana, geneva, tahoma, sans-serif;
@@ -347,7 +417,7 @@
347417
background-color: var(--checka11y-bg-warning);
348418
}
349419

350-
a[aria-hidden=true]::after, button[aria-hidden=true]::after, summary[aria-hidden=true]::after, [role=separator][aria-valuenow][aria-hidden=true]::after, [role=separator][aria-valuemin][aria-hidden=true]::after, [role=separator][aria-valuemax][aria-hidden=true]::after {
420+
[role=spinbutton][aria-hidden=true]::after {
351421
display: block;
352422
font-size: 1rem;
353423
font-family: verdana, geneva, tahoma, sans-serif;
@@ -365,14 +435,94 @@ a[aria-hidden=true]::after, button[aria-hidden=true]::after, summary[aria-hidden
365435
background-color: var(--checka11y-bg-warning);
366436
}
367437

368-
area[aria-hidden=true], audio[controls][aria-hidden=true], iframe[aria-hidden=true], input[aria-hidden=true], select[aria-hidden=true], textarea[aria-hidden=true], video[controls][aria-hidden=true] {
369-
border: 0.4rem solid;
370-
border-color: var(--checka11y-border-warning);
371-
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="350px" height="80px" viewBox="0 0 350 80"><rect class="box" x="4" y="4" width="342" height="72" rx="12" ry="12" fill="rgba(255, 255, 216, 0.999999)" stroke-width="0.4rem" stroke="rgba(255, 255, 102, 0.999999)" /><g fill="rgba(133, 100, 4, 0.999999)" font-size="1rem" font-weight="700" font-family="verdana, geneva, tahoma, sans-serif" font-style="initial" letter-spacing="initial" text-decoration="none" text-transform="initial" text-shadow="none"><text x="15" y="35">WARNING (W0017): Interactive</text> <text x="15" y="60">element containing aria-hidden</text></g></svg>');
372-
background-position: bottom center;
373-
background-repeat: no-repeat;
374-
min-width: 350px;
375-
padding-bottom: 80px;
438+
[role=switch][aria-hidden=true]::after {
439+
display: block;
440+
font-size: 1rem;
441+
font-family: verdana, geneva, tahoma, sans-serif;
442+
font-weight: 700;
443+
font-style: initial;
444+
padding: var(--checka11y-space-4) var(--checka11y-space-6);
445+
border-radius: 0.75rem;
446+
letter-spacing: initial;
447+
text-decoration: none;
448+
text-transform: initial;
449+
text-shadow: none;
450+
content: "WARNING (W0017): Interactive element containing aria-hidden" !important;
451+
color: var(--checka11y-text-warning);
452+
border: 0.4rem solid var(--checka11y-border-warning);
453+
background-color: var(--checka11y-bg-warning);
454+
}
455+
456+
[role=tab][aria-hidden=true]::after {
457+
display: block;
458+
font-size: 1rem;
459+
font-family: verdana, geneva, tahoma, sans-serif;
460+
font-weight: 700;
461+
font-style: initial;
462+
padding: var(--checka11y-space-4) var(--checka11y-space-6);
463+
border-radius: 0.75rem;
464+
letter-spacing: initial;
465+
text-decoration: none;
466+
text-transform: initial;
467+
text-shadow: none;
468+
content: "WARNING (W0017): Interactive element containing aria-hidden" !important;
469+
color: var(--checka11y-text-warning);
470+
border: 0.4rem solid var(--checka11y-border-warning);
471+
background-color: var(--checka11y-bg-warning);
472+
}
473+
474+
[role=radio][aria-hidden=true]::after {
475+
display: block;
476+
font-size: 1rem;
477+
font-family: verdana, geneva, tahoma, sans-serif;
478+
font-weight: 700;
479+
font-style: initial;
480+
padding: var(--checka11y-space-4) var(--checka11y-space-6);
481+
border-radius: 0.75rem;
482+
letter-spacing: initial;
483+
text-decoration: none;
484+
text-transform: initial;
485+
text-shadow: none;
486+
content: "WARNING (W0017): Interactive element containing aria-hidden" !important;
487+
color: var(--checka11y-text-warning);
488+
border: 0.4rem solid var(--checka11y-border-warning);
489+
background-color: var(--checka11y-bg-warning);
490+
}
491+
492+
[role=textbox][aria-hidden=true]::after {
493+
display: block;
494+
font-size: 1rem;
495+
font-family: verdana, geneva, tahoma, sans-serif;
496+
font-weight: 700;
497+
font-style: initial;
498+
padding: var(--checka11y-space-4) var(--checka11y-space-6);
499+
border-radius: 0.75rem;
500+
letter-spacing: initial;
501+
text-decoration: none;
502+
text-transform: initial;
503+
text-shadow: none;
504+
content: "WARNING (W0017): Interactive element containing aria-hidden" !important;
505+
color: var(--checka11y-text-warning);
506+
border: 0.4rem solid var(--checka11y-border-warning);
507+
background-color: var(--checka11y-bg-warning);
508+
}
509+
510+
[role=treeitem][aria-hidden=true]::after {
511+
display: block;
512+
font-size: 1rem;
513+
font-family: verdana, geneva, tahoma, sans-serif;
514+
font-weight: 700;
515+
font-style: initial;
516+
padding: var(--checka11y-space-4) var(--checka11y-space-6);
517+
border-radius: 0.75rem;
518+
letter-spacing: initial;
519+
text-decoration: none;
520+
text-transform: initial;
521+
text-shadow: none;
522+
content: "WARNING (W0017): Interactive element containing aria-hidden" !important;
523+
color: var(--checka11y-text-warning);
524+
border: 0.4rem solid var(--checka11y-border-warning);
525+
background-color: var(--checka11y-bg-warning);
376526
}
377527

378528
[autoplay] {

0 commit comments

Comments
 (0)