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 95e47d0f3f..80325c249d 100644 --- a/content/about/coverage-and-quality/coverage-and-quality-report.html +++ b/content/about/coverage-and-quality/coverage-and-quality-report.html @@ -1283,9 +1283,19 @@

Coding Summary

34 - Uses forced-color-adjust on SVG - 13 + Uses forced-colors media query + 2 + + Uses currentColor value + 27 + + Uses event.KeyCode 16 @@ -2113,7 +2123,7 @@

Coding Practices

-

Graphics Techniques

+

SVG and High Contrast Techniques

@@ -2121,13 +2131,19 @@

Graphics Techniques

- - - - + + + + + + + + + + @@ -2135,8 +2151,6 @@

Graphics Techniques

- - @@ -2145,8 +2159,6 @@

Graphics Techniques

- - @@ -2154,9 +2166,7 @@

Graphics Techniques

- - @@ -2164,9 +2174,7 @@

Graphics Techniques

- - @@ -2175,8 +2183,6 @@

Graphics Techniques

- - @@ -2185,16 +2191,12 @@

Graphics Techniques

- - - - @@ -2203,8 +2205,6 @@

Graphics Techniques

- - @@ -2214,9 +2214,7 @@

Graphics Techniques

- - - + @@ -2224,57 +2222,29 @@

Graphics Techniques

- - - - - - - - - - - - - + - - - - - - - - + - - - - - - - - - @@ -2283,68 +2253,14 @@

Graphics Techniques

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - @@ -2354,9 +2270,7 @@

Graphics Techniques

- - @@ -2365,8 +2279,6 @@

Graphics Techniques

- - @@ -2375,8 +2287,6 @@

Graphics Techniques

- - @@ -2385,8 +2295,6 @@

Graphics Techniques

- - @@ -2395,8 +2303,6 @@

Graphics Techniques

- - @@ -2404,9 +2310,7 @@

Graphics Techniques

- - - + @@ -2414,9 +2318,7 @@

Graphics Techniques

- - - + @@ -2424,9 +2326,7 @@

Graphics Techniques

- - - + @@ -2435,8 +2335,6 @@

Graphics Techniques

- - @@ -2444,9 +2342,7 @@

Graphics Techniques

- - - + @@ -2455,58 +2351,46 @@

Graphics Techniques

- - - - - - - + - - - - - + - - - + @@ -2514,29 +2398,23 @@

Graphics Techniques

- - - + - - - + - - - + @@ -2545,18 +2423,14 @@

Graphics Techniques

- - - - - + @@ -2564,8 +2438,6 @@

Graphics Techniques

- - @@ -2574,39 +2446,15 @@

Graphics Techniques

- - - - - - - - - - - - - - - - - - + - - - - - - - @@ -2614,9 +2462,7 @@

Graphics Techniques

