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..dcafa865e7 100644
--- a/content/about/coverage-and-quality/coverage-and-quality-report.html
+++ b/content/about/coverage-and-quality/coverage-and-quality-report.html
@@ -2122,6 +2122,7 @@ Graphics Techniques
SVG in CSS |
SVG in JS |
forced-color-adjust |
+ forced-colors: |
CSS ::before |
CSS ::after |
CSS content |
@@ -2137,6 +2138,7 @@ Graphics Techniques
|
|
|
+ |
| Breadcrumb |
@@ -2144,6 +2146,7 @@ Graphics Techniques
|
|
|
+ |
Yes |
|
Yes |
@@ -2154,6 +2157,7 @@ Graphics Techniques
Yes |
|
|
+ |
Yes |
|
Yes |
@@ -2164,6 +2168,7 @@ Graphics Techniques
Yes |
|
|
+ |
Yes |
|
Yes |
@@ -2177,6 +2182,7 @@ Graphics Techniques
|
|
|
+ |
| Auto-Rotating Image Carousel with Tabs for Slide Control |
@@ -2187,6 +2193,7 @@ Graphics Techniques
|
|
|
+ |
| Checkbox (Mixed-State) |
@@ -2196,6 +2203,7 @@ Graphics Techniques
Yes |
|
|
+ |
Yes |
@@ -2206,6 +2214,7 @@ Graphics Techniques
Yes |
|
|
+ |
Yes |
@@ -2217,6 +2226,7 @@ Graphics Techniques
|
|
|
+ |
| Editable Combobox With List Autocomplete |
@@ -2227,6 +2237,7 @@ Graphics Techniques
|
|
|
+ |
| Editable Combobox without Autocomplete |
@@ -2237,6 +2248,7 @@ Graphics Techniques
|
|
|
+ |
| Date Picker Combobox |
@@ -2246,6 +2258,7 @@ Graphics Techniques
|
|
|
+ |
Yes |
@@ -2255,6 +2268,7 @@ Graphics Techniques
|
|
|
+ |
Yes |
Yes |
@@ -2266,6 +2280,7 @@ Graphics Techniques
|
|
|
+ |
Yes |
@@ -2276,6 +2291,7 @@ Graphics Techniques
Yes |
|
|
+ |
Yes |
@@ -2286,6 +2302,7 @@ Graphics Techniques
Yes |
|
|
+ |
Yes |
@@ -2295,6 +2312,7 @@ Graphics Techniques
|
|
|
+ |
Yes |
Yes |
@@ -2305,6 +2323,7 @@ Graphics Techniques
|
|
|
+ |
Yes |
Yes |
@@ -2314,6 +2333,7 @@ Graphics Techniques
Yes |
Yes |
|
+ Yes |
|
|
Yes |
@@ -2325,6 +2345,7 @@ Graphics Techniques
|
|
|
+ |
Yes |
Yes |
@@ -2335,6 +2356,7 @@ Graphics Techniques
|
|
|
+ |
Yes |
Yes |
@@ -2344,6 +2366,7 @@ Graphics Techniques
|
|
|
+ |
Yes |
Yes |
Yes |
@@ -2354,6 +2377,7 @@ Graphics Techniques
Yes |
|
|
+ |
Yes |
|
Yes |
@@ -2364,6 +2388,7 @@ Graphics Techniques
|
|
|
+ |
Yes |
Yes |
Yes |
@@ -2374,6 +2399,7 @@ Graphics Techniques
|
|
|
+ |
Yes |
Yes |
Yes |
@@ -2384,6 +2410,7 @@ Graphics Techniques
|
|
|
+ |
Yes |
Yes |
Yes |
@@ -2394,6 +2421,7 @@ Graphics Techniques
|
|
|
+ |
Yes |
Yes |
Yes |
@@ -2407,6 +2435,7 @@ Graphics Techniques
|
|
|
+ |
| Actions Menu Button Using element.focus() |
@@ -2417,6 +2446,7 @@ Graphics Techniques
|
|
|
+ |
| Navigation Menu Button |
@@ -2427,6 +2457,7 @@ Graphics Techniques
|
|
|
+ |
| Editor Menubar |
@@ -2436,6 +2467,7 @@ Graphics Techniques
|
|
|
+ |
Yes |
@@ -2447,6 +2479,7 @@ Graphics Techniques
|
|
|
+ |
| Meter |
@@ -2457,6 +2490,7 @@ Graphics Techniques
|
|
|
+ |
| Radio Group Using aria-activedescendant |
@@ -2466,6 +2500,7 @@ Graphics Techniques
Yes |
|
|
+ |
Yes |
@@ -2477,6 +2512,7 @@ Graphics Techniques
|
|
|
+ |
| Radio Group Using Roving tabindex |
@@ -2486,6 +2522,7 @@ Graphics Techniques
Yes |
|
|
+ |
Yes |
@@ -2497,6 +2534,7 @@ Graphics Techniques
|
|
|
+ |
| Color Viewer Slider |
@@ -2507,6 +2545,7 @@ Graphics Techniques
|
|
|
+ |
| Rating Slider |
@@ -2514,6 +2553,7 @@ Graphics Techniques
Yes |
Yes |
Yes |
+ Yes |
|
|
|
@@ -2527,6 +2567,7 @@ Graphics Techniques
|
|
|
+ |
| Vertical Temperature Slider |
@@ -2537,6 +2578,7 @@ Graphics Techniques
|
|
|
+ |
| Date Picker Spin Button |
@@ -2547,6 +2589,7 @@ Graphics Techniques
|
|
|
+ |
| Switch Using HTML Button |
@@ -2557,6 +2600,7 @@ Graphics Techniques
|
|
|
+ |
| Sortable Table |
@@ -2565,6 +2609,7 @@ Graphics Techniques
|
|
|
+ |
Yes |
Yes |
@@ -2574,6 +2619,7 @@ Graphics Techniques
Yes |
|
|
+ |
Yes |
Yes |
Yes |
@@ -2584,6 +2630,7 @@ Graphics Techniques
Yes |
|
|
+ |
Yes |
|
Yes |
@@ -2594,6 +2641,7 @@ Graphics Techniques
|
|
|
+ |
Yes |
|
Yes |
@@ -2604,6 +2652,7 @@ Graphics Techniques
|
|
|
+ |
Yes |
|
Yes |
@@ -2617,6 +2666,7 @@ Graphics Techniques
|
|
|
+ |
diff --git a/content/patterns/alertdialog/examples/css/alertdialog.css b/content/patterns/alertdialog/examples/css/alertdialog.css
index 94edb27785..6f575b9dce 100644
--- a/content/patterns/alertdialog/examples/css/alertdialog.css
+++ b/content/patterns/alertdialog/examples/css/alertdialog.css
@@ -21,9 +21,7 @@
min-width: calc(640px - (15px * 2)); /* == breakpoint - left+right margin */
min-height: auto;
- box-shadow:
- 0 19px 38px rgb(0 0 0 / 12%),
- 0 15px 12px rgb(0 0 0 / 22%);
+ box-shadow: 0 19px 38px rgb(0 0 0 / 12%), 0 15px 12px rgb(0 0 0 / 22%);
}
}
diff --git a/content/patterns/dialog-modal/examples/css/dialog.css b/content/patterns/dialog-modal/examples/css/dialog.css
index a8c3112745..b5132a16a0 100644
--- a/content/patterns/dialog-modal/examples/css/dialog.css
+++ b/content/patterns/dialog-modal/examples/css/dialog.css
@@ -21,9 +21,7 @@
min-width: calc(640px - (15px * 2)); /* == breakpoint - left+right margin */
min-height: auto;
- box-shadow:
- 0 19px 38px rgb(0 0 0 / 12%),
- 0 15px 12px rgb(0 0 0 / 22%);
+ box-shadow: 0 19px 38px rgb(0 0 0 / 12%), 0 15px 12px rgb(0 0 0 / 22%);
}
}
diff --git a/scripts/coverage-report.js b/scripts/coverage-report.js
index 305d77de83..cc48e5717c 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'),
+ forcedColorsMediaQuery: getNumberOfReferences(dataCSS, 'forced-colors'),
svgJS: getNumberOfReferences(dataJS, 'svg', true),
classJS: getNumberOfReferences(dataJS, 'constructor\\('),
@@ -870,7 +871,8 @@ let PropsWithNoExamples = sortedPropertiesAndStates.reduce(function (
}
return `${set}`;
-}, '');
+},
+'');
$('#props_with_no_examples_ul').html(PropsWithNoExamples);
$('.props_with_no_examples_count').html(countNoExamples.toString());
@@ -897,7 +899,8 @@ let PropsWithOneExample = sortedPropertiesAndStates.reduce(function (
}
return `${set}`;
-}, '');
+},
+'');
$('#props_with_one_example_tbody').html(PropsWithOneExample);
$('.props_with_one_example_count').html(countOneExample.toString());
@@ -921,7 +924,8 @@ let PropsWithMoreThanOneExample = sortedPropertiesAndStates.reduce(function (
}
return `${set}`;
-}, '');
+},
+'');
$('#props_with_more_than_one_tbody').html(PropsWithMoreThanOneExample);
$('.props_with_more_than_one_examples_count').html(
@@ -1002,13 +1006,15 @@ let IndexOfExampleCodingPractices = indexOfExamples.reduce(function (
${example.documentationAttributes.length} |
${checkDocumentation} |
`;
-}, '');
+},
+'');
let IndexOfExampleGraphics = indexOfExamples.reduce(function (set, example) {
let count = example.svgHTML;
count += example.svgCSS;
count += example.svgJS;
count += example.forcedColorAdjust;
+ count += example.forcedColorsMediaQuery;
count += example.beforeCSS;
count += example.afterCSS;
count += example.contentCSS;
@@ -1023,6 +1029,7 @@ let IndexOfExampleGraphics = indexOfExamples.reduce(function (set, example) {
${htmlYesOrNo(example.svgCSS)} |
${htmlYesOrNo(example.svgJS)} |
${htmlYesOrNo(example.forcedColorAdjust)} |
+ ${htmlYesOrNo(example.forcedColorsMediaQuery)} |
${htmlYesOrNo(example.beforeCSS)} |
${htmlYesOrNo(example.afterCSS)} |
${htmlYesOrNo(example.contentCSS)} |
@@ -1059,7 +1066,8 @@ let IndexOfExampleMousePointer = indexOfExamples.reduce(function (
${htmlYesOrNo(mouseCount)} |
${htmlYesOrNo(pointerCount)} |
`;
-}, '');
+},
+'');
let countClass = indexOfExamples.reduce(function (set, example) {
return set + (example.classJS ? 1 : 0);
diff --git a/scripts/coverage-report.template b/scripts/coverage-report.template
index b57db9b3d7..4c1992c525 100644
--- a/scripts/coverage-report.template
+++ b/scripts/coverage-report.template
@@ -228,6 +228,7 @@
SVG in CSS |
SVG in JS |
forced-color-adjust |
+ forced-colors: |
CSS ::before |
CSS ::after |
CSS content |
diff --git a/test/tests/accordion_accordion.js b/test/tests/accordion_accordion.js
index 533eb32a5f..6085bd56ce 100644
--- a/test/tests/accordion_accordion.js
+++ b/test/tests/accordion_accordion.js
@@ -149,8 +149,9 @@ ariaTest(
for (let expandIndex of [1, 2]) {
await buttons[expandIndex].sendKeys(Key.ENTER);
const panelDisplay = await panels[expandIndex].isDisplayed();
- const buttonAria =
- await buttons[expandIndex].getAttribute('aria-expanded');
+ const buttonAria = await buttons[expandIndex].getAttribute(
+ 'aria-expanded'
+ );
t.true(
panelDisplay,
@@ -188,8 +189,9 @@ ariaTest(
for (let expandIndex of [1, 2]) {
await buttons[expandIndex].sendKeys(Key.SPACE);
const panelDisplay = await panels[expandIndex].isDisplayed();
- const buttonAria =
- await buttons[expandIndex].getAttribute('aria-expanded');
+ const buttonAria = await buttons[expandIndex].getAttribute(
+ 'aria-expanded'
+ );
t.true(
panelDisplay,
diff --git a/test/tests/treeview_treeview-navigation.js b/test/tests/treeview_treeview-navigation.js
index a900461d60..c905bb86e7 100644
--- a/test/tests/treeview_treeview-navigation.js
+++ b/test/tests/treeview_treeview-navigation.js
@@ -503,8 +503,9 @@ ariaTest(
const isExpandable = await topLevelTreeitems[i].getAttribute('aria-owns');
if (isExpandable) {
- const expandedState =
- await topLevelTreeitems[i].getAttribute('aria-expanded');
+ const expandedState = await topLevelTreeitems[i].getAttribute(
+ 'aria-expanded'
+ );
t.is(
expandedState,
diff --git a/test/util/assertAriaDescribedby.js b/test/util/assertAriaDescribedby.js
index 70fd799895..59335c9253 100644
--- a/test/util/assertAriaDescribedby.js
+++ b/test/util/assertAriaDescribedby.js
@@ -26,8 +26,9 @@ module.exports = async function assertAriaDescribedby(t, elementSelector) {
'"aria-describedby" attribute should exist on element: ' + elementSelector
);
- let descriptionValue =
- await elements[index].getAttribute('aria-describedby');
+ let descriptionValue = await elements[index].getAttribute(
+ 'aria-describedby'
+ );
assert.ok(
descriptionValue,