From f3a32f17a6b9a4f99392bf5bd070f294112f6eb1 Mon Sep 17 00:00:00 2001 From: Jon Gunderson Date: Sun, 19 May 2024 17:53:51 -0500 Subject: [PATCH 1/8] added forced-colors to coverage report --- aria-practices | 1 + .../coverage-and-quality-report.html | 60 ++++++++++++++++++- scripts/coverage-report.js | 10 +++- scripts/coverage-report.template | 11 +++- 4 files changed, 75 insertions(+), 7 deletions(-) create mode 160000 aria-practices diff --git a/aria-practices b/aria-practices new file mode 160000 index 0000000000..e21ef7f7a3 --- /dev/null +++ b/aria-practices @@ -0,0 +1 @@ +Subproject commit e21ef7f7a3e33457df43b50c820abd9a2ac89442 diff --git a/content/about/coverage-and-quality/coverage-and-quality-report.html b/content/about/coverage-and-quality/coverage-and-quality-report.html index f1b521862a..2971ea17f0 100644 --- a/content/about/coverage-and-quality/coverage-and-quality-report.html +++ b/content/about/coverage-and-quality/coverage-and-quality-report.html @@ -1283,8 +1283,12 @@

Coding Summary

34 - Uses forced-color-adjust on SVG - 13 + Uses forced-colors in CSS + 2 + + + Uses forced-color-adjust in CSS/SVG + 13 Uses event.KeyCode @@ -2121,7 +2125,8 @@

Graphics Techniques

SVG in HTML SVG in CSS SVG in JS - forced-color-adjust + forced-colors in CSS + forced-color-adjust in CSS/SVG CSS ::before CSS ::after CSS content @@ -2137,6 +2142,7 @@

Graphics Techniques

+ Breadcrumb @@ -2144,6 +2150,7 @@

Graphics Techniques

+ Yes Yes @@ -2154,6 +2161,7 @@

Graphics Techniques

Yes + Yes Yes @@ -2164,6 +2172,7 @@

Graphics Techniques

Yes + Yes Yes @@ -2177,6 +2186,7 @@

Graphics Techniques

+ Auto-Rotating Image Carousel with Tabs for Slide Control @@ -2187,12 +2197,14 @@

Graphics Techniques

+ Checkbox (Mixed-State) Yes + Yes @@ -2203,6 +2215,7 @@

Graphics Techniques

Yes + Yes @@ -2217,6 +2230,7 @@

Graphics Techniques

+ Editable Combobox With List Autocomplete @@ -2227,6 +2241,7 @@

Graphics Techniques

+ Editable Combobox without Autocomplete @@ -2237,6 +2252,7 @@

Graphics Techniques

+ Date Picker Combobox @@ -2246,6 +2262,7 @@

Graphics Techniques

+ Yes @@ -2255,6 +2272,7 @@

Graphics Techniques

+ Yes Yes @@ -2266,6 +2284,7 @@

Graphics Techniques

+ Yes @@ -2273,6 +2292,7 @@

Graphics Techniques

Yes + Yes @@ -2283,6 +2303,7 @@

Graphics Techniques

Yes + Yes @@ -2295,6 +2316,7 @@

Graphics Techniques

+ Yes Yes @@ -2305,6 +2327,7 @@

Graphics Techniques

+ Yes Yes @@ -2313,6 +2336,7 @@

Graphics Techniques

Yes Yes + Yes @@ -2325,6 +2349,7 @@

Graphics Techniques

+ Yes Yes @@ -2335,6 +2360,7 @@

Graphics Techniques

+ Yes Yes @@ -2344,6 +2370,7 @@

Graphics Techniques

+ Yes Yes Yes @@ -2354,6 +2381,7 @@

Graphics Techniques

Yes + Yes Yes @@ -2364,6 +2392,7 @@

Graphics Techniques

+ Yes Yes Yes @@ -2374,6 +2403,7 @@

Graphics Techniques

+ Yes Yes Yes @@ -2384,6 +2414,7 @@

Graphics Techniques

+ Yes Yes Yes @@ -2394,6 +2425,7 @@

Graphics Techniques

+ Yes Yes Yes @@ -2407,6 +2439,7 @@

Graphics Techniques

+ Actions Menu Button Using element.focus() @@ -2417,6 +2450,7 @@

Graphics Techniques

