accessibility-insights-report 7.2.0 → 7.3.0

package/drop/index.d.ts

@@ -106,6 +106,7 @@ declare namespace AccessibilityInsightsReport {
         failed: FailuresGroup[],
         passed?: AxeRuleData[],
         notApplicable?: AxeRuleData[],
+        incomplete?: AxeRuleData[]
     }
 
     export type UrlResultCounts = {

package/drop/index.js

@@ -601,6 +601,31 @@ var ConvertScanResultsToUnifiedResults = class {
         )
       ];
     };
+    this.automatedChecksConversionForReportPackage = (scanResults) => {
+      if (!scanResults) {
+        return [];
+      }
+      return this.automatedChecksCreateUnifiedResultsFromScanResultsForReportPackage(scanResults);
+    };
+    this.automatedChecksCreateUnifiedResultsFromScanResultsForReportPackage = (scanResults) => {
+      return [
+        ...this.createUnifiedResultsFromRuleResults(
+          scanResults.violations,
+          "fail",
+          this.getFixResolution
+        ),
+        ...this.createUnifiedResultsFromRuleResults(
+          scanResults.passes,
+          "pass",
+          this.getPassResolution
+        ),
+        ...this.createUnifiedResultsFromRuleResults(
+          scanResults.incomplete,
+          "unknown",
+          this.getFixResolution
+        )
+      ];
+    };
     this.needsReviewConversion = (scanResults) => {
       if (!scanResults) {
         return [];
@@ -761,6 +786,7 @@ var React4 = __toESM(require("react"));
 var ResultSectionTypes = {
   failed: "FailedInstancesSection",
   passed: "PassedChecksSection",
+  incomplete: "IncompleteChecksSection",
   notApplicable: "NotApplicableChecksSection"
 };
 
@@ -2558,7 +2584,7 @@ function getUrlItemInfo(scanMetadata) {
 }
 var DetailsSection = makeDetailsSectionFC(getUrlItemInfo);
 
-// src/reports/components/report-sections/not-applicable-checks-section.tsx
+// src/reports/components/report-sections/incomplete-checks-section.tsx
 var React55 = __toESM(require("react"));
 
 // src/reports/components/report-sections/collapsible-result-section.tsx
@@ -2600,12 +2626,37 @@ var CollapsibleResultSection = NamedFC(
   }
 );
 
+// src/reports/components/report-sections/incomplete-checks-section.tsx
+var IncompleteChecksSection = NamedFC(
+  "IncompleteChecksSection",
+  ({ deps, cardsViewData, cardSelectionMessageCreator, testKey, sectionHeadingLevel }) => {
+    var _a;
+    const cardRuleResults = ((_a = cardsViewData == null ? void 0 : cardsViewData.cards) == null ? void 0 : _a.unknown) ?? [];
+    return /* @__PURE__ */ React55.createElement(
+      CollapsibleResultSection,
+      {
+        deps,
+        title: "Incomplete checks",
+        cardRuleResults,
+        containerClassName: "result-section",
+        outcomeType: "incomplete",
+        badgeCount: cardRuleResults.length,
+        containerId: "incomplete-checks-section",
+        cardSelectionMessageCreator,
+        testKey,
+        headingLevel: sectionHeadingLevel
+      }
+    );
+  }
+);
+
 // src/reports/components/report-sections/not-applicable-checks-section.tsx
+var React56 = __toESM(require("react"));
 var NotApplicableChecksSection = NamedFC(
   "NotApplicableChecksSection",
   ({ deps, cardsViewData, cardSelectionMessageCreator, sectionHeadingLevel }) => {
     const cardRuleResults = cardsViewData.cards.inapplicable;
-    return /* @__PURE__ */ React55.createElement(
+    return /* @__PURE__ */ React56.createElement(
       CollapsibleResultSection,
       {
         deps,
@@ -2623,7 +2674,7 @@ var NotApplicableChecksSection = NamedFC(
 );
 
 // src/reports/components/report-sections/passed-checks-section.tsx
-var React56 = __toESM(require("react"));
+var React57 = __toESM(require("react"));
 var PassedChecksSection = NamedFC(
   "PassedChecksSection",
   (props) => {
@@ -2632,11 +2683,11 @@ var PassedChecksSection = NamedFC(
       if (props.cardsViewData == null || props.cardsViewData.cards == null) {
         return null;
       }
-      return /* @__PURE__ */ React56.createElement(
+      return /* @__PURE__ */ React57.createElement(
         ResultSection,
         {
           deps: props.deps,
-          title: "Passed cheks",
+          title: "Passed checks",
           results: (_c = (_b = props.cardsViewData) == null ? void 0 : _b.cards) == null ? void 0 : _c.pass,
           outcomeType: "pass",
           badgeCount: (_f = (_e = (_d = props.cardsViewData) == null ? void 0 : _d.cards) == null ? void 0 : _e.pass) == null ? void 0 : _f.length,
@@ -2652,7 +2703,7 @@ var PassedChecksSection = NamedFC(
       );
     } else {
       const cardRuleResults = ((_k = (_j = props.cardsViewData) == null ? void 0 : _j.cards) == null ? void 0 : _k.pass) ?? [];
-      return /* @__PURE__ */ React56.createElement(
+      return /* @__PURE__ */ React57.createElement(
         CollapsibleResultSection,
         {
           deps: props.deps,
@@ -2672,27 +2723,27 @@ var PassedChecksSection = NamedFC(
 );
 
 // src/reports/components/report-sections/report-footer.tsx
-var React57 = __toESM(require("react"));
+var React58 = __toESM(require("react"));
 var ReportFooter = NamedFC("ReportFooter", ({ children }) => {
-  return /* @__PURE__ */ React57.createElement("div", { className: "report-footer-container" }, /* @__PURE__ */ React57.createElement("div", { className: "report-footer", role: "contentinfo" }, children));
+  return /* @__PURE__ */ React58.createElement("div", { className: "report-footer-container" }, /* @__PURE__ */ React58.createElement("div", { className: "report-footer", role: "contentinfo" }, children));
 });
 
 // src/reports/components/report-sections/results-container.tsx
-var React58 = __toESM(require("react"));
+var React59 = __toESM(require("react"));
 var ResultsContainer = NamedFC(
   "ResultsContainer",
   ({ children, getCollapsibleScript, getCopyToClipboardScript: getCopyToClipboardScript2 }) => {
-    return /* @__PURE__ */ React58.createElement(React58.Fragment, null, /* @__PURE__ */ React58.createElement("div", { className: "results-container" }, children), /* @__PURE__ */ React58.createElement("script", { dangerouslySetInnerHTML: { __html: getCollapsibleScript() } }), /* @__PURE__ */ React58.createElement("script", { dangerouslySetInnerHTML: { __html: getCopyToClipboardScript2() } }));
+    return /* @__PURE__ */ React59.createElement(React59.Fragment, null, /* @__PURE__ */ React59.createElement("div", { className: "results-container" }, children), /* @__PURE__ */ React59.createElement("script", { dangerouslySetInnerHTML: { __html: getCollapsibleScript() } }), /* @__PURE__ */ React59.createElement("script", { dangerouslySetInnerHTML: { __html: getCopyToClipboardScript2() } }));
   }
 );
 
 // src/reports/components/report-sections/summary-section.tsx
-var React60 = __toESM(require("react"));
+var React61 = __toESM(require("react"));
 
 // src/reports/components/outcome-summary-bar.tsx
 var import_classnames2 = __toESM(require("classnames"));
 var import_lodash10 = require("lodash");
-var React59 = __toESM(require("react"));
+var React60 = __toESM(require("react"));
 var outcomeSummaryBarAutomationId = "outcome-summary-bar";
 var OutcomeSummaryBar = NamedFC("OutcomeSummaryBar", (props) => {
   const outcomeTypesCount = props.allOutcomeTypes.length;
@@ -2717,9 +2768,9 @@ var OutcomeSummaryBar = NamedFC("OutcomeSummaryBar", (props) => {
       return null;
     }
     const outcomePastTense = outcomeTypeSemantics[outcomeType].pastTense;
-    return /* @__PURE__ */ React59.createElement("span", { className: "label" }, ` ${outcomePastTense}`);
+    return /* @__PURE__ */ React60.createElement("span", { className: "label" }, ` ${outcomePastTense}`);
   };
-  return /* @__PURE__ */ React59.createElement(
+  return /* @__PURE__ */ React60.createElement(
     "div",
     {
       className: "outcome-summary-bar",
@@ -2732,7 +2783,7 @@ var OutcomeSummaryBar = NamedFC("OutcomeSummaryBar", (props) => {
       const iconMap = iconStyleInverted === true ? outcomeIconMapInverted : outcomeIconMap;
       const outcomeIcon = iconMap[outcomeType];
       const count = props.outcomeStats[outcomeType];
-      return /* @__PURE__ */ React59.createElement("div", { key: outcomeType, style: { flexGrow: count } }, /* @__PURE__ */ React59.createElement("span", { className: getClassNames(outcomeType, index) }, outcomeIcon, count, countSuffix, getTextLabel(outcomeType)));
+      return /* @__PURE__ */ React60.createElement("div", { key: outcomeType, style: { flexGrow: count } }, /* @__PURE__ */ React60.createElement("span", { className: getClassNames(outcomeType, index) }, outcomeIcon, count, countSuffix, getTextLabel(outcomeType)));
     })
   );
 });
@@ -2746,12 +2797,11 @@ var BaseSummarySection = NamedFC("BaseSummarySection", (props) => {
     }, 0),
     pass: cards.pass.length,
     inapplicable: cards.inapplicable.length,
-    incomplete: 0,
-    // never used
+    incomplete: cards.unknown ? cards.unknown.length : 0,
     review: 0
     // never used
   };
-  return /* @__PURE__ */ React60.createElement("div", { className: "summary-section" }, /* @__PURE__ */ React60.createElement("h2", null, "Summary"), /* @__PURE__ */ React60.createElement(
+  return /* @__PURE__ */ React61.createElement("div", { className: "summary-section" }, /* @__PURE__ */ React61.createElement("h2", null, "Summary"), /* @__PURE__ */ React61.createElement(
     OutcomeSummaryBar,
     {
       outcomeStats: countSummary,
@@ -2763,13 +2813,19 @@ var BaseSummarySection = NamedFC("BaseSummarySection", (props) => {
 var AllOutcomesSummarySection = NamedFC(
   "AllOutcomesSummarySection",
   (props) => {
-    return /* @__PURE__ */ React60.createElement(BaseSummarySection, { ...props, outcomeTypesShown: ["fail", "pass", "inapplicable"] });
+    return /* @__PURE__ */ React61.createElement(
+      BaseSummarySection,
+      {
+        ...props,
+        outcomeTypesShown: ["fail", "pass", "incomplete", "inapplicable"]
+      }
+    );
   }
 );
 var PassFailSummarySection = NamedFC(
   "PassFailSummarySection",
   (props) => {
-    return /* @__PURE__ */ React60.createElement(BaseSummarySection, { ...props, outcomeTypesShown: ["fail", "pass"] });
+    return /* @__PURE__ */ React61.createElement(BaseSummarySection, { ...props, outcomeTypesShown: ["fail", "pass"] });
   }
 );
 
@@ -2783,9 +2839,10 @@ var AxeResultsReportSectionFactory = {
   ResultsContainer,
   FailedInstancesSection,
   PassedChecksSection,
+  IncompleteChecksSection,
   NotApplicableChecksSection,
   FooterSection: ReportFooter,
-  resultSectionsOrder: ["failed", "passed", "notApplicable"],
+  resultSectionsOrder: ["failed", "passed", "incomplete", "notApplicable"],
   FooterText: FooterTextForService,
   HeaderSection: ReporterHeaderSection,
   HeadSection: ReporterHead
@@ -2822,7 +2879,7 @@ var getAddListenerForCollapsibleSection = (code) => `(${String(code)})(document)
 var getDefaultAddListenerForCollapsibleSection = () => getAddListenerForCollapsibleSection(addEventListenerForCollapsibleSection);
 
 // src/common/components/cards/combined-report-result-section-title.tsx
-var React61 = __toESM(require("react"));
+var React62 = __toESM(require("react"));
 
 // src/common/components/cards/combined-report-result-section-title.scss
 var combined_report_result_section_title_default = { "combinedReportResultSectionTitle": "combined-report-result-section-title--TqIZO", "title": "title--6WIyt", "heading": "heading--UpAHf" };
@@ -2834,14 +2891,14 @@ var CombinedReportResultSectionTitle = NamedFC(
     const singularMessageSubject = props.outcomeType === "review" ? "instance to review" : "failure";
     const pluralMessageSubject = props.outcomeType === "review" ? "instances to review" : "failures";
     const alertTerm = props.outcomeCount !== 1 ? `${pluralMessageSubject} were` : `${singularMessageSubject} was`;
-    const alertingFailuresCount = /* @__PURE__ */ React61.createElement("span", { role: "alert" }, props.outcomeCount, " ", alertTerm, " detected.");
-    const titleWithInstance = /* @__PURE__ */ React61.createElement("span", { className: combined_report_result_section_title_default.heading, "aria-hidden": "true" }, props.title, " (", props.outcomeCount, ")");
-    return /* @__PURE__ */ React61.createElement("span", { className: combined_report_result_section_title_default.combinedReportResultSectionTitle }, /* @__PURE__ */ React61.createElement("span", { className: "screen-reader-only" }, props.title, " ", props.shouldAlertFailuresCount ? alertingFailuresCount : props.outcomeCount), titleWithInstance);
+    const alertingFailuresCount = /* @__PURE__ */ React62.createElement("span", { role: "alert" }, props.outcomeCount, " ", alertTerm, " detected.");
+    const titleWithInstance = /* @__PURE__ */ React62.createElement("span", { className: combined_report_result_section_title_default.heading, "aria-hidden": "true" }, props.title, " (", props.outcomeCount, ")");
+    return /* @__PURE__ */ React62.createElement("span", { className: combined_report_result_section_title_default.combinedReportResultSectionTitle }, /* @__PURE__ */ React62.createElement("span", { className: "screen-reader-only" }, props.title, " ", props.shouldAlertFailuresCount ? alertingFailuresCount : props.outcomeCount), titleWithInstance);
   }
 );
 
 // src/reports/components/report-sections/combined-report-failed-section.tsx
-var React62 = __toESM(require("react"));
+var React63 = __toESM(require("react"));
 var CombinedReportFailedSection = NamedFC(
   "CombinedReportFailedSection",
   (props) => {
@@ -2850,7 +2907,7 @@ var CombinedReportFailedSection = NamedFC(
     const sectionId = "combined-report-failed-section";
     const CollapsibleContent = deps.collapsibleControl({
       id: sectionId,
-      header: /* @__PURE__ */ React62.createElement(
+      header: /* @__PURE__ */ React63.createElement(
         CombinedReportResultSectionTitle,
         {
           outcomeCount: ruleCount,
@@ -2858,7 +2915,7 @@ var CombinedReportFailedSection = NamedFC(
           title: "Failed rules"
         }
       ),
-      content: /* @__PURE__ */ React62.createElement(
+      content: /* @__PURE__ */ React63.createElement(
         ResultSectionContent,
         {
           deps,
@@ -2877,21 +2934,21 @@ var CombinedReportFailedSection = NamedFC(
       headingLevel: 3,
       deps: {}
     });
-    return /* @__PURE__ */ React62.createElement("div", { className: "result-section" }, CollapsibleContent);
+    return /* @__PURE__ */ React63.createElement("div", { className: "result-section" }, CollapsibleContent);
   }
 );
 
 // src/reports/components/report-sections/combined-report-rules-only-sections.tsx
-var React63 = __toESM(require("react"));
+var React64 = __toESM(require("react"));
 var makeCombinedReportRulesOnlySection = (options) => NamedFC(
   "CombinedReportRulesOnlySection",
   ({ deps, cardsViewData, cardSelectionMessageCreator }) => {
     const { outcomeType, title: title2 } = options;
-    const cardRuleResults = cardsViewData.cards[outcomeType];
+    const cardRuleResults = outcomeType === "incomplete" ? cardsViewData.cards["unknown"] : cardsViewData.cards[outcomeType];
     const sectionId = `${outcomeType}-checks-section`;
     const CollapsibleContent = deps.collapsibleControl({
       id: sectionId,
-      header: /* @__PURE__ */ React63.createElement(
+      header: /* @__PURE__ */ React64.createElement(
         CombinedReportResultSectionTitle,
         {
           outcomeCount: cardRuleResults.length,
@@ -2899,7 +2956,7 @@ var makeCombinedReportRulesOnlySection = (options) => NamedFC(
           title: title2
         }
       ),
-      content: /* @__PURE__ */ React63.createElement(
+      content: /* @__PURE__ */ React64.createElement(
         RulesOnly,
         {
           deps,
@@ -2913,7 +2970,7 @@ var makeCombinedReportRulesOnlySection = (options) => NamedFC(
       headingLevel: 3,
       deps: null
     });
-    return /* @__PURE__ */ React63.createElement("div", { className: "result-section" }, CollapsibleContent);
+    return /* @__PURE__ */ React64.createElement("div", { className: "result-section" }, CollapsibleContent);
   }
 );
 var CombinedReportPassedSection = makeCombinedReportRulesOnlySection({
@@ -2924,12 +2981,16 @@ var CombinedReportNotApplicableSection = makeCombinedReportRulesOnlySection({
   outcomeType: "inapplicable",
   title: "Not applicable rules"
 });
+var CombinedReportIncompleteSection = makeCombinedReportRulesOnlySection({
+  outcomeType: "incomplete",
+  title: "Incomplete rules"
+});
 
 // src/reports/components/report-sections/combined-report-summary-section.tsx
-var React65 = __toESM(require("react"));
+var React66 = __toESM(require("react"));
 
 // src/reports/components/report-sections/urls-summary-section.tsx
-var React64 = __toESM(require("react"));
+var React65 = __toESM(require("react"));
 
 // src/reports/components/url-outcome-type.ts
 var allUrlOutcomeTypes = ["fail", "unscannable", "pass"];
@@ -2947,7 +3008,7 @@ var UrlsSummarySection = NamedFC("UrlsSummarySection", (props) => {
   } = props;
   const getTotalUrls = () => {
     const totalUrls = urlsPassedCount + urlsFailedCount + urlsNotScannedCount;
-    return /* @__PURE__ */ React64.createElement(React64.Fragment, null, /* @__PURE__ */ React64.createElement("h2", null, "URLs"), /* @__PURE__ */ React64.createElement("span", { className: urls_summary_section_default.totalUrls }, totalUrls), " total URLs scanned");
+    return /* @__PURE__ */ React65.createElement(React65.Fragment, null, /* @__PURE__ */ React65.createElement("h2", null, "URLs"), /* @__PURE__ */ React65.createElement("span", { className: urls_summary_section_default.totalUrls }, totalUrls), " total URLs scanned");
   };
   const getSummaryBar = () => {
     const countSummary = {
@@ -2955,7 +3016,7 @@ var UrlsSummarySection = NamedFC("UrlsSummarySection", (props) => {
       unscannable: urlsNotScannedCount,
       pass: urlsPassedCount
     };
-    return /* @__PURE__ */ React64.createElement(
+    return /* @__PURE__ */ React65.createElement(
       OutcomeSummaryBar,
       {
         outcomeStats: countSummary,
@@ -2966,9 +3027,9 @@ var UrlsSummarySection = NamedFC("UrlsSummarySection", (props) => {
     );
   };
   const getFailedInstances = () => {
-    return /* @__PURE__ */ React64.createElement("div", { className: urls_summary_section_default.failureInstances }, /* @__PURE__ */ React64.createElement("h2", null, "Failure Instances"), /* @__PURE__ */ React64.createElement("span", { className: urls_summary_section_default.failureOutcomeChip }, /* @__PURE__ */ React64.createElement(OutcomeChip, { count: failureInstancesCount, outcomeType: "fail" }), /* @__PURE__ */ React64.createElement("span", null, "Failure instances were detected")));
+    return /* @__PURE__ */ React65.createElement("div", { className: urls_summary_section_default.failureInstances }, /* @__PURE__ */ React65.createElement("h2", null, "Failure Instances"), /* @__PURE__ */ React65.createElement("span", { className: urls_summary_section_default.failureOutcomeChip }, /* @__PURE__ */ React65.createElement(OutcomeChip, { count: failureInstancesCount, outcomeType: "fail" }), /* @__PURE__ */ React65.createElement("span", null, "Failure instances were detected")));
   };
-  return /* @__PURE__ */ React64.createElement("div", { className: urls_summary_section_default.urlsSummarySection }, getTotalUrls(), getSummaryBar(), getFailedInstances());
+  return /* @__PURE__ */ React65.createElement("div", { className: urls_summary_section_default.urlsSummarySection }, getTotalUrls(), getSummaryBar(), getFailedInstances());
 });
 
 // src/reports/components/report-sections/combined-report-summary-section.tsx
@@ -2989,12 +3050,12 @@ var CombinedReportSummarySection = NamedFC(
       notScannedUrlsCount: urlResultCounts.unscannableUrls,
       failureInstancesCount: failedInstances
     };
-    return /* @__PURE__ */ React65.createElement(UrlsSummarySection, { ...urlsSummarySectionProps });
+    return /* @__PURE__ */ React66.createElement(UrlsSummarySection, { ...urlsSummarySectionProps });
   }
 );
 
 // src/reports/components/report-sections/rules-results-container.tsx
-var React66 = __toESM(require("react"));
+var React67 = __toESM(require("react"));
 
 // src/reports/components/report-sections/rules-results-container.scss
 var rules_results_container_default = { "rulesResultsContainer": "rules-results-container--HaLDw", "resultsHeading": "results-heading--H9Puz" };
@@ -3003,13 +3064,13 @@ var rules_results_container_default = { "rulesResultsContainer": "rules-results-
 var RulesResultsContainer = NamedFC(
   "RulesResultsContainer",
   ({ children, getCollapsibleScript, getCopyToClipboardScript: getCopyToClipboardScript2 }) => {
-    return /* @__PURE__ */ React66.createElement(React66.Fragment, null, /* @__PURE__ */ React66.createElement("div", { className: rules_results_container_default.rulesResultsContainer }, /* @__PURE__ */ React66.createElement("div", { className: rules_results_container_default.resultsHeading }, /* @__PURE__ */ React66.createElement("h2", null, "Rules")), children), /* @__PURE__ */ React66.createElement("script", { dangerouslySetInnerHTML: { __html: getCollapsibleScript() } }), /* @__PURE__ */ React66.createElement("script", { dangerouslySetInnerHTML: { __html: getCopyToClipboardScript2() } }));
+    return /* @__PURE__ */ React67.createElement(React67.Fragment, null, /* @__PURE__ */ React67.createElement("div", { className: rules_results_container_default.rulesResultsContainer }, /* @__PURE__ */ React67.createElement("div", { className: rules_results_container_default.resultsHeading }, /* @__PURE__ */ React67.createElement("h2", null, "Rules")), children), /* @__PURE__ */ React67.createElement("script", { dangerouslySetInnerHTML: { __html: getCollapsibleScript() } }), /* @__PURE__ */ React67.createElement("script", { dangerouslySetInnerHTML: { __html: getCopyToClipboardScript2() } }));
   }
 );
 
 // src/reports/components/report-sections/summary-report-details-section.tsx
 var import_react6 = require("@fluentui/react");
-var React67 = __toESM(require("react"));
+var React68 = __toESM(require("react"));
 
 // src/reports/components/report-sections/summary-report-details-section.scss
 var summary_report_details_section_default = { "crawlDetailsSection": "crawl-details-section--a6evz", "crawlDetailsSectionList": "crawl-details-section-list--WV1Di", "icon": "icon--APJEn", "targetSite": "targetSite--wBJT-", "text": "text--rViTo", "label": "label--DUNYf", "noIcon": "no-icon--VrSr5" };
@@ -3020,12 +3081,12 @@ var SummaryReportDetailsSection = NamedFC(
   (props) => {
     const { scanMetadata, toUtcString, secondsToTimeString } = props;
     const scanTimespan = scanMetadata.timespan;
-    const createListItem = (label, content, icon, className) => icon ? /* @__PURE__ */ React67.createElement("li", { key: label, className }, /* @__PURE__ */ React67.createElement("span", { className: summary_report_details_section_default.icon }, icon), /* @__PURE__ */ React67.createElement("span", { className: summary_report_details_section_default.label }, `${label} `), /* @__PURE__ */ React67.createElement("span", { className: summary_report_details_section_default.text }, content)) : /* @__PURE__ */ React67.createElement("li", { key: label, className }, /* @__PURE__ */ React67.createElement("span", { className: (0, import_react6.css)(summary_report_details_section_default.noIcon, summary_report_details_section_default.label) }, `${label} `), /* @__PURE__ */ React67.createElement("span", { className: summary_report_details_section_default.text }, content));
+    const createListItem = (label, content, icon, className) => icon ? /* @__PURE__ */ React68.createElement("li", { key: label, className }, /* @__PURE__ */ React68.createElement("span", { className: summary_report_details_section_default.icon }, icon), /* @__PURE__ */ React68.createElement("span", { className: summary_report_details_section_default.label }, `${label} `), /* @__PURE__ */ React68.createElement("span", { className: summary_report_details_section_default.text }, content)) : /* @__PURE__ */ React68.createElement("li", { key: label, className }, /* @__PURE__ */ React68.createElement("span", { className: (0, import_react6.css)(summary_report_details_section_default.noIcon, summary_report_details_section_default.label) }, `${label} `), /* @__PURE__ */ React68.createElement("span", { className: summary_report_details_section_default.text }, content));
     const listItems = [];
     listItems.push(
       createListItem(
         "Target site",
-        /* @__PURE__ */ React67.createElement(
+        /* @__PURE__ */ React68.createElement(
           NewTabLinkWithConfirmationDialog,
           {
             href: scanMetadata.targetAppInfo.url,
@@ -3033,13 +3094,13 @@ var SummaryReportDetailsSection = NamedFC(
           },
           scanMetadata.targetAppInfo.url
         ),
-        /* @__PURE__ */ React67.createElement(UrlIcon, null),
+        /* @__PURE__ */ React68.createElement(UrlIcon, null),
         summary_report_details_section_default.targetSite
       )
     );
     if (scanTimespan.scanStart != null) {
       const scanStartUTC = toUtcString(scanTimespan.scanStart);
-      listItems.push(createListItem("Scans started", scanStartUTC, /* @__PURE__ */ React67.createElement(DateIcon, null)));
+      listItems.push(createListItem("Scans started", scanStartUTC, /* @__PURE__ */ React68.createElement(DateIcon, null)));
     }
     const scanCompleteUTC = toUtcString(scanTimespan.scanComplete);
     listItems.push(createListItem("Scans completed", scanCompleteUTC));
@@ -3047,21 +3108,21 @@ var SummaryReportDetailsSection = NamedFC(
       const duration = secondsToTimeString(scanTimespan.durationSeconds);
       listItems.push(createListItem("Duration", duration));
     }
-    return /* @__PURE__ */ React67.createElement("div", { className: summary_report_details_section_default.crawlDetailsSection }, /* @__PURE__ */ React67.createElement("h2", null, "Scan details"), /* @__PURE__ */ React67.createElement("ul", { className: summary_report_details_section_default.crawlDetailsSectionList }, listItems));
+    return /* @__PURE__ */ React68.createElement("div", { className: summary_report_details_section_default.crawlDetailsSection }, /* @__PURE__ */ React68.createElement("h2", null, "Scan details"), /* @__PURE__ */ React68.createElement("ul", { className: summary_report_details_section_default.crawlDetailsSectionList }, listItems));
   }
 );
 
 // src/reports/components/report-sections/summary-report-header-section.tsx
-var React68 = __toESM(require("react"));
+var React69 = __toESM(require("react"));
 var SummaryReportHeaderSection = NamedFC("SummaryReportHeaderSection", () => {
-  return /* @__PURE__ */ React68.createElement("header", null, /* @__PURE__ */ React68.createElement(HeaderBar, { headerText: brand }));
+  return /* @__PURE__ */ React69.createElement("header", null, /* @__PURE__ */ React69.createElement(HeaderBar, { headerText: brand }));
 });
 
 // src/reports/components/summary-report-head.tsx
-var React69 = __toESM(require("react"));
+var React70 = __toESM(require("react"));
 var SummaryReportHead = NamedFC("SummaryReportHead", () => {
   const titleValue = `${brand} automated checks result`;
-  return /* @__PURE__ */ React69.createElement("head", null, /* @__PURE__ */ React69.createElement("meta", { charSet: "UTF-8" }), /* @__PURE__ */ React69.createElement("title", null, titleValue), /* @__PURE__ */ React69.createElement("style", { dangerouslySetInnerHTML: { __html: styleSheet } }), /* @__PURE__ */ React69.createElement("style", { dangerouslySetInnerHTML: { __html: styleSheet2 } }));
+  return /* @__PURE__ */ React70.createElement("head", null, /* @__PURE__ */ React70.createElement("meta", { charSet: "UTF-8" }), /* @__PURE__ */ React70.createElement("title", null, titleValue), /* @__PURE__ */ React70.createElement("style", { dangerouslySetInnerHTML: { __html: styleSheet } }), /* @__PURE__ */ React70.createElement("style", { dangerouslySetInnerHTML: { __html: styleSheet2 } }));
 });
 
 // src/reports/components/report-sections/combined-report-section-factory.ts
@@ -3076,10 +3137,11 @@ var CombinedReportSectionFactory = {
   ResultsContainer: RulesResultsContainer,
   FailedInstancesSection: CombinedReportFailedSection,
   PassedChecksSection: CombinedReportPassedSection,
+  IncompleteChecksSection: CombinedReportIncompleteSection,
   NotApplicableChecksSection: CombinedReportNotApplicableSection,
   FooterSection: ReportFooter,
   FooterText: FooterTextForService,
-  resultSectionsOrder: ["failed", "passed", "notApplicable"]
+  resultSectionsOrder: ["failed", "passed", "incomplete", "notApplicable"]
 };
 
 // src/reports/components/report-sections/copy-to-clipboard-script-provider.tsx
@@ -3117,10 +3179,10 @@ var getCopyToClipboardScript = (code) => `(${String(code)})(document)`;
 var getDefaultCopyToClipboardScript = () => getCopyToClipboardScript(addCopyToClipboardListener);
 
 // src/reports/components/report-sections/failed-urls-section.tsx
-var React73 = __toESM(require("react"));
+var React74 = __toESM(require("react"));
 
 // src/reports/components/report-sections/collapsible-url-result-section.tsx
-var React70 = __toESM(require("react"));
+var React71 = __toESM(require("react"));
 
 // src/reports/components/report-sections/collapsible-url-result-section.scss
 var collapsible_url_result_section_default = { "urlResultSection": "url-result-section--SkOlZ" };
@@ -3132,19 +3194,19 @@ var CollapsibleUrlResultSection = NamedFC(
     const { containerId, deps, content } = props;
     const CollapsibleContent = deps.collapsibleControl({
       id: containerId,
-      header: /* @__PURE__ */ React70.createElement(ResultSectionTitle, { ...props, titleSize: "heading" }),
+      header: /* @__PURE__ */ React71.createElement(ResultSectionTitle, { ...props, titleSize: "heading" }),
       content,
       headingLevel: 3
     });
-    return /* @__PURE__ */ React70.createElement("div", { className: collapsible_url_result_section_default.urlResultSection }, CollapsibleContent);
+    return /* @__PURE__ */ React71.createElement("div", { className: collapsible_url_result_section_default.urlResultSection }, CollapsibleContent);
   }
 );
 
 // src/reports/components/report-sections/url-scan-results-table.tsx
-var React72 = __toESM(require("react"));
+var React73 = __toESM(require("react"));
 
 // src/reports/components/report-sections/summary-results-table.tsx
-var React71 = __toESM(require("react"));
+var React72 = __toESM(require("react"));
 
 // src/reports/components/report-sections/summary-results-table.scss
 var summary_results_table_default = { "summaryResultsTable": "summary-results-table--Iezr-", "textCell": "text-cell--EaUrM", "urlCell": "url-cell--mg-3l" };
@@ -3162,8 +3224,8 @@ var SummaryResultsTable = NamedFC(
       return `${id2}-header${colIndex}`;
     };
     const getTableHeaders = () => {
-      return /* @__PURE__ */ React71.createElement("tr", null, columns.map((column, index) => {
-        return /* @__PURE__ */ React71.createElement("th", { key: index, id: getHeaderId(index) }, column.header);
+      return /* @__PURE__ */ React72.createElement("tr", null, columns.map((column, index) => {
+        return /* @__PURE__ */ React72.createElement("th", { key: index, id: getHeaderId(index) }, column.header);
       }));
     };
     const getCellClassName = (colIndex) => {
@@ -3171,8 +3233,8 @@ var SummaryResultsTable = NamedFC(
       return cellClassNames[contentType];
     };
     const getRow = (row, rowIndex) => {
-      return /* @__PURE__ */ React71.createElement("tr", { key: rowIndex }, row.map((item, colIndex) => {
-        return /* @__PURE__ */ React71.createElement(
+      return /* @__PURE__ */ React72.createElement("tr", { key: rowIndex }, row.map((item, colIndex) => {
+        return /* @__PURE__ */ React72.createElement(
           "td",
           {
             key: colIndex,
@@ -3186,7 +3248,7 @@ var SummaryResultsTable = NamedFC(
     const getTableRows = () => {
       return rows.map(getRow);
     };
-    return /* @__PURE__ */ React71.createElement("table", { className: summary_results_table_default.summaryResultsTable, id: id2 }, /* @__PURE__ */ React71.createElement("thead", null, getTableHeaders()), /* @__PURE__ */ React71.createElement("tbody", null, getTableRows()));
+    return /* @__PURE__ */ React72.createElement("table", { className: summary_results_table_default.summaryResultsTable, id: id2 }, /* @__PURE__ */ React72.createElement("thead", null, getTableHeaders()), /* @__PURE__ */ React72.createElement("tbody", null, getTableRows()));
   }
 );
 
@@ -3204,11 +3266,11 @@ var UrlScanResultsTable = NamedFC(
     ];
     const rows = results.map((result) => {
       const { url, reportLocation } = result;
-      const urlLink = /* @__PURE__ */ React72.createElement(NewTabLink, { href: url }, url);
-      const reportLink = /* @__PURE__ */ React72.createElement(NewTabLink, { href: reportLocation, "aria-label": `Report for ${url}` }, "Report");
+      const urlLink = /* @__PURE__ */ React73.createElement(NewTabLink, { href: url }, url);
+      const reportLink = /* @__PURE__ */ React73.createElement(NewTabLink, { href: reportLocation, "aria-label": `Report for ${url}` }, "Report");
       return [`${result.numFailures}`, urlLink, reportLink];
     });
-    return /* @__PURE__ */ React72.createElement(SummaryResultsTable, { columns, rows, id: props.id });
+    return /* @__PURE__ */ React73.createElement(SummaryResultsTable, { columns, rows, id: props.id });
   }
 );
 
@@ -3216,8 +3278,8 @@ var UrlScanResultsTable = NamedFC(
 var FailedUrlsSection = NamedFC(
   "FailedUrlsSection",
   ({ results, deps }) => {
-    const table = /* @__PURE__ */ React73.createElement(UrlScanResultsTable, { results: results.failed, id: "failed-urls-table" });
-    return /* @__PURE__ */ React73.createElement(
+    const table = /* @__PURE__ */ React74.createElement(UrlScanResultsTable, { results: results.failed, id: "failed-urls-table" });
+    return /* @__PURE__ */ React74.createElement(
       CollapsibleUrlResultSection,
       {
         deps,
@@ -3232,10 +3294,10 @@ var FailedUrlsSection = NamedFC(
 );
 
 // src/reports/components/report-sections/not-scanned-urls-section.tsx
-var React75 = __toESM(require("react"));
+var React76 = __toESM(require("react"));
 
 // src/reports/components/report-sections/url-errors-table.tsx
-var React74 = __toESM(require("react"));
+var React75 = __toESM(require("react"));
 var UrlErrorsTable = NamedFC("UrlErrorsTable", (props) => {
   const errors = props.errors;
   const columns = [
@@ -3245,19 +3307,19 @@ var UrlErrorsTable = NamedFC("UrlErrorsTable", (props) => {
   ];
   const rows = errors.map((scanError) => {
     const { errorDescription, errorType, url, errorLogLocation } = scanError;
-    const urlLink = /* @__PURE__ */ React74.createElement(NewTabLink, { href: url }, url);
-    const errorLogLink = /* @__PURE__ */ React74.createElement(NewTabLink, { href: errorLogLocation }, errorDescription);
+    const urlLink = /* @__PURE__ */ React75.createElement(NewTabLink, { href: url }, url);
+    const errorLogLink = /* @__PURE__ */ React75.createElement(NewTabLink, { href: errorLogLocation }, errorDescription);
     return [errorType, urlLink, errorLogLink];
   });
-  return /* @__PURE__ */ React74.createElement(SummaryResultsTable, { columns, rows, id: props.id });
+  return /* @__PURE__ */ React75.createElement(SummaryResultsTable, { columns, rows, id: props.id });
 });
 
 // src/reports/components/report-sections/not-scanned-urls-section.tsx
 var NotScannedUrlsSection = NamedFC(
   "NotScannedUrlsSection",
   ({ results, deps }) => {
-    const table = /* @__PURE__ */ React75.createElement(UrlErrorsTable, { errors: results.unscannable, id: "not-scanned-urls-table" });
-    return /* @__PURE__ */ React75.createElement(
+    const table = /* @__PURE__ */ React76.createElement(UrlErrorsTable, { errors: results.unscannable, id: "not-scanned-urls-table" });
+    return /* @__PURE__ */ React76.createElement(
       CollapsibleUrlResultSection,
       {
         deps,
@@ -3272,12 +3334,12 @@ var NotScannedUrlsSection = NamedFC(
 );
 
 // src/reports/components/report-sections/passed-urls-section.tsx
-var React76 = __toESM(require("react"));
+var React77 = __toESM(require("react"));
 var PassedUrlsSection = NamedFC(
   "PassedUrlsSection",
   ({ results, deps }) => {
-    const table = /* @__PURE__ */ React76.createElement(UrlScanResultsTable, { results: results.passed, id: "passed-urls-table" });
-    return /* @__PURE__ */ React76.createElement(
+    const table = /* @__PURE__ */ React77.createElement(UrlScanResultsTable, { results: results.passed, id: "passed-urls-table" });
+    return /* @__PURE__ */ React77.createElement(
       CollapsibleUrlResultSection,
       {
         deps,
@@ -3292,7 +3354,7 @@ var PassedUrlsSection = NamedFC(
 );
 
 // src/reports/components/report-sections/results-by-url-container.tsx
-var React77 = __toESM(require("react"));
+var React78 = __toESM(require("react"));
 
 // src/reports/components/report-sections/results-by-url-container.scss
 var results_by_url_container_default = { "urlResultsContainer": "url-results-container---dq9B", "resultsHeading": "results-heading--2dWBX" };
@@ -3301,12 +3363,12 @@ var results_by_url_container_default = { "urlResultsContainer": "url-results-con
 var ResultsByUrlContainer = NamedFC(
   "ResultsContainer",
   ({ children, getCollapsibleScript }) => {
-    return /* @__PURE__ */ React77.createElement(React77.Fragment, null, /* @__PURE__ */ React77.createElement("div", { className: results_by_url_container_default.urlResultsContainer }, /* @__PURE__ */ React77.createElement("div", { className: results_by_url_container_default.resultsHeading }, /* @__PURE__ */ React77.createElement("h2", null, "Results by URL")), children), /* @__PURE__ */ React77.createElement("script", { dangerouslySetInnerHTML: { __html: getCollapsibleScript() } }));
+    return /* @__PURE__ */ React78.createElement(React78.Fragment, null, /* @__PURE__ */ React78.createElement("div", { className: results_by_url_container_default.urlResultsContainer }, /* @__PURE__ */ React78.createElement("div", { className: results_by_url_container_default.resultsHeading }, /* @__PURE__ */ React78.createElement("h2", null, "Results by URL")), children), /* @__PURE__ */ React78.createElement("script", { dangerouslySetInnerHTML: { __html: getCollapsibleScript() } }));
   }
 );
 
 // src/reports/components/report-sections/summary-report-summary-section.tsx
-var React78 = __toESM(require("react"));
+var React79 = __toESM(require("react"));
 var SummaryReportSummarySection = NamedFC(
   "SummaryReportSummarySection",
   (props) => {
@@ -3321,7 +3383,7 @@ var SummaryReportSummarySection = NamedFC(
       notScannedUrlsCount: results.unscannable.length,
       failureInstancesCount: failedInstances
     };
-    return /* @__PURE__ */ React78.createElement(UrlsSummarySection, { ...urlsSummarySectionProps });
+    return /* @__PURE__ */ React79.createElement(UrlsSummarySection, { ...urlsSummarySectionProps });
   }
 );
 
@@ -3465,11 +3527,12 @@ var CombinedResultsToCardsModelConverter = class {
       const passedCards = this.getCardRuleResults(results.passed);
       const inapplicableCards = this.getCardRuleResults(results.notApplicable);
       const failedCards = results.failed.map(this.getFailuresGroupedByRule);
+      const incompleteCards = this.getCardRuleResults(results.incomplete);
       const statusResults = {
         fail: failedCards,
         pass: passedCards,
         inapplicable: inapplicableCards,
-        unknown: []
+        unknown: incompleteCards
       };
       return {
         cards: statusResults,
@@ -3587,7 +3650,7 @@ var ReactStaticRenderer = class {
 };
 
 // src/reports/report-html-generator.tsx
-var React79 = __toESM(require("react"));
+var React80 = __toESM(require("react"));
 var ReportHtmlGenerator = class {
   constructor(sectionFactory, reactStaticRenderer, getCollapsibleScript, utcDateConverter, getGuidanceTagsFromGuidanceLinks, fixInstructionProcessor, recommendColor, getPropertyConfiguration2, getNextHeadingLevel, getCopyToClipboardScript2) {
     this.sectionFactory = sectionFactory;
@@ -3603,7 +3666,7 @@ var ReportHtmlGenerator = class {
   }
   generateHtml(description, cardsViewData, scanMetadata, feedbackURL, expandPassSectionDetails) {
     const HeadSection = this.sectionFactory.HeadSection;
-    const headMarkup = this.reactStaticRenderer.renderToStaticMarkup(/* @__PURE__ */ React79.createElement(HeadSection, null));
+    const headMarkup = this.reactStaticRenderer.renderToStaticMarkup(/* @__PURE__ */ React80.createElement(HeadSection, null));
     const detailsProps = {
       description,
       deps: {
@@ -3633,14 +3696,14 @@ var ReportHtmlGenerator = class {
       sectionFactory: this.sectionFactory,
       ...detailsProps
     };
-    const bodyElement = /* @__PURE__ */ React79.createElement(ReportBody, { ...props });
+    const bodyElement = /* @__PURE__ */ React80.createElement(ReportBody, { ...props });
     const bodyMarkup = this.reactStaticRenderer.renderToStaticMarkup(bodyElement);
     return '<!DOCTYPE html><html lang="en">' + headMarkup + bodyMarkup + "</html>";
   }
 };
 
 // src/reports/summary-report-html-generator.tsx
-var React80 = __toESM(require("react"));
+var React81 = __toESM(require("react"));
 var SummaryReportHtmlGenerator = class {
   constructor(sectionFactory, reactStaticRenderer, getCollapsibleScript, utcDateConverter, secondsToTimeStringConverter) {
     this.sectionFactory = sectionFactory;
@@ -3651,7 +3714,7 @@ var SummaryReportHtmlGenerator = class {
   }
   generateHtml(scanMetadata, results) {
     const HeadSection = this.sectionFactory.HeadSection;
-    const headMarkup = this.reactStaticRenderer.renderToStaticMarkup(/* @__PURE__ */ React80.createElement(HeadSection, null));
+    const headMarkup = this.reactStaticRenderer.renderToStaticMarkup(/* @__PURE__ */ React81.createElement(HeadSection, null));
     const detailsProps = {
       deps: {
         collapsibleControl: ReportCollapsibleContainerControl
@@ -3666,7 +3729,7 @@ var SummaryReportHtmlGenerator = class {
       sectionFactory: this.sectionFactory,
       ...detailsProps
     };
-    const bodyElement = /* @__PURE__ */ React80.createElement(ReportBody, { ...props });
+    const bodyElement = /* @__PURE__ */ React81.createElement(ReportBody, { ...props });
     const bodyMarkup = this.reactStaticRenderer.renderToStaticMarkup(bodyElement);
     return '<!DOCTYPE html><html lang="en">' + headMarkup + bodyMarkup + "</html>";
   }
@@ -5673,7 +5736,7 @@ var RuleProcessor = class {
 };
 
 // src/common/components/fix-instruction-processor.tsx
-var React81 = __toESM(require("react"));
+var React82 = __toESM(require("react"));
 
 // src/common/components/cards/fix-instruction-color-box.scss
 var fix_instruction_color_box_default = { "fixInstructionColorBox": "fix-instruction-color-box--DQpQE", "screenReaderOnly": "screen-reader-only--6LUiO" };
@@ -5716,7 +5779,7 @@ var FixInstructionProcessor = class {
     return this.tryProcessAsColorContrastRecommendation(instruction, recommendColor) ?? this.tryProcessAsRelatedNodesReference(instruction) ?? this.processAsNoop(instruction);
   }
   processAsNoop(fixInstruction) {
-    return /* @__PURE__ */ React81.createElement(React81.Fragment, null, fixInstruction);
+    return /* @__PURE__ */ React82.createElement(React82.Fragment, null, fixInstruction);
   }
   // We perform this replacement because what axe-core exposes as a "relatedNodes" property
   // is presented in our cards views as a "Related paths" row. This only comes up in practice
@@ -5727,7 +5790,7 @@ var FixInstructionProcessor = class {
       return null;
     }
     const inputBody = input.slice(0, input.length - " (see related nodes)".length);
-    return /* @__PURE__ */ React81.createElement(React81.Fragment, null, inputBody, " (see ", /* @__PURE__ */ React81.createElement("em", null, "Related paths"), ")");
+    return /* @__PURE__ */ React82.createElement(React82.Fragment, null, inputBody, " (see ", /* @__PURE__ */ React82.createElement("em", null, "Related paths"), ")");
   }
   tryProcessAsColorContrastRecommendation(fixInstruction, recommendColor) {
     const matches6 = this.getColorMatches(fixInstruction);
@@ -5820,14 +5883,14 @@ var FixInstructionProcessor = class {
   }
   splitFixInstruction(fixInstruction, recommendationStrings, matches6) {
     if (matches6.length === 0) {
-      return /* @__PURE__ */ React81.createElement(React81.Fragment, null, fixInstruction);
+      return /* @__PURE__ */ React82.createElement(React82.Fragment, null, fixInstruction);
     }
     const recommendations = [];
     const howToFixMatches = matches6.slice(0, 2);
     const recommendationMatches = matches6.slice(2);
     const results = this.getInstructionWithAndWithoutBoxes(howToFixMatches, fixInstruction);
     if (recommendationStrings.length === 0) {
-      return /* @__PURE__ */ React81.createElement(React81.Fragment, null, results);
+      return /* @__PURE__ */ React82.createElement(React82.Fragment, null, results);
     }
     const recommendationOne = this.getInstructionWithAndWithoutBoxes(
       recommendationMatches.slice(0, 2),
@@ -5844,7 +5907,7 @@ var FixInstructionProcessor = class {
     return this.addRecommendationsToResults(results, recommendations);
   }
   addRecommendationsToResults(results, recommendations) {
-    return /* @__PURE__ */ React81.createElement(React81.Fragment, null, results, /* @__PURE__ */ React81.createElement("ul", { key: "recommendations-list", "data-automation-id": recommendationsAutomationId }, recommendations.map((rec, idx) => /* @__PURE__ */ React81.createElement("li", { key: `recommendation-${idx}` }, rec))));
+    return /* @__PURE__ */ React82.createElement(React82.Fragment, null, results, /* @__PURE__ */ React82.createElement("ul", { key: "recommendations-list", "data-automation-id": recommendationsAutomationId }, recommendations.map((rec, idx) => /* @__PURE__ */ React82.createElement("li", { key: `recommendation-${idx}` }, rec))));
   }
   getInstructionWithBoxes(matches6, fixInstruction) {
     let insertionIndex = 0;
@@ -5853,19 +5916,19 @@ var FixInstructionProcessor = class {
     matches6.forEach((match) => {
       const endIndex = match.splitIndex - match.colorHexValue.length;
       const substring = fixInstruction.substring(insertionIndex, endIndex);
-      result.push(/* @__PURE__ */ React81.createElement("span", { key: `instruction-split-${keyIndex++}` }, substring));
+      result.push(/* @__PURE__ */ React82.createElement("span", { key: `instruction-split-${keyIndex++}` }, substring));
       result.push(this.createColorBox(match.colorHexValue, keyIndex++));
       insertionIndex = endIndex;
     });
     const coda = fixInstruction.substr(insertionIndex);
-    result.push(/* @__PURE__ */ React81.createElement("span", { key: `instruction-split-${keyIndex++}` }, coda));
+    result.push(/* @__PURE__ */ React82.createElement("span", { key: `instruction-split-${keyIndex++}` }, coda));
     return result;
   }
   getInstructionWithAndWithoutBoxes(matches6, fixInstruction) {
-    return /* @__PURE__ */ React81.createElement(React81.Fragment, null, /* @__PURE__ */ React81.createElement("span", { "aria-hidden": "true" }, this.getInstructionWithBoxes(matches6, fixInstruction)), /* @__PURE__ */ React81.createElement("span", { className: fix_instruction_color_box_default.screenReaderOnly }, fixInstruction));
+    return /* @__PURE__ */ React82.createElement(React82.Fragment, null, /* @__PURE__ */ React82.createElement("span", { "aria-hidden": "true" }, this.getInstructionWithBoxes(matches6, fixInstruction)), /* @__PURE__ */ React82.createElement("span", { className: fix_instruction_color_box_default.screenReaderOnly }, fixInstruction));
   }
   createColorBox(colorHexValue, keyIndex) {
-    return /* @__PURE__ */ React81.createElement(
+    return /* @__PURE__ */ React82.createElement(
       "span",
       {
         "aria-hidden": true,
@@ -5879,16 +5942,16 @@ var FixInstructionProcessor = class {
 
 // src/common/components/cards/get-labelled-string-property-card-row.tsx
 var import_lodash14 = require("lodash");
-var React83 = __toESM(require("react"));
+var React84 = __toESM(require("react"));
 
 // src/common/components/cards/simple-card-row.tsx
 var import_utilities6 = require("@fluentui/utilities");
-var React82 = __toESM(require("react"));
+var React83 = __toESM(require("react"));
 var SimpleCardRow = NamedFC(
   "SimpleCardRow",
   ({ label: givenLabel, content, rowKey, contentClassName }) => {
     const contentStyling = (0, import_utilities6.css)(instance_details_default.rowContent, contentClassName);
-    return /* @__PURE__ */ React82.createElement("tr", { className: instance_details_default.row, key: rowKey }, /* @__PURE__ */ React82.createElement("th", { className: instance_details_default.rowLabel }, givenLabel), /* @__PURE__ */ React82.createElement("td", { className: contentStyling }, content));
+    return /* @__PURE__ */ React83.createElement("tr", { className: instance_details_default.row, key: rowKey }, /* @__PURE__ */ React83.createElement("th", { className: instance_details_default.rowLabel }, givenLabel), /* @__PURE__ */ React83.createElement("td", { className: contentStyling }, content));
   }
 );
 
@@ -5898,7 +5961,7 @@ var GetLabelledStringPropertyCardRow = (label, contentClassName) => {
     if ((0, import_lodash14.isEmpty)(props.propertyData)) {
       return null;
     }
-    return /* @__PURE__ */ React83.createElement(
+    return /* @__PURE__ */ React84.createElement(
       SimpleCardRow,
       {
         label,
@@ -5918,7 +5981,7 @@ var ContentDescriptionCardRow = GetLabelledStringPropertyCardRow("Content descri
 
 // src/common/components/cards/related-paths-card-row.tsx
 var import_lodash15 = require("lodash");
-var React84 = __toESM(require("react"));
+var React85 = __toESM(require("react"));
 
 // src/common/components/cards/related-paths-card-row.scss
 var related_paths_card_row_default = { "pathList": "path-list--MxxKM" };
@@ -5930,11 +5993,11 @@ var RelatedPathsCardRow = NamedFC(
     if ((0, import_lodash15.isEmpty)(propertyData)) {
       return null;
     }
-    return /* @__PURE__ */ React84.createElement(
+    return /* @__PURE__ */ React85.createElement(
       SimpleCardRow,
       {
         label: `Related paths`,
-        content: /* @__PURE__ */ React84.createElement("ul", { className: related_paths_card_row_default.pathList }, propertyData.map((selector) => /* @__PURE__ */ React84.createElement("li", { key: selector }, selector))),
+        content: /* @__PURE__ */ React85.createElement("ul", { className: related_paths_card_row_default.pathList }, propertyData.map((selector) => /* @__PURE__ */ React85.createElement("li", { key: selector }, selector))),
         rowKey: `related-paths-row-${index}`
       }
     );
@@ -5942,16 +6005,16 @@ var RelatedPathsCardRow = NamedFC(
 );
 
 // src/common/components/cards/rich-resolution-card-row.tsx
-var React87 = __toESM(require("react"));
+var React88 = __toESM(require("react"));
 
 // src/assessments/markup.tsx
-var React85 = __toESM(require("react"));
+var React86 = __toESM(require("react"));
 function Term(props) {
-  return /* @__PURE__ */ React85.createElement("strong", null, props.children);
+  return /* @__PURE__ */ React86.createElement("strong", null, props.children);
 }
 
 // src/common/components/cards/rich-resolution-content.tsx
-var React86 = __toESM(require("react"));
+var React87 = __toESM(require("react"));
 
 // src/common/components/cards/rich-resolution-content.scss
 var rich_resolution_content_default = { "multiLineTextYesBullet": "multi-line-text-yes-bullet--TXyX-", "multiLineTextNoBullet": "multi-line-text-no-bullet--AUXXt", "combinationLists": "combination-lists--boK5y" };
@@ -5962,22 +6025,22 @@ var RichResolutionContent = NamedFC(
   ({ deps: { LinkComponent }, contentId, contentVariables }) => {
     switch (contentId) {
       case "web/aria-input-field-name": {
-        return /* @__PURE__ */ React86.createElement("div", null, "Inspect the element using the", " ", /* @__PURE__ */ React86.createElement(LinkComponent, { href: "https://developers.google.com/web/updates/2018/01/devtools" }, "Accessibility pane in the browser Developer Tools"), " ", "to verify that the field's accessible name is complete without its associated", " ", /* @__PURE__ */ React86.createElement("b", null, "<", "label", ">"), ".");
+        return /* @__PURE__ */ React87.createElement("div", null, "Inspect the element using the", " ", /* @__PURE__ */ React87.createElement(LinkComponent, { href: "https://developers.google.com/web/updates/2018/01/devtools" }, "Accessibility pane in the browser Developer Tools"), " ", "to verify that the field's accessible name is complete without its associated", " ", /* @__PURE__ */ React87.createElement("b", null, "<", "label", ">"), ".");
       }
       case "web/color-contrast": {
-        return /* @__PURE__ */ React86.createElement("div", { className: rich_resolution_content_default.combinationLists }, /* @__PURE__ */ React86.createElement("ul", { className: rich_resolution_content_default.multiLineTextYesBullet }, /* @__PURE__ */ React86.createElement("li", null, "If the instance is an icon or other non-text content, ignore it. This rule applies only to text."), /* @__PURE__ */ React86.createElement("li", null, "If the instance is text, use", " ", /* @__PURE__ */ React86.createElement(LinkComponent, { href: "https://go.microsoft.com/fwlink/?linkid=2075365" }, "Accessibility Insights for Windows"), " ", "(or the", " ", /* @__PURE__ */ React86.createElement(LinkComponent, { href: "https://developer.paciellogroup.com/resources/contrastanalyser/" }, "Colour Contrast Analyser"), " ", "if you're testing on a Mac) to manually verify that it has sufficient contrast compared to the background. If the background is an image or gradient, test an area where contrast appears to be lowest.")), /* @__PURE__ */ React86.createElement("ul", { className: rich_resolution_content_default.multiLineTextNoBullet }, /* @__PURE__ */ React86.createElement("li", null, "For detailed test instructions, see", " ", /* @__PURE__ */ React86.createElement(Term, null, "Assessment ", ">", " Adaptable content ", ">", " Contrast"), ".")));
+        return /* @__PURE__ */ React87.createElement("div", { className: rich_resolution_content_default.combinationLists }, /* @__PURE__ */ React87.createElement("ul", { className: rich_resolution_content_default.multiLineTextYesBullet }, /* @__PURE__ */ React87.createElement("li", null, "If the instance is an icon or other non-text content, ignore it. This rule applies only to text."), /* @__PURE__ */ React87.createElement("li", null, "If the instance is text, use", " ", /* @__PURE__ */ React87.createElement(LinkComponent, { href: "https://go.microsoft.com/fwlink/?linkid=2075365" }, "Accessibility Insights for Windows"), " ", "(or the", " ", /* @__PURE__ */ React87.createElement(LinkComponent, { href: "https://developer.paciellogroup.com/resources/contrastanalyser/" }, "Colour Contrast Analyser"), " ", "if you're testing on a Mac) to manually verify that it has sufficient contrast compared to the background. If the background is an image or gradient, test an area where contrast appears to be lowest.")), /* @__PURE__ */ React87.createElement("ul", { className: rich_resolution_content_default.multiLineTextNoBullet }, /* @__PURE__ */ React87.createElement("li", null, "For detailed test instructions, see", " ", /* @__PURE__ */ React87.createElement(Term, null, "Assessment ", ">", " Adaptable content ", ">", " Contrast"), ".")));
       }
       case "web/duplicate-id-aria": {
-        return /* @__PURE__ */ React86.createElement("div", null, "Document has multiple elements referenced with ARIA with the same id attribute. Examine any duplicate ID values and rename them. Duplicate IDs are common validation errors that may break the accessibility of labels, e.g., form fields, table header cells.");
+        return /* @__PURE__ */ React87.createElement("div", null, "Document has multiple elements referenced with ARIA with the same id attribute. Examine any duplicate ID values and rename them. Duplicate IDs are common validation errors that may break the accessibility of labels, e.g., form fields, table header cells.");
       }
       case "web/th-has-data-cells": {
-        return /* @__PURE__ */ React86.createElement("div", null, "Examine the header cell in the context of the table to verify that it has no data cells.");
+        return /* @__PURE__ */ React87.createElement("div", null, "Examine the header cell in the context of the table to verify that it has no data cells.");
       }
       case "web/label-content-name-mismatch": {
-        return /* @__PURE__ */ React86.createElement("span", null, "Inspect the element using the Accessibility pane in the browser Developer tools and verify that the element\u2019s accessible name contains its visible text.");
+        return /* @__PURE__ */ React87.createElement("span", null, "Inspect the element using the Accessibility pane in the browser Developer tools and verify that the element\u2019s accessible name contains its visible text.");
       }
       case "web/p-as-heading": {
-        return /* @__PURE__ */ React86.createElement("span", null, "Inspect the ", `<p>`, " element and verify that the element is not used as a heading through visual styling with bold, italic text or font-size. If headings are needed, use the appropriate heading tags.");
+        return /* @__PURE__ */ React87.createElement("span", null, "Inspect the ", `<p>`, " element and verify that the element is not used as a heading through visual styling with bold, italic text or font-size. If headings are needed, use the appropriate heading tags.");
       }
       default: {
         throw new Error(
@@ -5992,11 +6055,11 @@ var RichResolutionContent = NamedFC(
 var RichResolutionCardRow = NamedFC(
   "RichResolutionCardRow",
   ({ deps, index, propertyData }) => {
-    return /* @__PURE__ */ React87.createElement(
+    return /* @__PURE__ */ React88.createElement(
       SimpleCardRow,
       {
         label: `How to ${propertyData.labelType}`,
-        content: /* @__PURE__ */ React87.createElement(RichResolutionContent, { deps, ...propertyData }),
+        content: /* @__PURE__ */ React88.createElement(RichResolutionContent, { deps, ...propertyData }),
         rowKey: `rich-resolution-row-${index}`
       }
     );
@@ -6007,7 +6070,7 @@ var RichResolutionCardRow = NamedFC(
 var TextCardRow = GetLabelledStringPropertyCardRow("Text");
 
 // src/common/components/cards/urls-card-row.tsx
-var React88 = __toESM(require("react"));
+var React89 = __toESM(require("react"));
 
 // src/common/components/cards/urls-card-row.scss
 var urls_card_row_default = { "urlsRowContent": "urls-row-content--JDdRx", "urlsRowContentNewFailure": "urls-row-content-new-Failure--oL5lS" };
@@ -6016,9 +6079,9 @@ var urls_card_row_default = { "urlsRowContent": "urls-row-content--JDdRx", "urls
 var UrlsCardRow = NamedFC("UrlsCardRow", ({ deps, ...props }) => {
   const urlInfos = props.propertyData.urlInfos;
   const renderUrlContent = () => {
-    return /* @__PURE__ */ React88.createElement("ul", { className: urls_card_row_default.urlsRowContent }, urlInfos.map((urlInfo, index) => getUrlListItem(urlInfo, index, deps)));
+    return /* @__PURE__ */ React89.createElement("ul", { className: urls_card_row_default.urlsRowContent }, urlInfos.map((urlInfo, index) => getUrlListItem(urlInfo, index, deps)));
   };
-  return /* @__PURE__ */ React88.createElement(
+  return /* @__PURE__ */ React89.createElement(
     SimpleCardRow,
     {
       label: "URL",
@@ -6033,13 +6096,13 @@ var isNewViolation = (urlInfo) => {
 function getUrlListItem(urlInfo, index, deps) {
   const key = `urls-${index}`;
   if (isNewViolation(urlInfo)) {
-    return /* @__PURE__ */ React88.createElement("li", { key }, /* @__PURE__ */ React88.createElement(deps.LinkComponent, { "aria-label": `NEW. ${urlInfo.url}`, href: urlInfo.url }, urlInfo.url), /* @__PURE__ */ React88.createElement("span", { key: "new", "aria-hidden": "true", className: urls_card_row_default.urlsRowContentNewFailure }, "  NEW!"));
+    return /* @__PURE__ */ React89.createElement("li", { key }, /* @__PURE__ */ React89.createElement(deps.LinkComponent, { "aria-label": `NEW. ${urlInfo.url}`, href: urlInfo.url }, urlInfo.url), /* @__PURE__ */ React89.createElement("span", { key: "new", "aria-hidden": "true", className: urls_card_row_default.urlsRowContentNewFailure }, "  NEW!"));
   }
-  return /* @__PURE__ */ React88.createElement("li", { key }, /* @__PURE__ */ React88.createElement(deps.LinkComponent, { href: urlInfo.url }, urlInfo.url));
+  return /* @__PURE__ */ React89.createElement("li", { key }, /* @__PURE__ */ React89.createElement(deps.LinkComponent, { href: urlInfo.url }, urlInfo.url));
 }
 
 // src/common/components/cards/how-to-fix-card-row.tsx
-var React90 = __toESM(require("react"));
+var React91 = __toESM(require("react"));
 
 // src/common/types/check-type.ts
 var CheckType = /* @__PURE__ */ ((CheckType2) => {
@@ -6050,7 +6113,7 @@ var CheckType = /* @__PURE__ */ ((CheckType2) => {
 })(CheckType || {});
 
 // src/common/components/fix-instruction-panel.tsx
-var React89 = __toESM(require("react"));
+var React90 = __toESM(require("react"));
 var FixInstructionPanel = NamedFC(
   "FixInstructionPanel",
   (props) => {
@@ -6071,7 +6134,7 @@ var FixInstructionPanel = NamedFC(
     const renderInstructions = (checkType) => {
       const instructionList = props.checks.map((check, checkIndex) => {
         const message = check.message || "";
-        return /* @__PURE__ */ React89.createElement("li", { key: `instruction-${CheckType[checkType]}-${checkIndex + 1}` }, fixInstructionProcessor.process(message, props.deps.recommendColor));
+        return /* @__PURE__ */ React90.createElement("li", { key: `instruction-${CheckType[checkType]}-${checkIndex + 1}` }, fixInstructionProcessor.process(message, props.deps.recommendColor));
       });
       return instructionList;
     };
@@ -6079,7 +6142,7 @@ var FixInstructionPanel = NamedFC(
       return null;
     }
     const title2 = getPanelTitle(props.checkType, props.checks.length);
-    return /* @__PURE__ */ React89.createElement("div", null, props.renderTitleElement(title2), /* @__PURE__ */ React89.createElement("ul", null, renderInstructions(props.checkType)));
+    return /* @__PURE__ */ React90.createElement("div", null, props.renderTitleElement(title2), /* @__PURE__ */ React90.createElement("ul", null, renderInstructions(props.checkType)));
   }
 );
 
@@ -6092,7 +6155,7 @@ var HowToFixWebCardRow = NamedFC(
   ({ deps, ...props }) => {
     const { any: anyOf, all, none } = props.propertyData;
     const renderFixInstructionsContent = () => {
-      return /* @__PURE__ */ React90.createElement("div", { className: how_to_fix_card_row_default.howToFixContent }, /* @__PURE__ */ React90.createElement(
+      return /* @__PURE__ */ React91.createElement("div", { className: how_to_fix_card_row_default.howToFixContent }, /* @__PURE__ */ React91.createElement(
         FixInstructionPanel,
         {
           deps,
@@ -6100,7 +6163,7 @@ var HowToFixWebCardRow = NamedFC(
           checks: all.concat(none).map(turnStringToMessageObject),
           renderTitleElement: renderFixInstructionsTitleElement
         }
-      ), /* @__PURE__ */ React90.createElement(
+      ), /* @__PURE__ */ React91.createElement(
         FixInstructionPanel,
         {
           deps,
@@ -6114,9 +6177,9 @@ var HowToFixWebCardRow = NamedFC(
       return { message: s };
     };
     const renderFixInstructionsTitleElement = (titleText) => {
-      return /* @__PURE__ */ React90.createElement("div", null, titleText);
+      return /* @__PURE__ */ React91.createElement("div", null, titleText);
     };
-    return /* @__PURE__ */ React90.createElement(
+    return /* @__PURE__ */ React91.createElement(
       SimpleCardRow,
       {
         label: "How to fix",
@@ -6128,7 +6191,7 @@ var HowToFixWebCardRow = NamedFC(
 );
 
 // src/common/components/cards/pass-resolution-card-row.tsx
-var React91 = __toESM(require("react"));
+var React92 = __toESM(require("react"));
 
 // src/common/components/cards/pass-resolution-card-row.scss
 var pass_resolution_card_row_default = { "passResolutionContent": "pass-resolution-content---Ox0i" };
@@ -6139,7 +6202,7 @@ var PassResolutionCardRow = NamedFC(
   ({ deps, ...props }) => {
     const { any: anyOf, all, none } = props.propertyData;
     const renderFixInstructionsContent = () => {
-      return /* @__PURE__ */ React91.createElement("div", { className: pass_resolution_card_row_default.passResolutionContent }, /* @__PURE__ */ React91.createElement(
+      return /* @__PURE__ */ React92.createElement("div", { className: pass_resolution_card_row_default.passResolutionContent }, /* @__PURE__ */ React92.createElement(
         FixInstructionPanel,
         {
           deps,
@@ -6148,7 +6211,7 @@ var PassResolutionCardRow = NamedFC(
           renderTitleElement: renderFixInstructionsTitleElement,
           isPass: true
         }
-      ), /* @__PURE__ */ React91.createElement(
+      ), /* @__PURE__ */ React92.createElement(
         FixInstructionPanel,
         {
           deps,
@@ -6163,9 +6226,9 @@ var PassResolutionCardRow = NamedFC(
       return { message: s };
     };
     const renderFixInstructionsTitleElement = (titleText) => {
-      return /* @__PURE__ */ React91.createElement("div", null, titleText);
+      return /* @__PURE__ */ React92.createElement("div", null, titleText);
     };
-    return /* @__PURE__ */ React91.createElement(
+    return /* @__PURE__ */ React92.createElement(
       SimpleCardRow,
       {
         label: "Summary",
@@ -6445,7 +6508,7 @@ var axeResultsReportGenerator = (parameters) => {
     getPassResolution,
     getCheckResolution,
     extractRelatedSelectors
-  ).automatedChecksConversion;
+  ).automatedChecksConversionForReportPackage;
   const deps = {
     reportHtmlGenerator,
     resultDecorator,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "accessibility-insights-report",
-    "version": "7.2.0",
+    "version": "7.3.0",
     "description": "Accessibility Insights Report",
     "license": "MIT",
     "files": [