- - - +
SVG in HTML SVG in CSS SVG in JSforced-color-adjustCSS ::beforeCSS ::afterCSS contentforced-colors media querycurrentColor value
AccordionYes
Alert Dialog Yes
Breadcrumb YesYes
Button (IDL Version) Yes Yes Yes
Button Yes Yes Yes
Auto-Rotating Image Carousel with Buttons for Slide Control
Auto-Rotating Image Carousel with Tabs for Slide Control
Checkbox (Mixed-State) Yes Yes Yes
Yes Yes Yes
Yes Yes
Editable Combobox With List Autocomplete Yes
Editable Combobox without Autocomplete YesYes
Date Picker ComboboxEditable Combobox without Autocomplete Yes Yes Yes
Select-Only ComboboxDate Picker Combobox Yes Yes
Date Picker Dialog Yes
Disclosure (Show/Hide) for Answers to Frequently Asked Questions Yes Yes Yes
Yes Yes Yes
Disclosure Navigation Menu with Top-Level LinksYesYes
Disclosure Navigation MenuYesYes
Feed Display Yes YesYes
Advanced Data GridYesYes
Data GridYesYes
Layout GridYes Yes Yes
Yes Yes Yes
(Deprecated) Collapsible Dropdown Listbox YesYesYes
Listbox with Grouped Options YesYesYes
Listboxes with Rearrangeable Options YesYesYes
Scrollable Listbox YesYesYes
Actions Menu Button Using aria-activedescendant Yes Yes
Actions Menu Button Using element.focus() Yes Yes
Navigation Menu Button Yes Yes
Editor Menubar Yes
Navigation Menubar Yes Yes Yes
Meter
Radio Group Using aria-activedescendant Yes Yes Yes
Rating Radio Group Yes Yes Yes Yes
Radio Group Using Roving tabindex Yes Yes Yes
Horizontal Multi-Thumb Slider Yes Yes YesYes Yes
Color Viewer Slider Yes Yes YesYes Yes
Rating Slider Yes Yes YesYes
Media Seek Slider Yes Yes YesYes Yes
Vertical Temperature Slider Yes Yes YesYes Yes
Date Picker Spin Button
Switch Using HTML Button Yes Yes YesYes Yes
Sortable Table Yes Yes
Yes YesYesYes
Treegrid Email InboxYesYes Yes
File Directory Treeview Using Computed PropertiesYesTreegrid Email Inbox Yes
File Directory Treeview Using Declared Properties YesYes
Navigation Treeview Yes Yes
diff --git a/scripts/coverage-report.js b/scripts/coverage-report.js index f9e32e89b1..b5ffdfe704 100644 --- a/scripts/coverage-report.js +++ b/scripts/coverage-report.js @@ -519,10 +519,8 @@ glob highContrast: data.toLowerCase().indexOf('high contrast') > 0, svgHTML: html.querySelectorAll('svg').length, svgCSS: getNumberOfReferences(dataCSS, 'svg', true), - 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), svgJS: getNumberOfReferences(dataJS, 'svg', true), classJS: getNumberOfReferences(dataJS, 'constructor\\('), @@ -763,7 +761,6 @@ function getListItem(item) { } function getListHTML(list) { - // let html = '-'; let html = ''; if (list.length === 1) { @@ -1009,10 +1006,8 @@ let IndexOfExampleGraphics = indexOfExamples.reduce(function (set, example) { let count = example.svgHTML; count += example.svgCSS; count += example.svgJS; - count += example.forcedColorAdjust; - count += example.beforeCSS; - count += example.afterCSS; - count += example.contentCSS; + count += example.forcedColors; + count += example.currentColor; if (count === 0) { return `${set}`; @@ -1023,10 +1018,8 @@ let IndexOfExampleGraphics = indexOfExamples.reduce(function (set, example) { ${htmlYesOrNo(example.svgHTML)} ${htmlYesOrNo(example.svgCSS)} ${htmlYesOrNo(example.svgJS)} - ${htmlYesOrNo(example.forcedColorAdjust)} - ${htmlYesOrNo(example.beforeCSS)} - ${htmlYesOrNo(example.afterCSS)} - ${htmlYesOrNo(example.contentCSS)} + ${htmlYesOrNo(example.forcedColors)} + ${htmlYesOrNo(example.currentColor)} `; }, ''); @@ -1115,9 +1108,19 @@ 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); @@ -1126,7 +1129,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_current_color').html(countCurrentColor); $('#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..b4b21ff839 100644 --- a/scripts/coverage-report.template +++ b/scripts/coverage-report.template @@ -168,9 +168,19 @@ - Uses forced-color-adjust on SVG - + Uses forced-colors media query + + + Uses currentColor value + + + Uses event.KeyCode @@ -219,7 +229,7 @@ -

Graphics Techniques

+

SVG and High Contrast Techniques

@@ -227,10 +237,8 @@ - - - - + +
SVG in HTML SVG in CSS SVG in JSforced-color-adjustCSS ::beforeCSS ::afterCSS contentforced-colors media querycurrentColor value