+ Navigation Menu Button @@ -2427,6 +2461,7 @@

Graphics Techniques

+ Editor Menubar @@ -2436,6 +2471,7 @@

Graphics Techniques

+ Yes @@ -2447,6 +2483,7 @@

Graphics Techniques

+ Meter @@ -2457,12 +2494,14 @@

Graphics Techniques

+ Radio Group Using aria-activedescendant Yes + Yes @@ -2473,6 +2512,7 @@

Graphics Techniques

Yes Yes + Yes @@ -2483,6 +2523,7 @@

Graphics Techniques

Yes + Yes @@ -2493,6 +2534,7 @@

Graphics Techniques

Yes Yes Yes + Yes @@ -2503,6 +2545,7 @@

Graphics Techniques

Yes Yes Yes + Yes @@ -2514,6 +2557,7 @@

Graphics Techniques

Yes Yes Yes + Yes @@ -2523,6 +2567,7 @@

Graphics Techniques

Yes Yes Yes + Yes @@ -2533,6 +2578,7 @@

Graphics Techniques

Yes Yes Yes + Yes @@ -2547,12 +2593,14 @@

Graphics Techniques

+ Switch Using HTML Button Yes Yes Yes + Yes @@ -2565,6 +2613,7 @@

Graphics Techniques

+ Yes Yes @@ -2574,6 +2623,7 @@

Graphics Techniques

Yes + Yes Yes Yes @@ -2584,6 +2634,7 @@

Graphics Techniques

Yes + Yes Yes @@ -2594,6 +2645,7 @@

Graphics Techniques

+ Yes Yes @@ -2604,6 +2656,7 @@

Graphics Techniques

+ Yes Yes @@ -2617,6 +2670,7 @@

Graphics Techniques

