accessibility-insights-report 4.2.2 → 4.3.0

package/drop/index.js

@@ -7,7 +7,7 @@
 		exports["report"] = factory();
 	else
 		root["report"] = factory();
-})(global, function() {
+})(global, () => {
 return /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
@@ -287,6 +287,19 @@ var screenReaderOnly = "screen-reader-only--yQjgp";
 
 /***/ }),
 
+/***/ "./src/common/components/heading-element-for-level.scss":
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "headingElementForLevel": () => (/* binding */ headingElementForLevel)
+/* harmony export */ });
+// extracted by mini-css-extract-plugin
+var headingElementForLevel = "heading-element-for-level--OfRDW";
+
+/***/ }),
+
 /***/ "./src/common/components/toast.scss":
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -1940,13 +1953,14 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;var __rest = (th
         }
     return t;
 };
-!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__("./src/common/react/named-fc.ts"), __webpack_require__("react")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, named_fc_1, React) {
+!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__("@fluentui/react"), __webpack_require__("./src/common/react/named-fc.ts"), __webpack_require__("react"), __webpack_require__("./src/common/components/heading-element-for-level.scss")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, react_1, named_fc_1, React, styles) {
     "use strict";
     Object.defineProperty(exports, "__esModule", ({ value: true }));
     exports.GetNextHeadingLevel = exports.HeadingElementForLevel = void 0;
     exports.HeadingElementForLevel = (0, named_fc_1.NamedFC)('HeadingElementForLevel', (_a) => {
         var { headingLevel } = _a, props = __rest(_a, ["headingLevel"]);
-        return React.createElement(`h${headingLevel}`, props);
+        const newProps = Object.assign(Object.assign({}, props), { className: (0, react_1.css)(styles.headingElementForLevel, props.className) });
+        return React.createElement(`h${headingLevel}`, newProps);
     });
     const GetNextHeadingLevel = (headingLevel) => {
         const nextLevel = headingLevel + 1;
@@ -3105,6 +3119,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
             link: 'https://www.w3.org/WAI/WCAG21/Understanding/images-of-text.html',
             guidanceTags: [],
         },
+        // wcag146: intentionally omitted, AAA
         'WCAG 1.4.10': {
             number: '1.4.10',
             axeTag: 'wcag1410',
@@ -3856,15 +3871,15 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
     // Copyright (c) Microsoft Corporation. All rights reserved.
     // Licensed under the MIT License.
     exports.styleSheet = `:root {\
-  --black: #000000;\
+  --black: #000;\
   --light-black: #161616;\
-  --white: #ffffff;\
+  --white: #fff;\
   --brand-blue: #004880;\
-  --grey: #333333;\
+  --grey: #333;\
   --ada-brand-color: var(--brand-blue);\
-  --primary-text: rgba(0, 0, 0, 0.9);\
-  --secondary-text: rgba(0, 0, 0, 0.7);\
-  --disabled-text: rgba(0, 0, 0, 0.38);\
+  --primary-text: rgb(0 0 0 / 90%);\
+  --secondary-text: rgb(0 0 0 / 70%);\
+  --disabled-text: rgb(0 0 0 / 38%);\
   --communication-primary: #106ebe;\
   --communication-tint-40: #eff6fc;\
   --communication-tint-30: #deecf9;\
@@ -3882,27 +3897,27 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
   --neutral-20: #c8c8c8;\
   --neutral-30: #a6a6a6;\
   --neutral-55: #6e6e6e;\
-  --neutral-60: #666666;\
+  --neutral-60: #666;\
   --neutral-70: #3c3c3c;\
   --neutral-80: var(--grey);\
   --neutral-100: var(--black);\
-  --neutral-alpha-2: rgba(0, 0, 0, 0.02);\
-  --neutral-alpha-4: rgba(0, 0, 0, 0.04);\
-  --neutral-alpha-6: rgba(0, 0, 0, 0.06);\
-  --neutral-alpha-8: rgba(0, 0, 0, 0.08);\
-  --neutral-alpha-10: rgba(0, 0, 0, 0.1);\
-  --neutral-alpha-20: rgba(0, 0, 0, 0.2);\
-  --neutral-alpha-30: rgba(0, 0, 0, 0.3);\
-  --neutral-alpha-60: rgba(0, 0, 0, 0.6);\
-  --neutral-alpha-70: rgba(0, 0, 0, 0.7);\
-  --neutral-alpha-80: rgba(0, 0, 0, 0.8);\
-  --neutral-alpha-90: rgba(0, 0, 0, 0.9);\
+  --neutral-alpha-2: rgb(0 0 0 / 2%);\
+  --neutral-alpha-4: rgb(0 0 0 / 4%);\
+  --neutral-alpha-6: rgb(0 0 0 / 6%);\
+  --neutral-alpha-8: rgb(0 0 0 / 8%);\
+  --neutral-alpha-10: rgb(0 0 0 / 10%);\
+  --neutral-alpha-20: rgb(0 0 0 / 20%);\
+  --neutral-alpha-30: rgb(0 0 0 / 30%);\
+  --neutral-alpha-60: rgb(0 0 0 / 60%);\
+  --neutral-alpha-70: rgb(0 0 0 / 70%);\
+  --neutral-alpha-80: rgb(0 0 0 / 80%);\
+  --neutral-alpha-90: rgb(0 0 0 / 90%);\
   --positive-outcome: #228722;\
   --negative-outcome: #e81123;\
   --neutral-outcome: var(--neutral-60);\
-  --box-shadow-108: rgba(0, 0, 0, 0.108);\
-  --box-shadow-132: rgba(0, 0, 0, 0.132);\
-  --box-shadow-27: rgba(0, 0, 0, 0.27);\
+  --box-shadow-108: rgb(0 0 0 / 10.8%);\
+  --box-shadow-132: rgb(0 0 0 / 13.2%);\
+  --box-shadow-27: rgb(0 0 0 / 27%);\
   --screenshot-image-outline: #8b8b8b;\
   --card-border: transparent;\
   --card-footer-border: var(--neutral-10);\
@@ -3923,7 +3938,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
   --nav-link-selected: var(--communication-tint-20);\
   --nav-link-expanded: var(--communication-tint-40);\
   --insights-button-hover: #0179d4;\
-  --report-footer-text: #222222;\
+  --report-footer-text: #222;\
   --landmark-contentinfo: #00a88c;\
   --landmark-main: #cb2e6d;\
   --landmark-complementary: #6b9d1a;\
@@ -3966,8 +3981,8 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
   --help-links-section-background: transparent;\
   --help-links-section-border: var(--white);\
   --index-circle-background: var(--communication-tint-40);\
-  --link-hover: #ffff00;\
-  --link: #ffff00;\
+  --link-hover: #ff0;\
+  --link: #ff0;\
   --menu-border: var(--grey);\
   --menu-item-background-active: var(--communication-tint-40);\
   --menu-item-background-hover: var(--grey);\
@@ -4026,7 +4041,7 @@ button::after {\
 }\
 \
 .insights-code {\
-  font-family: Menlo, Consolas, Courier New, monospace;\
+  font-family: menlo, consolas, courier new, monospace;\
 }\
 \
 .ms-Spinner .ms-Spinner-circle {\
@@ -4048,8 +4063,8 @@ button::after {\
 \
 .hidden-highlight-button {\
   opacity: 0;\
-  margin: 0px;\
-  padding: 0px;\
+  margin: 0;\
+  padding: 0;\
   border: none;\
 }\
 \
@@ -4057,7 +4072,7 @@ button::after {\
   border-radius: 4px;\
   border: 1px solid var(--card-border);\
   outline-style: \"border-style\";\
-  box-shadow: 0px 0.6px 1.8px var(--box-shadow-108), 0px 3.2px 7.2px var(--box-shadow-132);\
+  box-shadow: 0 0.6px 1.8px var(--box-shadow-108), 0 3.2px 7.2px var(--box-shadow-132);\
   margin-bottom: 16px;\
   width: -moz-available;\
   /* WebKit-based browsers will ignore this. */\
@@ -4090,7 +4105,7 @@ button::after {\
 }\
 \
 .instance-details-card.interactive:hover {\
-  box-shadow: 0px 8px 10px var(--box-shadow-108), 0px 8px 10px var(--box-shadow-132);\
+  box-shadow: 0 8px 10px var(--box-shadow-108), 0 8px 10px var(--box-shadow-132);\
 }\
 \
 .report-instance-table {\
@@ -4112,15 +4127,15 @@ button::after {\
   flex-wrap: wrap;\
   padding-top: 2px;\
   padding-bottom: 14px;\
-  padding-left: 0px;\
+  padding-left: 0;\
   padding-right: 20px;\
   border-bottom: 0.5px solid var(--neutral-10);\
 }\
 .report-instance-table .row > * {\
   margin-top: 12px;\
-  margin-bottom: 0px;\
+  margin-bottom: 0;\
   margin-left: 20px;\
-  margin-right: 0px;\
+  margin-right: 0;\
   padding: 0;\
 }\
 .report-instance-table .row:last-child {\
@@ -4155,7 +4170,7 @@ button::after {\
   flex-wrap: wrap;\
   align-items: center;\
   margin-top: 16px;\
-  margin-bottom: 0px;\
+  margin-bottom: 0;\
   line-height: 24px;\
   font-size: 17px;\
   font-weight: 600;\
@@ -4185,7 +4200,7 @@ button::after {\
   height: 16px;\
   display: inline-block;\
   border-radius: 50%;\
-  border: 0px solid var(--neutral-0);\
+  border: 0 solid var(--neutral-0);\
 }\
 .outcome-summary-bar .fail .check-container svg circle {\
   fill: var(--negative-outcome);\
@@ -4203,7 +4218,7 @@ button::after {\
   height: 16px;\
   display: inline-block;\
   border-radius: 50%;\
-  border: 0px solid var(--neutral-0);\
+  border: 0 solid var(--neutral-0);\
 }\
 .outcome-summary-bar .pass .check-container svg circle {\
   fill: var(--positive-outcome);\
@@ -4224,7 +4239,7 @@ button::after {\
   height: 16px;\
   display: inline-block;\
   border-radius: 50%;\
-  border: 0px solid var(--neutral-0);\
+  border: 0 solid var(--neutral-0);\
 }\
 .outcome-summary-bar .inapplicable .check-container,\
 .outcome-summary-bar .unscannable .check-container {\
@@ -4257,7 +4272,7 @@ button::after {\
 .outcome-summary-bar .summary-bar-right-edge {\
   border-top-right-radius: 2px;\
   border-bottom-right-radius: 2px;\
-  margin-right: 0px;\
+  margin-right: 0;\
 }\
 .outcome-summary-bar .label {\
   font-weight: normal;\
@@ -4280,7 +4295,7 @@ button::after {\
 .outcome-chip {\
   height: 16px;\
   color: var(--primary-text);\
-  border-radius: 0px 8px 8px 0px;\
+  border-radius: 0 8px 8px 0;\
   margin: 0 4px 0 4px;\
   display: inline-flex;\
   align-items: center;\
@@ -4304,8 +4319,8 @@ button::after {\
 @media screen and (forced-colors: active) {\
   .outcome-chip .count {\
     forced-color-adjust: none;\
-    border-color: CanvasText !important;\
-    color: CanvasText;\
+    border-color: canvastext !important;\
+    color: canvastext;\
   }\
 }\
 .outcome-chip.outcome-chip-pass .check-container {\
@@ -4314,7 +4329,7 @@ button::after {\
   height: 16px;\
   display: inline-block;\
   border-radius: 50%;\
-  border: 0px solid var(--neutral-0);\
+  border: 0 solid var(--neutral-0);\
 }\
 .outcome-chip.outcome-chip-pass .check-container svg circle {\
   fill: var(--positive-outcome);\
@@ -4347,7 +4362,7 @@ button::after {\
   height: 16px;\
   display: inline-block;\
   border-radius: 50%;\
-  border: 0px solid var(--neutral-0);\
+  border: 0 solid var(--neutral-0);\
 }\
 .outcome-chip.outcome-chip-fail .check-container svg circle {\
   fill: var(--negative-outcome);\
@@ -4365,7 +4380,7 @@ button::after {\
   height: 16px;\
   display: inline-block;\
   border-radius: 50%;\
-  border: 0px solid var(--neutral-0);\
+  border: 0 solid var(--neutral-0);\
 }\
 .outcome-chip.outcome-chip-inapplicable .check-container, .outcome-chip.outcome-chip-unscannable .check-container {\
   background-color: var(--neutral-outcome);\
@@ -4385,7 +4400,7 @@ button::after {\
   height: 14px;\
   display: inline-block;\
   border-radius: 50%;\
-  border: 0px solid var(--neutral-0);\
+  border: 0 solid var(--neutral-0);\
 }\
 .outcome-icon-set .outcome-icon-pass .check-container svg circle {\
   fill: var(--positive-outcome);\
@@ -4407,7 +4422,7 @@ button::after {\
   height: 14px;\
   display: inline-block;\
   border-radius: 50%;\
-  border: 0px solid var(--neutral-0);\
+  border: 0 solid var(--neutral-0);\
 }\
 .outcome-icon-set .outcome-icon-fail .check-container svg circle {\
   fill: var(--negative-outcome);\
@@ -4422,7 +4437,7 @@ body {\
 }\
 \
 .outer-container {\
-  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.08);\
+  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);\
 }\
 .outer-container .content-container {\
   max-width: 960px;\
@@ -4430,7 +4445,7 @@ body {\
   margin-top: 24px;\
 }\
 .outer-container .content-container h2 {\
-  margin: 0px;\
+  margin: 0;\
   font-size: 17px;\
   line-height: 24px;\
 }\
@@ -4441,7 +4456,7 @@ body {\
 }\
 \
 .scan-details-section {\
-  box-shadow: 0px 0.3px 0.9px rgba(0, 0, 0, 0.108), 0px 1.6px 3.6px rgba(0, 0, 0, 0.132);\
+  box-shadow: 0 0.3px 0.9px rgba(0, 0, 0, 0.108), 0 1.6px 3.6px rgba(0, 0, 0, 0.132);\
   border-radius: 4px;\
   background-color: var(--neutral-0);\
   padding: 20px;\
@@ -4451,14 +4466,14 @@ body {\
   list-style: none;\
   font-size: 14px;\
   line-height: 16px;\
-  padding-left: 0px;\
+  padding-left: 0;\
   display: flex;\
   align-items: flex-start;\
   justify-content: center;\
   flex-direction: column;\
 }\
 .scan-details-section h3 {\
-  margin: 0px;\
+  margin: 0;\
   font-size: 17px;\
   line-height: 24px;\
 }\
@@ -4501,7 +4516,7 @@ body {\
 }\
 @media only screen and (max-width: 1000px) {\
   .report-footer-container {\
-    margin: 0px 16px 68px 16px;\
+    margin: 0 16px 68px 16px;\
   }\
 }\
 \
@@ -4513,11 +4528,11 @@ body {\
   min-height: fit-content;\
   align-items: center;\
   background-color: var(--neutral-0);\
-  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.08);\
+  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);\
 }\
 .report-header-command-bar .target-page {\
   white-space: nowrap;\
-  margin: 0px 0px 0px 16px;\
+  margin: 0 0 0 16px;\
   display: flex;\
   color: var(--primary-text);\
   font-family: 'Segoe UI Web (West European)','Segoe UI','-apple-system',BlinkMacSystemFont,Roboto,'Helvetica Neue',Helvetica,Ubuntu,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';\
@@ -4559,7 +4574,7 @@ body {\
 }\
 .title-section h1 {\
   font-weight: 600;\
-  margin: 0px 0px 24px 0px;\
+  margin: 0 0 24px 0;\
   font-size: 21px;\
   line-height: 32px;\
   letter-spacing: -0.02em;\
@@ -4568,6 +4583,11 @@ body {\
 .results-container {\
   margin-top: 56px;\
 }\
+.results-container .title-container :is(h1, h2, h3, h4, h5, h6) {\
+  font-weight: unset;\
+  margin-block: 0;\
+  margin-inline: 0;\
+}\
 \
 @media screen and (max-width: 640px) {\
   .outcome-past-tense {\
@@ -4575,7 +4595,7 @@ body {\
   }\
 }\
 .summary-section {\
-  box-shadow: 0px 0.3px 0.9px rgba(0, 0, 0, 0.108), 0px 1.6px 3.6px rgba(0, 0, 0, 0.132);\
+  box-shadow: 0 0.3px 0.9px rgba(0, 0, 0, 0.108), 0 1.6px 3.6px rgba(0, 0, 0, 0.132);\
   border-radius: 4px;\
   background-color: var(--neutral-0);\
   padding: 20px;\
@@ -4599,7 +4619,7 @@ body {\
   padding-right: 16px;\
   position: relative;\
 }\
-.collapsible-container .collapsible-control[aria-expanded=true]:before, .collapsible-container .collapsible-control[aria-expanded=false]:before {\
+.collapsible-container .collapsible-control[aria-expanded=true]::before, .collapsible-container .collapsible-control[aria-expanded=false]::before {\
   display: inline-block;\
   border-right: 1px solid var(--secondary-text);\
   border-bottom: 1px solid var(--secondary-text);\
@@ -4611,7 +4631,7 @@ body {\
   transition: transform 0.1s linear 0s;\
 }\
 .collapsible-container .collapsible-control {\
-  font-family: \"Segoe UI Web (West European)\", \"Segoe UI\", \"-apple-system\", BlinkMacSystemFont, Roboto, \"Helvetica Neue\", Helvetica, Ubuntu, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\
+  font-family: \"Segoe UI Web (West European)\", \"Segoe UI\", -apple-system, BlinkMacSystemFont, Roboto, \"Helvetica Neue\", Helvetica, Ubuntu, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\
   background-color: transparent;\
   cursor: pointer;\
   border: none;\
@@ -4622,12 +4642,12 @@ body {\
 .collapsible-container .collapsible-control:hover {\
   background-color: var(--neutral-alpha-4);\
 }\
-.collapsible-container .collapsible-control[aria-expanded=false]:before {\
+.collapsible-container .collapsible-control[aria-expanded=false]::before {\
   -webkit-transform: rotate(-45deg);\
   -ms-transform: rotate(-45deg);\
   transform: rotate(-45deg);\
 }\
-.collapsible-container .collapsible-control[aria-expanded=true]:before {\
+.collapsible-container .collapsible-control[aria-expanded=true]::before {\
   -webkit-transform: rotate(45deg);\
   -ms-transform: rotate(45deg);\
   transform: rotate(45deg);\
@@ -4663,7 +4683,11 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
     exports.styleSheet = void 0;
     // Copyright (c) Microsoft Corporation. All rights reserved.
     // Licensed under the MIT License.
-    exports.styleSheet = `.failed-instances-container--FqWV6 .collapsible-content {\
+    exports.styleSheet = `.heading-element-for-level--OfRDW {\
+  margin-block-start: unset;\
+  margin-block-end: unset;\
+}\
+.failed-instances-container--FqWV6 .collapsible-content {\
   margin-left: 24px;\
 }\
 .outcome-chip-container--xYquF {\
@@ -4671,8 +4695,8 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
 }\
 .hidden-highlight-button--PePzJ {\
   opacity: 0;\
-  margin: 0px;\
-  padding: 0px;\
+  margin: 0;\
+  padding: 0;\
   border: none;\
 }\
 \
@@ -4680,7 +4704,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
   border-radius: 4px;\
   border: 1px solid var(--card-border);\
   outline-style: \"border-style\";\
-  box-shadow: 0px 0.6px 1.8px var(--box-shadow-108), 0px 3.2px 7.2px var(--box-shadow-132);\
+  box-shadow: 0 0.6px 1.8px var(--box-shadow-108), 0 3.2px 7.2px var(--box-shadow-132);\
   margin-bottom: 16px;\
   width: -moz-available;\
   /* WebKit-based browsers will ignore this. */\
@@ -4713,7 +4737,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
 }\
 \
 .instance-details-card--R0aAh.interactive--NgYOy:hover {\
-  box-shadow: 0px 8px 10px var(--box-shadow-108), 0px 8px 10px var(--box-shadow-132);\
+  box-shadow: 0 8px 10px var(--box-shadow-108), 0 8px 10px var(--box-shadow-132);\
 }\
 \
 .report-instance-table--YIu0s {\
@@ -4735,15 +4759,15 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
   flex-wrap: wrap;\
   padding-top: 2px;\
   padding-bottom: 14px;\
-  padding-left: 0px;\
+  padding-left: 0;\
   padding-right: 20px;\
   border-bottom: 0.5px solid var(--neutral-10);\
 }\
 .report-instance-table--YIu0s .row--m8TLI > * {\
   margin-top: 12px;\
-  margin-bottom: 0px;\
+  margin-bottom: 0;\
   margin-left: 20px;\
-  margin-right: 0px;\
+  margin-right: 0;\
   padding: 0;\
 }\
 .report-instance-table--YIu0s .row--m8TLI:last-child {\
@@ -4806,7 +4830,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
   height: 14px;\
   display: inline-block;\
   vertical-align: -5%;\
-  margin: 0px 2px;\
+  margin: 0 2px;\
   border: 1px solid var(--light-black);\
 }\
 .insights-fix-instruction-list--G3vyY .screen-reader-only--yQjgp {\
@@ -4828,7 +4852,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
   margin-bottom: 4px;\
 }\
 .snippet--wZrK1 {\
-  font-family: Menlo, Consolas, Courier New, monospace;\
+  font-family: menlo, consolas, courier new, monospace;\
   white-space: normal;\
 }\
 div.insights-dialog-main-override--Mlek6 {\
@@ -4888,9 +4912,9 @@ div.insights-dialog-main-override--Mlek6 .dialog-body--QtJ_D {\
   position: absolute;\
 }\
 div.kebab-menu-callout--o23oT {\
-  box-shadow: 0px 6.4px 14.4px var(--box-shadow-132), 0px 1.2px 3.6px var(--box-shadow-108);\
+  box-shadow: 0 6.4px 14.4px var(--box-shadow-132), 0 1.2px 3.6px var(--box-shadow-108);\
   border-radius: 4px;\
-  border-width: 0px;\
+  border-width: 0;\
 }\
 div.kebab-menu-callout--o23oT > div {\
   border-radius: 4px;\
@@ -5009,7 +5033,7 @@ ul.instance-details-list--xiPPL > li:last-child {\
   margin-bottom: 16px;\
   padding: 14px 20px;\
   background-color: var(--neutral-0);\
-  box-shadow: 0px 0.3px 0.9px rgba(0, 0, 0, 0.108), 0px 1.6px 3.6px rgba(0, 0, 0, 0.132);\
+  box-shadow: 0 0.3px 0.9px rgba(0, 0, 0, 0.108), 0 1.6px 3.6px rgba(0, 0, 0, 0.132);\
   border-radius: 4px;\
   border: 1px solid var(--card-border);\
   line-height: 20px;\
@@ -5051,7 +5075,7 @@ ul.instance-details-list--xiPPL > li:last-child {\
 }\
 \
 .collapsible-rule-details-group--h0lvd {\
-  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.08);\
+  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);\
 }\
 .collapsible-rule-details-group--h0lvd .rule-detail {\
   box-shadow: unset;\
@@ -5099,7 +5123,7 @@ ul.instance-details-list--xiPPL > li:last-child {\
   bottom: 2px;\
 }\
 .result-section--j6fYr > h2 {\
-  margin: 0px;\
+  margin: 0;\
   font-size: 17px;\
   line-height: 24px;\
 }\
@@ -5138,11 +5162,11 @@ ul.instance-details-list--xiPPL > li:last-child {\
   min-height: fit-content;\
   align-items: center;\
   background-color: var(--neutral-0);\
-  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.08);\
+  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);\
 }\
 .report-header-command-bar--wDg1t .target-page--giudb {\
   white-space: nowrap;\
-  margin: 0px 0px 0px 16px;\
+  margin: 0 0 0 16px;\
   display: flex;\
   color: var(--primary-text);\
   font-family: 'Segoe UI Web (West European)','Segoe UI','-apple-system',BlinkMacSystemFont,Roboto,'Helvetica Neue',Helvetica,Ubuntu,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';\
@@ -5179,7 +5203,7 @@ ul.instance-details-list--xiPPL > li:last-child {\
   color: var(--primary-text);\
 }\
 .urls-summary-section--DjUWc {\
-  box-shadow: 0px 0.3px 0.9px rgba(0, 0, 0, 0.108), 0px 1.6px 3.6px rgba(0, 0, 0, 0.132);\
+  box-shadow: 0 0.3px 0.9px rgba(0, 0, 0, 0.108), 0 1.6px 3.6px rgba(0, 0, 0, 0.132);\
   border-radius: 4px;\
   background-color: var(--neutral-0);\
   padding: 20px;\
@@ -5210,7 +5234,7 @@ ul.instance-details-list--xiPPL > li:last-child {\
   line-height: 24px;\
 }\
 .crawl-details-section--WhRL4 {\
-  box-shadow: 0px 0.3px 0.9px rgba(0, 0, 0, 0.108), 0px 1.6px 3.6px rgba(0, 0, 0, 0.132);\
+  box-shadow: 0 0.3px 0.9px rgba(0, 0, 0, 0.108), 0 1.6px 3.6px rgba(0, 0, 0, 0.132);\
   border-radius: 4px;\
   background-color: var(--neutral-0);\
   padding: 20px;\
@@ -5220,7 +5244,7 @@ ul.instance-details-list--xiPPL > li:last-child {\
   list-style: none;\
   font-size: 14px;\
   line-height: 16px;\
-  padding-left: 0px;\
+  padding-left: 0;\
   display: flex;\
   align-items: flex-start;\
   justify-content: center;\
@@ -5265,9 +5289,9 @@ ul.instance-details-list--xiPPL > li:last-child {\
 }\
 .summary-results-table--Pb4_B {\
   width: 100%;\
-  margin: 0px;\
+  margin: 0;\
   text-align: left;\
-  border-spacing: 0px;\
+  border-spacing: 0;\
   border-collapse: collapse;\
   font-size: 14px;\
   line-height: 20px;\
@@ -5305,7 +5329,7 @@ span.fix-instruction-color-box--Xq1E4 {\
   height: 14px;\
   display: inline-block;\
   vertical-align: -5%;\
-  margin: 0px 2px;\
+  margin: 0 2px;\
   border: 1px solid var(--light-black);\
 }\
 \
@@ -6236,7 +6260,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
 /***/ "./src/reports/components/report-sections/report-collapsible-container.tsx":
 /***/ ((module, exports, __webpack_require__) => {
 
-var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__("@fluentui/utilities"), __webpack_require__("./src/common/react/named-fc.ts"), __webpack_require__("react")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, utilities_1, named_fc_1, React) {
+var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__("@fluentui/utilities"), __webpack_require__("./src/common/components/heading-element-for-level.tsx"), __webpack_require__("./src/common/react/named-fc.ts"), __webpack_require__("react")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, utilities_1, heading_element_for_level_1, named_fc_1, React) {
     "use strict";
     Object.defineProperty(exports, "__esModule", ({ value: true }));
     exports.ReportCollapsibleContainerControl = void 0;
@@ -6245,7 +6269,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
         const contentId = `content-container-${id}` + (props.testKey ? `-${props.testKey}` : '');
         const outerDivClassName = (0, utilities_1.css)('collapsible-container', containerClassName, 'collapsed');
         return (React.createElement("div", { className: outerDivClassName },
-            React.createElement("div", { className: "title-container", role: "heading", "aria-level": headingLevel },
+            React.createElement(heading_element_for_level_1.HeadingElementForLevel, { headingLevel: headingLevel, className: "title-container" },
                 React.createElement("button", { className: "collapsible-control", "aria-expanded": "false", "aria-controls": contentId, "aria-label": buttonAriaLabel }, header)),
             React.createElement("div", { id: contentId, className: "collapsible-content", "aria-hidden": "true" }, content)));
     });
@@ -7537,7 +7561,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
 /***/ "./src/scanner/custom-rules/css-content-rule.ts":
 /***/ ((module, exports, __webpack_require__) => {
 
-var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__("axe-core")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, axe) {
+var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__("axe-core")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, axe_core_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", ({ value: true }));
     exports.cssContentConfiguration = void 0;
@@ -7572,7 +7596,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
             const element = elements.item(index);
             const beforeStyles = window.getComputedStyle(element, ':before');
             const afterStyles = window.getComputedStyle(element, ':after');
-            if (axe.commons.dom.isVisible(element) &&
+            if (axe_core_1.default.commons.dom.isVisible(element) &&
                 (hasContent(beforeStyles) || hasContent(afterStyles))) {
                 pseudoElements.push(element);
             }
@@ -7588,7 +7612,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
 /***/ "./src/scanner/custom-rules/css-positioning-rule.ts":
 /***/ ((module, exports, __webpack_require__) => {
 
-var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__("axe-core")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, axe) {
+var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__("axe-core")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, axe_core_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", ({ value: true }));
     exports.cssPositioningConfiguration = void 0;
@@ -7611,7 +7635,7 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
     };
     function matches(node) {
         const nodeStyle = window.getComputedStyle(node);
-        return (axe.commons.dom.isVisible(node) &&
+        return (axe_core_1.default.commons.dom.isVisible(node) &&
             (isAbsolutePosition(nodeStyle) || isRightFloat(nodeStyle)));
     }
     function isAbsolutePosition(nodeStyle) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "accessibility-insights-report",
-    "version": "4.2.2",
+    "version": "4.3.0",
     "description": "Accessibility Insights Report",
     "license": "MIT",
     "files": [
@@ -19,10 +19,10 @@
     },
     "dependencies": {
         "@fluentui/react": "^8.49.6",
-        "axe-core": "4.3.2",
+        "axe-core": "4.4.1",
         "classnames": "^2.3.1",
         "lodash": "^4.17.21",
-        "luxon": "^2.3.1",
+        "luxon": "^2.3.2",
         "react": "^16.14.0",
         "react-dom": "^16.14.0",
         "react-helmet": "^6.1.0",