+ diff --git a/scripts/coverage-report.js b/scripts/coverage-report.js index 305d77de83..416491a1ed 100644 --- a/scripts/coverage-report.js +++ b/scripts/coverage-report.js @@ -522,6 +522,7 @@ glob beforeCSS: getNumberOfReferences(dataCSS, '::before'), afterCSS: getNumberOfReferences(dataCSS, '::after'), forcedColorAdjust: getNumberOfReferences(dataCSS, 'forced-color-adjust'), + forcedColors: getNumberOfReferences(dataCSS, 'forced-colors'), svgJS: getNumberOfReferences(dataJS, 'svg', true), classJS: getNumberOfReferences(dataJS, 'constructor\\('), @@ -1009,6 +1010,7 @@ let IndexOfExampleGraphics = indexOfExamples.reduce(function (set, example) { count += example.svgCSS; count += example.svgJS; count += example.forcedColorAdjust; + count += example.forcedColors; count += example.beforeCSS; count += example.afterCSS; count += example.contentCSS; @@ -1022,6 +1024,7 @@ let IndexOfExampleGraphics = indexOfExamples.reduce(function (set, example) { ${htmlYesOrNo(example.svgHTML)} ${htmlYesOrNo(example.svgCSS)} ${htmlYesOrNo(example.svgJS)} + ${htmlYesOrNo(example.forcedColors)} ${htmlYesOrNo(example.forcedColorAdjust)} ${htmlYesOrNo(example.beforeCSS)} ${htmlYesOrNo(example.afterCSS)} @@ -1118,6 +1121,10 @@ let countForcedColorAdjust = indexOfExamples.reduce(function (set, example) { return set + (example.forcedColorAdjust ? 1 : 0); }, 0); +let countForcedColors = indexOfExamples.reduce(function (set, example) { + return set + (example.forcedColors ? 1 : 0); +}, 0); + $('#example_coding_practices_tbody').html(IndexOfExampleCodingPractices); $('#example_graphics_techniques_tbody').html(IndexOfExampleGraphics); $('#example_mouse_pointer_tbody').html(IndexOfExampleMousePointer); @@ -1125,7 +1132,8 @@ $('#example_mouse_pointer_tbody').html(IndexOfExampleMousePointer); $('#example_summary_total').html(indexOfExamples.length); $('#example_summary_hc').html(countHighContrast); $('#example_summary_svg').html(countSVG); -$('#example_summary_force_color').html(countForcedColorAdjust); +$('#example_summary_force_colors').html(countForcedColors); +$('#example_summary_force_color_adjust').html(countForcedColorAdjust); $('#example_summary_keycode').html(countKeyCode); $('#example_summary_which').html(countWhich); $('#example_summary_class').html(countClass); diff --git a/scripts/coverage-report.template b/scripts/coverage-report.template index b57db9b3d7..db778c8a19 100644 --- a/scripts/coverage-report.template +++ b/scripts/coverage-report.template @@ -168,8 +168,12 @@ - Uses forced-color-adjust on SVG - + Uses forced-colors in CSS + + + + Uses forced-color-adjust in CSS/SVG + Uses event.KeyCode @@ -227,7 +231,8 @@ SVG in HTML SVG in CSS SVG in JS - forced-color-adjust + forced-colors in CSS + forced-color-adjust in CSS/SVG CSS ::before CSS ::after CSS content From 7addc78b7bbcbe1594fffa917ce7edc740bf4d5c Mon Sep 17 00:00:00 2001 From: Jon Gunderson Date: Mon, 20 May 2024 12:46:58 -0500 Subject: [PATCH 2/8] updated report to remove forced-color-adjust and added currentcolor value --- .../coverage-and-quality-report.html | 59 ++++++++++++------- scripts/coverage-report.js | 17 ++++-- scripts/coverage-report.template | 12 +++- 3 files changed, 60 insertions(+), 28 deletions(-) diff --git a/content/about/coverage-and-quality/coverage-and-quality-report.html b/content/about/coverage-and-quality/coverage-and-quality-report.html index 2971ea17f0..e32e9c8882 100644 --- a/content/about/coverage-and-quality/coverage-and-quality-report.html +++ b/content/about/coverage-and-quality/coverage-and-quality-report.html @@ -1283,13 +1283,19 @@

Coding Summary

34 - Uses forced-colors in CSS + Uses forced-colors media query 2 + + Uses currentColor value + 27 + + Uses event.KeyCode 16 @@ -2125,14 +2131,25 @@

Graphics Techniques

SVG in HTML SVG in CSS SVG in JS - forced-colors in CSS - forced-color-adjust in CSS/SVG + forced-colors media query + currentColor value CSS ::before CSS ::after CSS content + + Accordion + + + + + Yes + + + + Alert Dialog Yes @@ -2150,7 +2167,7 @@

Graphics Techniques

- + Yes Yes Yes @@ -2227,7 +2244,7 @@

Graphics Techniques

Yes - + Yes @@ -2238,7 +2255,7 @@

Graphics Techniques

Yes - + Yes @@ -2249,7 +2266,7 @@

Graphics Techniques

Yes - + Yes @@ -2337,7 +2354,7 @@

Graphics Techniques

Yes Yes Yes - + Yes Yes @@ -2392,7 +2409,7 @@

Graphics Techniques

- + Yes Yes Yes Yes @@ -2403,7 +2420,7 @@

Graphics Techniques

- + Yes Yes Yes Yes @@ -2414,7 +2431,7 @@

Graphics Techniques

- + Yes Yes Yes Yes @@ -2425,7 +2442,7 @@

Graphics Techniques

- + Yes Yes Yes Yes @@ -2436,7 +2453,7 @@

Graphics Techniques

Yes - + Yes @@ -2447,7 +2464,7 @@

Graphics Techniques

Yes - + Yes @@ -2458,7 +2475,7 @@

Graphics Techniques

Yes - + Yes @@ -2480,7 +2497,7 @@

Graphics Techniques

Yes Yes - + Yes @@ -2502,7 +2519,7 @@

Graphics Techniques

Yes - Yes + Yes @@ -2524,7 +2541,7 @@

Graphics Techniques

Yes - Yes + Yes @@ -2612,7 +2629,7 @@

Graphics Techniques

- + Yes Yes Yes @@ -2667,7 +2684,7 @@

Graphics Techniques

Yes - + Yes diff --git a/scripts/coverage-report.js b/scripts/coverage-report.js index 416491a1ed..6848d74bf6 100644 --- a/scripts/coverage-report.js +++ b/scripts/coverage-report.js @@ -521,8 +521,9 @@ glob contentCSS: getNumberOfReferences(dataCSS, 'content'), beforeCSS: getNumberOfReferences(dataCSS, '::before'), afterCSS: getNumberOfReferences(dataCSS, '::after'), - forcedColorAdjust: getNumberOfReferences(dataCSS, 'forced-color-adjust'), + // forcedColorAdjust: getNumberOfReferences(dataCSS, 'forced-color-adjust'), forcedColors: getNumberOfReferences(dataCSS, 'forced-colors'), + currentColor: getNumberOfReferences(dataCSS, 'currentColor', true), svgJS: getNumberOfReferences(dataJS, 'svg', true), classJS: getNumberOfReferences(dataJS, 'constructor\\('), @@ -1009,8 +1010,9 @@ let IndexOfExampleGraphics = indexOfExamples.reduce(function (set, example) { let count = example.svgHTML; count += example.svgCSS; count += example.svgJS; - count += example.forcedColorAdjust; + // count += example.forcedColorAdjust; count += example.forcedColors; + count += example.currentColor; count += example.beforeCSS; count += example.afterCSS; count += example.contentCSS; @@ -1025,7 +1027,7 @@ let IndexOfExampleGraphics = indexOfExamples.reduce(function (set, example) { ${htmlYesOrNo(example.svgCSS)} ${htmlYesOrNo(example.svgJS)} ${htmlYesOrNo(example.forcedColors)} - ${htmlYesOrNo(example.forcedColorAdjust)} + ${htmlYesOrNo(example.currentColor)} ${htmlYesOrNo(example.beforeCSS)} ${htmlYesOrNo(example.afterCSS)} ${htmlYesOrNo(example.contentCSS)} @@ -1117,14 +1119,20 @@ let countPointer = indexOfExamples.reduce(function (set, example) { return set + (count ? 1 : 0); }, 0); +/* let countForcedColorAdjust = indexOfExamples.reduce(function (set, example) { return set + (example.forcedColorAdjust ? 1 : 0); }, 0); +*/ let countForcedColors = indexOfExamples.reduce(function (set, example) { return set + (example.forcedColors ? 1 : 0); }, 0); +let countCurrentColor = indexOfExamples.reduce(function (set, example) { + return set + (example.currentColor ? 1 : 0); +}, 0); + $('#example_coding_practices_tbody').html(IndexOfExampleCodingPractices); $('#example_graphics_techniques_tbody').html(IndexOfExampleGraphics); $('#example_mouse_pointer_tbody').html(IndexOfExampleMousePointer); @@ -1133,7 +1141,8 @@ $('#example_summary_total').html(indexOfExamples.length); $('#example_summary_hc').html(countHighContrast); $('#example_summary_svg').html(countSVG); $('#example_summary_force_colors').html(countForcedColors); -$('#example_summary_force_color_adjust').html(countForcedColorAdjust); +$('#example_summary_current_color').html(countCurrentColor); +// $('#example_summary_force_color_adjust').html(countForcedColorAdjust); $('#example_summary_keycode').html(countKeyCode); $('#example_summary_which').html(countWhich); $('#example_summary_class').html(countClass); diff --git a/scripts/coverage-report.template b/scripts/coverage-report.template index db778c8a19..ec92ce4b45 100644 --- a/scripts/coverage-report.template +++ b/scripts/coverage-report.template @@ -168,13 +168,19 @@ - Uses forced-colors in CSS + Uses forced-colors media query + + Uses currentColor value + + + Uses event.KeyCode @@ -231,8 +237,8 @@ SVG in HTML SVG in CSS SVG in JS - forced-colors in CSS - forced-color-adjust in CSS/SVG + forced-colors media query + currentColor value CSS ::before CSS ::after CSS content From 5d1541ed28cce63d6128f71fd7362078c95e892b Mon Sep 17 00:00:00 2001 From: Jon Gunderson Date: Tue, 4 Jun 2024 13:20:55 -0500 Subject: [PATCH 3/8] removed empty directory --- aria-practices | 1 - 1 file changed, 1 deletion(-) delete mode 160000 aria-practices diff --git a/aria-practices b/aria-practices deleted file mode 160000 index e21ef7f7a3..0000000000 --- a/aria-practices +++ /dev/null @@ -1 +0,0 @@ -Subproject commit e21ef7f7a3e33457df43b50c820abd9a2ac89442 From d81d1fa562a43933c2cfc7d20bb14e282d860581 Mon Sep 17 00:00:00 2001 From: Jon Gunderson Date: Tue, 18 Jun 2024 13:17:38 -0500 Subject: [PATCH 4/8] removed commented content --- scripts/coverage-report.js | 4 ---- 1 file changed, 4 deletions(-) diff --git a/scripts/coverage-report.js b/scripts/coverage-report.js index 6848d74bf6..feafc8d560 100644 --- a/scripts/coverage-report.js +++ b/scripts/coverage-report.js @@ -521,7 +521,6 @@ glob contentCSS: getNumberOfReferences(dataCSS, 'content'), beforeCSS: getNumberOfReferences(dataCSS, '::before'), afterCSS: getNumberOfReferences(dataCSS, '::after'), - // forcedColorAdjust: getNumberOfReferences(dataCSS, 'forced-color-adjust'), forcedColors: getNumberOfReferences(dataCSS, 'forced-colors'), currentColor: getNumberOfReferences(dataCSS, 'currentColor', true), @@ -764,7 +763,6 @@ function getListItem(item) { } function getListHTML(list) { - // let html = '-'; let html = ''; if (list.length === 1) { @@ -1010,7 +1008,6 @@ let IndexOfExampleGraphics = indexOfExamples.reduce(function (set, example) { let count = example.svgHTML; count += example.svgCSS; count += example.svgJS; - // count += example.forcedColorAdjust; count += example.forcedColors; count += example.currentColor; count += example.beforeCSS; @@ -1142,7 +1139,6 @@ $('#example_summary_hc').html(countHighContrast); $('#example_summary_svg').html(countSVG); $('#example_summary_force_colors').html(countForcedColors); $('#example_summary_current_color').html(countCurrentColor); -// $('#example_summary_force_color_adjust').html(countForcedColorAdjust); $('#example_summary_keycode').html(countKeyCode); $('#example_summary_which').html(countWhich); $('#example_summary_class').html(countClass); From ffeb8634b192ffc88662a0232d62fab9740f4c48 Mon Sep 17 00:00:00 2001 From: Jon Gunderson Date: Tue, 18 Jun 2024 13:30:56 -0500 Subject: [PATCH 5/8] removed CSS :before and :after column, not really an issue in coding --- scripts/coverage-report.js | 6 ------ scripts/coverage-report.template | 2 -- 2 files changed, 8 deletions(-) diff --git a/scripts/coverage-report.js b/scripts/coverage-report.js index feafc8d560..3ad7741080 100644 --- a/scripts/coverage-report.js +++ b/scripts/coverage-report.js @@ -519,8 +519,6 @@ glob svgHTML: html.querySelectorAll('svg').length, svgCSS: getNumberOfReferences(dataCSS, 'svg', true), contentCSS: getNumberOfReferences(dataCSS, 'content'), - beforeCSS: getNumberOfReferences(dataCSS, '::before'), - afterCSS: getNumberOfReferences(dataCSS, '::after'), forcedColors: getNumberOfReferences(dataCSS, 'forced-colors'), currentColor: getNumberOfReferences(dataCSS, 'currentColor', true), @@ -1010,8 +1008,6 @@ let IndexOfExampleGraphics = indexOfExamples.reduce(function (set, example) { count += example.svgJS; count += example.forcedColors; count += example.currentColor; - count += example.beforeCSS; - count += example.afterCSS; count += example.contentCSS; if (count === 0) { @@ -1025,8 +1021,6 @@ let IndexOfExampleGraphics = indexOfExamples.reduce(function (set, example) { ${htmlYesOrNo(example.svgJS)} ${htmlYesOrNo(example.forcedColors)} ${htmlYesOrNo(example.currentColor)} - ${htmlYesOrNo(example.beforeCSS)} - ${htmlYesOrNo(example.afterCSS)} ${htmlYesOrNo(example.contentCSS)} `; }, ''); diff --git a/scripts/coverage-report.template b/scripts/coverage-report.template index ec92ce4b45..d5ec669a5b 100644 --- a/scripts/coverage-report.template +++ b/scripts/coverage-report.template @@ -239,8 +239,6 @@ SVG in JS forced-colors media query currentColor value - CSS ::before - CSS ::after CSS content From 262b0f36aa26e7aba811e7afbcf18bd30610fe1c Mon Sep 17 00:00:00 2001 From: Jon Gunderson Date: Tue, 18 Jun 2024 13:35:30 -0500 Subject: [PATCH 6/8] removed CSS content column, not really an issue in coding --- scripts/coverage-report.js | 3 --- scripts/coverage-report.template | 1 - 2 files changed, 4 deletions(-) diff --git a/scripts/coverage-report.js b/scripts/coverage-report.js index 3ad7741080..b09ce9d662 100644 --- a/scripts/coverage-report.js +++ b/scripts/coverage-report.js @@ -518,7 +518,6 @@ glob highContrast: data.toLowerCase().indexOf('high contrast') > 0, svgHTML: html.querySelectorAll('svg').length, svgCSS: getNumberOfReferences(dataCSS, 'svg', true), - contentCSS: getNumberOfReferences(dataCSS, 'content'), forcedColors: getNumberOfReferences(dataCSS, 'forced-colors'), currentColor: getNumberOfReferences(dataCSS, 'currentColor', true), @@ -1008,7 +1007,6 @@ let IndexOfExampleGraphics = indexOfExamples.reduce(function (set, example) { count += example.svgJS; count += example.forcedColors; count += example.currentColor; - count += example.contentCSS; if (count === 0) { return `${set}`; @@ -1021,7 +1019,6 @@ let IndexOfExampleGraphics = indexOfExamples.reduce(function (set, example) { ${htmlYesOrNo(example.svgJS)} ${htmlYesOrNo(example.forcedColors)} ${htmlYesOrNo(example.currentColor)} - ${htmlYesOrNo(example.contentCSS)} `; }, ''); diff --git a/scripts/coverage-report.template b/scripts/coverage-report.template index d5ec669a5b..9d846a0229 100644 --- a/scripts/coverage-report.template +++ b/scripts/coverage-report.template @@ -239,7 +239,6 @@ SVG in JS forced-colors media query currentColor value - CSS content From 941436e36d5ca4656418e7b8bec3dcc3ff073b5d Mon Sep 17 00:00:00 2001 From: Jon Gunderson Date: Tue, 18 Jun 2024 13:38:14 -0500 Subject: [PATCH 7/8] updated heading to use SVG and High Contrast Techniques instead of graphics techniques --- scripts/coverage-report.template | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/scripts/coverage-report.template b/scripts/coverage-report.template index 9d846a0229..b4b21ff839 100644 --- a/scripts/coverage-report.template +++ b/scripts/coverage-report.template @@ -229,7 +229,7 @@ -

Graphics Techniques

+

SVG and High Contrast Techniques

From af7eef1831f31d56543748b510d89b3ed4ab6afb Mon Sep 17 00:00:00 2001 From: Matt King Date: Mon, 22 Jul 2024 22:59:38 -0700 Subject: [PATCH 8/8] Update coverage report --- .../coverage-and-quality-report.html | 227 +----------------- 1 file changed, 1 insertion(+), 226 deletions(-) diff --git a/content/about/coverage-and-quality/coverage-and-quality-report.html b/content/about/coverage-and-quality/coverage-and-quality-report.html index 4f027a6b34..80325c249d 100644 --- a/content/about/coverage-and-quality/coverage-and-quality-report.html +++ b/content/about/coverage-and-quality/coverage-and-quality-report.html @@ -2123,7 +2123,7 @@

Coding Practices

-

Graphics Techniques

+

SVG and High Contrast Techniques

@@ -2133,9 +2133,6 @@

Graphics Techniques

- - - @@ -2146,9 +2143,6 @@

Graphics Techniques

- - - @@ -2157,9 +2151,6 @@

Graphics Techniques

- - - @@ -2168,9 +2159,6 @@

Graphics Techniques

- - - @@ -2179,9 +2167,6 @@

Graphics Techniques

- - - @@ -2190,9 +2175,6 @@

Graphics Techniques

- - - @@ -2201,9 +2183,6 @@

Graphics Techniques

- - - @@ -2212,9 +2191,6 @@

Graphics Techniques

- - - @@ -2223,9 +2199,6 @@

Graphics Techniques

- - - @@ -2234,9 +2207,6 @@

Graphics Techniques

- - - @@ -2245,9 +2215,6 @@

Graphics Techniques

- - - @@ -2256,9 +2223,6 @@

Graphics Techniques

- - - @@ -2267,9 +2231,6 @@

Graphics Techniques

- - - @@ -2278,31 +2239,6 @@

Graphics Techniques

- - - - - - - - - - - - - - - - - - - - - - - - - @@ -2311,9 +2247,6 @@

Graphics Techniques

- - - @@ -2322,31 +2255,6 @@

Graphics Techniques

- - - - - - - - - - - - - - - - - - - - - - - - - @@ -2355,42 +2263,6 @@

Graphics Techniques

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - @@ -2399,9 +2271,6 @@

Graphics Techniques

- - - @@ -2410,9 +2279,6 @@

Graphics Techniques

- - - @@ -2421,9 +2287,6 @@

Graphics Techniques

- - - @@ -2432,9 +2295,6 @@

Graphics Techniques

- - - @@ -2443,9 +2303,6 @@

Graphics Techniques

- - - @@ -2454,9 +2311,6 @@

Graphics Techniques

- - - @@ -2465,9 +2319,6 @@

Graphics Techniques

- - - @@ -2476,9 +2327,6 @@

Graphics Techniques

- - - @@ -2487,9 +2335,6 @@

Graphics Techniques

- - - @@ -2498,9 +2343,6 @@

Graphics Techniques

- - - @@ -2509,9 +2351,6 @@

Graphics Techniques

- - - @@ -2520,9 +2359,6 @@

Graphics Techniques

- - - @@ -2531,9 +2367,6 @@

Graphics Techniques

- - - @@ -2542,9 +2375,6 @@

Graphics Techniques

- - - @@ -2553,9 +2383,6 @@

Graphics Techniques

- - - @@ -2564,9 +2391,6 @@

Graphics Techniques

- - - @@ -2575,9 +2399,6 @@

Graphics Techniques

- - - @@ -2586,9 +2407,6 @@

Graphics Techniques

- - - @@ -2597,9 +2415,6 @@

Graphics Techniques

- - - @@ -2608,9 +2423,6 @@

Graphics Techniques

- - - @@ -2619,9 +2431,6 @@

Graphics Techniques

- - - @@ -2630,9 +2439,6 @@

Graphics Techniques

- - - @@ -2641,9 +2447,6 @@

Graphics Techniques

- - - @@ -2652,31 +2455,6 @@

Graphics Techniques

- - - - - - - - - - - - - - - - - - - - - - - - - @@ -2685,9 +2463,6 @@

Graphics Techniques

- - -
SVG in JS forced-colors media query currentColor valueCSS ::beforeCSS ::afterCSS content
Yes
Alert Dialog
Breadcrumb YesYesYes
Button (IDL Version) YesYes
Button YesYes
Auto-Rotating Image Carousel with Buttons for Slide Control
Auto-Rotating Image Carousel with Tabs for Slide Control
Checkbox (Mixed-State) YesYes
Checkbox (Two State) YesYes
Editable Combobox With Both List and Inline Autocomplete Yes
Editable Combobox With List Autocomplete Yes
Editable Combobox without Autocomplete Yes
Date Picker Combobox Yes
Select-Only ComboboxYesYes
Date Picker DialogYes
Disclosure (Show/Hide) for Answers to Frequently Asked Questions YesYes
Disclosure (Show/Hide) for Image Description YesYes
Disclosure Navigation Menu with Top-Level LinksYesYes
Disclosure Navigation MenuYesYes
Feed Display Yes Yes YesYes
Advanced Data GridYesYes
Data GridYesYes
Layout GridYesYesYes
Link YesYes
(Deprecated) Collapsible Dropdown Listbox YesYesYesYes
Listbox with Grouped Options YesYesYesYes
Listboxes with Rearrangeable Options YesYesYesYes
Scrollable Listbox YesYesYesYes
Actions Menu Button Using aria-activedescendant Yes
Actions Menu Button Using element.focus() Yes
Navigation Menu Button Yes
Editor Menubar Yes
Navigation Menubar Yes Yes
Meter
Radio Group Using aria-activedescendant Yes
Rating Radio Group Yes
Radio Group Using Roving tabindex Yes
Horizontal Multi-Thumb Slider Yes Yes
Color Viewer Slider Yes Yes
Rating Slider Yes Yes Yes
Media Seek Slider Yes Yes
Vertical Temperature Slider Yes Yes
Date Picker Spin Button
Switch Using HTML Button Yes Yes
Sortable Table YesYesYes
Toolbar YesYesYes
Treegrid Email Inbox YesYes
File Directory Treeview Using Computed PropertiesYesYes
File Directory Treeview Using Declared PropertiesYesYes
Navigation Treeview Yes