accessibility-insights-report 7.0.0 → 7.1.0

package/drop/index.js

@@ -1060,14 +1060,32 @@ var outcomeIconMapInverted = {
   unscannable: /* @__PURE__ */ React11.createElement(InapplicableIconInverted, null)
 };
 
+// src/common/components/guidance-tags.tsx
+var import_lodash4 = require("lodash");
+var React12 = __toESM(require("react"));
+var GuidanceTags = NamedFC("GuidanceTags", (props) => {
+  const { links, deps } = props;
+  if ((0, import_lodash4.isEmpty)(links)) {
+    return null;
+  }
+  const tags = deps.getGuidanceTagsFromGuidanceLinks(links);
+  if ((0, import_lodash4.isEmpty)(tags)) {
+    return null;
+  }
+  const tagElements = tags.map((tag, index) => {
+    return /* @__PURE__ */ React12.createElement("span", { key: index }, tag.displayText);
+  });
+  return /* @__PURE__ */ React12.createElement("span", { className: "guidance-tags" }, tagElements);
+});
+
 // src/reports/components/report-sections/minimal-rule-header.tsx
-var React13 = __toESM(require("react"));
+var React14 = __toESM(require("react"));
 
 // src/reports/components/report-sections/minimal-rule-header.scss
 var minimal_rule_header_default = { "outcomeChipContainer": "outcome-chip-container--G5Dfr" };
 
 // src/reports/components/outcome-chip.tsx
-var React12 = __toESM(require("react"));
+var React13 = __toESM(require("react"));
 
 // src/reports/components/outcome-icon.tsx
 var OutcomeIcon = NamedFC(
@@ -1078,10 +1096,10 @@ var OutcomeIcon = NamedFC(
 // src/reports/components/outcome-chip.tsx
 var failureCountAutomationId = "count";
 var OutcomeChip = NamedFC("OutcomeChip", (props) => {
-  const { outcomeType, count } = props;
+  const { outcomeType, count, labelledBy } = props;
   const { pastTense } = outcomeTypeSemantics[outcomeType];
   const text = `${count} ${pastTense}`;
-  return /* @__PURE__ */ React12.createElement("span", { className: "outcome-chip outcome-chip-" + outcomeType, title: text }, /* @__PURE__ */ React12.createElement("span", { className: "icon" }, /* @__PURE__ */ React12.createElement(OutcomeIcon, { outcomeType })), /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React13.createElement("span", { className: "outcome-chip outcome-chip-" + outcomeType, title: text }, /* @__PURE__ */ React13.createElement("span", { className: "icon" }, /* @__PURE__ */ React13.createElement(OutcomeIcon, { outcomeType })), /* @__PURE__ */ React13.createElement(
     "span",
     {
       "data-automation-id": failureCountAutomationId,
@@ -1090,24 +1108,30 @@ var OutcomeChip = NamedFC("OutcomeChip", (props) => {
     },
     " ",
     count
-  ), /* @__PURE__ */ React12.createElement("span", { className: "screen-reader-only" }, text));
+  ), !labelledBy && /* @__PURE__ */ React13.createElement("span", { className: "screen-reader-only" }, text));
 });
 
 // src/reports/components/report-sections/minimal-rule-header.tsx
 var cardsRuleIdAutomationId = "cards-rule-id";
 var ruleDetailAutomationId = "rule-detail";
 var MinimalRuleHeader = NamedFC("MinimalRuleHeader", (props) => {
-  const { outcomeType, rule, outcomeCounter } = props;
+  const { outcomeType, rule, outcomeCounter, deps } = props;
   const renderCountBadge = () => {
     if (outcomeType !== "fail" && outcomeType !== "review") {
       return null;
     }
     const count = outcomeCounter(rule.nodes);
-    return /* @__PURE__ */ React13.createElement("span", { "aria-hidden": "true" }, /* @__PURE__ */ React13.createElement(OutcomeChip, { count, outcomeType }));
+    return /* @__PURE__ */ React14.createElement("span", { "aria-hidden": "true" }, /* @__PURE__ */ React14.createElement(OutcomeChip, { count, outcomeType, labelledBy: true }));
   };
-  const renderRuleName = () => /* @__PURE__ */ React13.createElement("span", { "data-automation-id": cardsRuleIdAutomationId, className: "rule-details-id" }, /* @__PURE__ */ React13.createElement("strong", null, rule.id));
-  const renderDescription = () => /* @__PURE__ */ React13.createElement("span", { className: "rule-details-description" }, rule.description);
-  return /* @__PURE__ */ React13.createElement("span", { "data-automation-id": ruleDetailAutomationId, className: "rule-detail" }, /* @__PURE__ */ React13.createElement("span", { className: minimal_rule_header_default.outcomeChipContainer }, renderCountBadge()), /* @__PURE__ */ React13.createElement("span", null, renderRuleName(), ": ", renderDescription()));
+  const renderRuleName = () => /* @__PURE__ */ React14.createElement("span", { "data-automation-id": cardsRuleIdAutomationId, className: "rule-details-id" }, /* @__PURE__ */ React14.createElement("strong", null, rule.id));
+  const renderDescription = () => /* @__PURE__ */ React14.createElement("span", { className: "rule-details-description" }, rule.description);
+  const renderGuidanceTags = () => {
+    if (!rule.guidance) {
+      return null;
+    }
+    return /* @__PURE__ */ React14.createElement(GuidanceTags, { deps, links: rule.guidance });
+  };
+  return /* @__PURE__ */ React14.createElement("span", { "data-automation-id": ruleDetailAutomationId, className: "rule-detail" }, /* @__PURE__ */ React14.createElement("span", { className: minimal_rule_header_default.outcomeChipContainer }, renderCountBadge()), /* @__PURE__ */ React14.createElement("span", null, renderRuleName(), ": ", renderDescription(), rule.guidance && " ", renderGuidanceTags()));
 });
 
 // src/common/components/cards/rule-content.tsx
@@ -1123,7 +1147,7 @@ var getNeedsReviewRuleResourcesUrl = (ruleId) => {
 };
 
 // src/common/components/cards/instance-details-group.tsx
-var React26 = __toESM(require("react"));
+var React27 = __toESM(require("react"));
 
 // src/common/components/cards/instance-details.tsx
 var import_classnames = __toESM(require("classnames"));
@@ -1178,19 +1202,19 @@ ${howToFix}`);
 }
 
 // src/common/components/cards/instance-details.tsx
-var import_lodash4 = require("lodash");
-var React25 = __toESM(require("react"));
+var import_lodash5 = require("lodash");
+var React26 = __toESM(require("react"));
 
 // src/reports/components/instance-details.scss
 var instance_details_default = { "hiddenHighlightButton": "hidden-highlight-button--vu3B3", "instanceDetailsCard": "instance-details-card--owGQF", "instanceDetailsCardContainer": "instance-details-card-container--KLHTp", "selected": "selected--wEA4l", "focused": "focused--pvBWq", "interactive": "interactive--an0ab", "reportInstanceTable": "report-instance-table--3VoZX", "row": "row---3i35", "rowLabel": "row-label--FlVZl", "rowContent": "row-content--07KUh" };
 
 // src/common/components/cards/failed-instances-markup-footer.tsx
-var React19 = __toESM(require("react"));
+var React20 = __toESM(require("react"));
 
 // src/common/icons/copy-details-icon.tsx
-var React14 = __toESM(require("react"));
+var React15 = __toESM(require("react"));
 var d = "M5.5028 4.62704L5.5 6.75V17.2542C5.5 19.0491 6.95507 20.5042 8.75 20.5042L17.3663 20.5045C17.0573 21.3782 16.224 22.0042 15.2444 22.0042H8.75C6.12665 22.0042 4 19.8776 4 17.2542V6.75C4 5.76929 4.62745 4.93512 5.5028 4.62704ZM17.75 2C18.9926 2 20 3.00736 20 4.25V17.25C20 18.4926 18.9926 19.5 17.75 19.5H8.75C7.50736 19.5 6.5 18.4926 6.5 17.25V4.25C6.5 3.00736 7.50736 2 8.75 2H17.75ZM17.75 3.5H8.75C8.33579 3.5 8 3.83579 8 4.25V17.25C8 17.6642 8.33579 18 8.75 18H17.75C18.1642 18 18.5 17.6642 18.5 17.25V4.25C18.5 3.83579 18.1642 3.5 17.75 3.5Z";
-var CopyDetailsIcon = NamedFC("CopyDetailsIcon", () => /* @__PURE__ */ React14.createElement(
+var CopyDetailsIcon = NamedFC("CopyDetailsIcon", () => /* @__PURE__ */ React15.createElement(
   "svg",
   {
     width: "16",
@@ -1200,7 +1224,7 @@ var CopyDetailsIcon = NamedFC("CopyDetailsIcon", () => /* @__PURE__ */ React14.c
     role: "img",
     "aria-hidden": "true"
   },
-  /* @__PURE__ */ React14.createElement("path", { d, fill: "#212121", transform: "scale(2)" })
+  /* @__PURE__ */ React15.createElement("path", { d, fill: "#212121", transform: "scale(2)" })
 ));
 
 // src/common/utils/id-generator.ts
@@ -1216,7 +1240,7 @@ function generateDeterministicContentId(content) {
 }
 
 // src/common/components/cards/copy-content-button.tsx
-var React15 = __toESM(require("react"));
+var React16 = __toESM(require("react"));
 
 // src/common/components/cards/failed-instances-markup-footer.scss
 var failed_instances_markup_footer_default = { "markupFooter": "markup-footer--HEVHv", "feedbackText": "feedback-text--yBb6Z", "feedbackButtons": "feedback-buttons--rDHVY", "buttonsGroupLeft": "buttons-group-left--JSoCT", "buttonsGroupRight": "buttons-group-right--SKsSu", "feedbackButton": "feedback-button--Vn-lA", "aiContentLabel": "ai-content-label--1cidK", "notificationContainer": "notification-container--axJpL", "copyNotification": "copy-notification--MlMTG", "fadeInOut": "fade-in-out--AuVTM", "visible": "visible--GCwEf", "hiddenContent": "hidden-content--9JuU6" };
@@ -1232,7 +1256,7 @@ var CopyContentButton = NamedFC(
     const copyButtonId = `copy-button-${idBase}`;
     const copyContentId = `copy-content-${idBase}`;
     const notificationId = `copy-notification-${idBase}`;
-    return /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement(
+    return /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement(
       "button",
       {
         id: copyButtonId,
@@ -1241,9 +1265,9 @@ var CopyContentButton = NamedFC(
         "aria-label": "Copy failure details to clipboard",
         "aria-describedby": contentToCopy ? copyContentId : void 0
       },
-      /* @__PURE__ */ React15.createElement(CopyDetailsIcon, null),
-      /* @__PURE__ */ React15.createElement("span", null, "Copy Failure Details")
-    ), contentToCopy && /* @__PURE__ */ React15.createElement("span", { id: copyContentId, className: failed_instances_markup_footer_default.hiddenContent }, contentToCopy), /* @__PURE__ */ React15.createElement("div", { className: failed_instances_markup_footer_default.notificationContainer }, /* @__PURE__ */ React15.createElement(
+      /* @__PURE__ */ React16.createElement(CopyDetailsIcon, null),
+      /* @__PURE__ */ React16.createElement("span", null, "Copy Failure Details")
+    ), contentToCopy && /* @__PURE__ */ React16.createElement("span", { id: copyContentId, className: failed_instances_markup_footer_default.hiddenContent }, contentToCopy), /* @__PURE__ */ React16.createElement("div", { className: failed_instances_markup_footer_default.notificationContainer }, /* @__PURE__ */ React16.createElement(
       "span",
       {
         id: notificationId,
@@ -1257,9 +1281,9 @@ var CopyContentButton = NamedFC(
 );
 
 // src/common/icons/thumbs-down-icon.tsx
-var React16 = __toESM(require("react"));
+var React17 = __toESM(require("react"));
 var d2 = "M16.4996 17.9852C16.4996 20.4271 15.3595 22.1838 13.4932 22.1838C12.5183 22.1838 12.1518 21.6411 11.8021 20.3881L11.596 19.6162C11.495 19.2574 11.3192 18.6467 11.069 17.7852C11.0623 17.7621 11.0524 17.7403 11.0396 17.7203L8.17281 13.2346C7.49476 12.1736 6.49429 11.3581 5.31841 10.9079L4.84513 10.7267C3.5984 10.2494 2.87457 8.94562 3.1287 7.63505L3.53319 5.54897C3.77462 4.30388 4.71828 3.31298 5.9501 3.01106L13.5778 1.14153C16.109 0.521138 18.6674 2.05607 19.3113 4.5814L20.7262 10.1306C21.1697 11.8698 20.1192 13.6393 18.3799 14.0828C18.1175 14.1497 17.8478 14.1835 17.5769 14.1835H15.7536C16.2497 15.8164 16.4996 17.0762 16.4996 17.9852ZM4.60127 7.92059C4.48576 8.5163 4.81477 9.10893 5.38147 9.3259L5.85475 9.5071C7.33036 10.0721 8.58585 11.0954 9.43674 12.4268L12.3035 16.9125C12.3935 17.0534 12.4629 17.2064 12.5095 17.367L13.0614 19.2873L13.2731 20.0786C13.4125 20.5666 13.4827 20.6838 13.4932 20.6838C14.3609 20.6838 14.9996 19.6998 14.9996 17.9852C14.9996 17.1007 14.6738 15.6497 14.0158 13.6701C13.8544 13.1846 14.2158 12.6835 14.7275 12.6835H17.5769C17.7228 12.6835 17.868 12.6653 18.0093 12.6293C18.9459 12.3905 19.5115 11.4377 19.2727 10.5012L17.8578 4.952C17.4172 3.22415 15.6668 2.17393 13.9349 2.59841L6.30718 4.46794C5.64389 4.63051 5.13577 5.16407 5.00577 5.83451L4.60127 7.92059Z";
-var ThumbsDownIcon = NamedFC("ThumbsDownIcon", () => /* @__PURE__ */ React16.createElement(
+var ThumbsDownIcon = NamedFC("ThumbsDownIcon", () => /* @__PURE__ */ React17.createElement(
   "svg",
   {
     viewBox: "0 0 48 48",
@@ -1270,13 +1294,13 @@ var ThumbsDownIcon = NamedFC("ThumbsDownIcon", () => /* @__PURE__ */ React16.cre
     role: "img",
     "aria-hidden": "true"
   },
-  /* @__PURE__ */ React16.createElement("path", { d: d2, fill: "#212121", transform: "scale(2)" })
+  /* @__PURE__ */ React17.createElement("path", { d: d2, fill: "#212121", transform: "scale(2)" })
 ));
 
 // src/common/icons/thumbs-up-icon.tsx
-var React17 = __toESM(require("react"));
+var React18 = __toESM(require("react"));
 var d3 = "M16.4996 5.20259C16.4996 2.76065 15.3595 1.00391 13.4932 1.00391C12.467 1.00391 12.1149 1.60527 11.747 3.00348C11.6719 3.29233 11.635 3.43297 11.596 3.57157C11.495 3.93031 11.3192 4.54106 11.069 5.40258C11.0623 5.42566 11.0524 5.44741 11.0396 5.46749L8.17281 9.95315C7.49476 11.0141 6.49429 11.8296 5.31841 12.2798L4.84513 12.461C3.5984 12.9384 2.87457 14.2421 3.1287 15.5527L3.53319 17.6388C3.77462 18.8839 4.71828 19.8748 5.9501 20.1767L13.5778 22.0462C16.109 22.6666 18.6674 21.1317 19.3113 18.6064L20.7262 13.0572C21.1697 11.3179 20.1192 9.54845 18.3799 9.10498C18.1175 9.03807 17.8478 9.00422 17.5769 9.00422H15.7536C16.2497 7.37133 16.4996 6.11155 16.4996 5.20259ZM4.60127 15.2672C4.48576 14.6715 4.81477 14.0788 5.38147 13.8619L5.85475 13.6806C7.33036 13.1157 8.58585 12.0923 9.43674 10.7609L12.3035 6.27526C12.3935 6.13437 12.4629 5.98131 12.5095 5.82074C12.7608 4.95574 12.9375 4.34175 13.0399 3.97786C13.083 3.82461 13.1239 3.66916 13.1976 3.38519C13.3875 2.66348 13.4809 2.50391 13.4932 2.50391C14.3609 2.50391 14.9996 3.48797 14.9996 5.20259C14.9996 6.08708 14.6738 7.53803 14.0158 9.51766C13.8544 10.0032 14.2158 10.5042 14.7275 10.5042H17.5769C17.7228 10.5042 17.868 10.5224 18.0093 10.5585C18.9459 10.7973 19.5115 11.7501 19.2727 12.6866L17.8578 18.2357C17.4172 19.9636 15.6668 21.0138 13.9349 20.5893L6.30718 18.7198C5.64389 18.5572 5.13577 18.0237 5.00577 17.3532L4.60127 15.2672Z";
-var ThumbsUpIcon = NamedFC("ThumbsUpIcon", () => /* @__PURE__ */ React17.createElement(
+var ThumbsUpIcon = NamedFC("ThumbsUpIcon", () => /* @__PURE__ */ React18.createElement(
   "svg",
   {
     viewBox: "0 0 48 48",
@@ -1287,18 +1311,18 @@ var ThumbsUpIcon = NamedFC("ThumbsUpIcon", () => /* @__PURE__ */ React17.createE
     role: "img",
     "aria-hidden": "true"
   },
-  /* @__PURE__ */ React17.createElement("path", { d: d3, fill: "#212121", transform: "scale(2)" })
+  /* @__PURE__ */ React18.createElement("path", { d: d3, fill: "#212121", transform: "scale(2)" })
 ));
 
 // src/common/components/cards/feedback-buttons.tsx
-var React18 = __toESM(require("react"));
+var React19 = __toESM(require("react"));
 var FeedbackButtons = NamedFC(
   "FeedbackButtons",
   ({ feedbackURL, isIssueAIdetected = false }) => {
     const getFeedbackUrl = () => {
       return feedbackURL;
     };
-    return /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement("a", { href: getFeedbackUrl(), className: failed_instances_markup_footer_default.feedbackButton, title: "Helpful" }, /* @__PURE__ */ React18.createElement(ThumbsUpIcon, null)), /* @__PURE__ */ React18.createElement("a", { href: getFeedbackUrl(), className: failed_instances_markup_footer_default.feedbackButton, title: "Unhelpful" }, /* @__PURE__ */ React18.createElement(ThumbsDownIcon, null)), isIssueAIdetected && /* @__PURE__ */ React18.createElement("span", { className: failed_instances_markup_footer_default.aiContentLabel }, "AI-generated content may be incorrect"));
+    return /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("a", { href: getFeedbackUrl(), className: failed_instances_markup_footer_default.feedbackButton, title: "Helpful" }, /* @__PURE__ */ React19.createElement(ThumbsUpIcon, null)), /* @__PURE__ */ React19.createElement("a", { href: getFeedbackUrl(), className: failed_instances_markup_footer_default.feedbackButton, title: "Unhelpful" }, /* @__PURE__ */ React19.createElement(ThumbsDownIcon, null)), isIssueAIdetected && /* @__PURE__ */ React19.createElement("span", { className: failed_instances_markup_footer_default.aiContentLabel }, "AI-generated content may be incorrect"));
   }
 );
 
@@ -1318,14 +1342,14 @@ var MarkupFooter = NamedFC("MarkupFooter", (props) => {
   if (!feedbackURL && !supportsCopy) {
     return null;
   }
-  return /* @__PURE__ */ React19.createElement("div", { className: failed_instances_markup_footer_default.markupFooter }, feedbackURL && /* @__PURE__ */ React19.createElement("div", { className: failed_instances_markup_footer_default.buttonsGroupLeft }, /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React20.createElement("div", { className: failed_instances_markup_footer_default.markupFooter }, feedbackURL && /* @__PURE__ */ React20.createElement("div", { className: failed_instances_markup_footer_default.buttonsGroupLeft }, /* @__PURE__ */ React20.createElement(
     FeedbackButtons,
     {
       feedbackURL,
       instanceId,
       isIssueAIdetected
     }
-  )), supportsCopy && /* @__PURE__ */ React19.createElement("div", { className: failed_instances_markup_footer_default.buttonsGroupRight }, /* @__PURE__ */ React19.createElement(
+  )), supportsCopy && /* @__PURE__ */ React20.createElement("div", { className: failed_instances_markup_footer_default.buttonsGroupRight }, /* @__PURE__ */ React20.createElement(
     CopyContentButton,
     {
       instanceId,
@@ -1345,8 +1369,8 @@ var import_react4 = require("@fluentui/react");
 var import_Styling = require("@fluentui/react/lib/Styling");
 
 // src/common/icons/more-actions-menu-icon.tsx
-var React20 = __toESM(require("react"));
-var MoreActionsMenuIcon = NamedFC("MoreActionsMenuIcon", () => /* @__PURE__ */ React20.createElement(
+var React21 = __toESM(require("react"));
+var MoreActionsMenuIcon = NamedFC("MoreActionsMenuIcon", () => /* @__PURE__ */ React21.createElement(
   "svg",
   {
     width: "10",
@@ -1358,23 +1382,23 @@ var MoreActionsMenuIcon = NamedFC("MoreActionsMenuIcon", () => /* @__PURE__ */ R
     role: "img",
     "aria-hidden": "true"
   },
-  /* @__PURE__ */ React20.createElement("circle", { cx: "5", cy: "14", r: "1.5" }),
-  /* @__PURE__ */ React20.createElement("circle", { cx: "5", cy: "8", r: "1.5" }),
-  /* @__PURE__ */ React20.createElement("circle", { cx: "5", cy: "2", r: "1.5" })
+  /* @__PURE__ */ React21.createElement("circle", { cx: "5", cy: "14", r: "1.5" }),
+  /* @__PURE__ */ React21.createElement("circle", { cx: "5", cy: "8", r: "1.5" }),
+  /* @__PURE__ */ React21.createElement("circle", { cx: "5", cy: "2", r: "1.5" })
 ));
 
 // src/common/components/cards/card-footer-instance-action-buttons.tsx
-var React22 = __toESM(require("react"));
+var React23 = __toESM(require("react"));
 
 // src/common/components/toast.tsx
 var import_utilities3 = require("@fluentui/utilities");
-var React21 = __toESM(require("react"));
+var React22 = __toESM(require("react"));
 
 // src/common/components/toast.scss
 var toast_default = { "toastContainer": "toast-container--L-5HM", "toastContent": "toast-content--8-Mx1" };
 
 // src/common/components/toast.tsx
-var Toast = class _Toast extends React21.Component {
+var Toast = class _Toast extends React22.Component {
   timeoutId;
   static defaultProps = {
     timeoutLength: 6e3
@@ -1396,7 +1420,7 @@ var Toast = class _Toast extends React21.Component {
     }
   }
   render() {
-    return /* @__PURE__ */ React21.createElement("div", { className: toast_default.toastContainer, "aria-live": "polite" }, this.state.toastVisible ? /* @__PURE__ */ React21.createElement("div", { className: (0, import_utilities3.css)("ms-fadeIn100", toast_default.toastContent) }, this.state.content) : null);
+    return /* @__PURE__ */ React22.createElement("div", { className: toast_default.toastContainer, "aria-live": "polite" }, this.state.toastVisible ? /* @__PURE__ */ React22.createElement("div", { className: (0, import_utilities3.css)("ms-fadeIn100", toast_default.toastContent) }, this.state.content) : null);
   }
 };
 
@@ -1406,10 +1430,10 @@ var card_footer_instance_action_buttons_default = { "kebabMenuIcon": "kebab-menu
 // src/common/components/cards/card-footer-instance-action-buttons.tsx
 (0, import_Styling.registerIcons)({
   icons: {
-    MoreActionsMenuIcon: /* @__PURE__ */ React22.createElement(MoreActionsMenuIcon, null)
+    MoreActionsMenuIcon: /* @__PURE__ */ React23.createElement(MoreActionsMenuIcon, null)
   }
 });
-var CardFooterInstanceActionButtons = class extends React22.Component {
+var CardFooterInstanceActionButtons = class extends React23.Component {
   constructor(props) {
     super(props);
     this.focusButtonAfterDialogClosed = () => {
@@ -1420,7 +1444,7 @@ var CardFooterInstanceActionButtons = class extends React22.Component {
         (_c = this.fileIssueButtonRef) == null ? void 0 : _c.focus();
       }
     };
-    this.toastRef = React22.createRef();
+    this.toastRef = React23.createRef();
   }
   render() {
     const menuItems = this.getMenuItems();
@@ -1431,7 +1455,7 @@ var CardFooterInstanceActionButtons = class extends React22.Component {
       // The wrapper has to be a real element, not a <>, because we want the placeholder elements
       // the dialog/toast involve to be considered as part of the button for the purposes of layout
       // calculation in this component's parent.
-      /* @__PURE__ */ React22.createElement("div", { onKeyDown: (event) => event.stopPropagation() }, this.renderButtons(), this.renderCopyFailureDetailsToast())
+      /* @__PURE__ */ React23.createElement("div", { onKeyDown: (event) => event.stopPropagation() }, this.renderButtons(), this.renderCopyFailureDetailsToast())
     );
   }
   renderButtons() {
@@ -1443,7 +1467,7 @@ var CardFooterInstanceActionButtons = class extends React22.Component {
     }
   }
   renderKebabButton() {
-    return /* @__PURE__ */ React22.createElement(
+    return /* @__PURE__ */ React23.createElement(
       import_react4.ActionButton,
       {
         componentRef: (ref) => this.kebabButtonRef = ref,
@@ -1462,7 +1486,7 @@ var CardFooterInstanceActionButtons = class extends React22.Component {
   }
   renderExpandedButtons() {
     const menuItems = this.getMenuItems();
-    return /* @__PURE__ */ React22.createElement(React22.Fragment, null, menuItems.map((props) => /* @__PURE__ */ React22.createElement("span", { key: props.key }, /* @__PURE__ */ React22.createElement(
+    return /* @__PURE__ */ React23.createElement(React23.Fragment, null, menuItems.map((props) => /* @__PURE__ */ React23.createElement("span", { key: props.key }, /* @__PURE__ */ React23.createElement(
       import_react4.ActionButton,
       {
         onClick: props.onClick,
@@ -1478,7 +1502,7 @@ var CardFooterInstanceActionButtons = class extends React22.Component {
     if (!cardInteractionSupport.supportsCopyFailureDetails) {
       return null;
     }
-    return /* @__PURE__ */ React22.createElement(Toast, { ref: this.toastRef, deps: this.props.deps });
+    return /* @__PURE__ */ React23.createElement(Toast, { ref: this.toastRef, deps: this.props.deps });
   }
   getMenuItems() {
     return this.props.deps.cardFooterMenuItemsBuilder.getCardFooterMenuItems({
@@ -1491,8 +1515,8 @@ var CardFooterInstanceActionButtons = class extends React22.Component {
 };
 
 // src/common/icons/highlight-status-icons.tsx
-var React23 = __toESM(require("react"));
-var HighlightVisibleIcon = NamedFC("HighlightVisibleIcon", () => /* @__PURE__ */ React23.createElement(
+var React24 = __toESM(require("react"));
+var HighlightVisibleIcon = NamedFC("HighlightVisibleIcon", () => /* @__PURE__ */ React24.createElement(
   "svg",
   {
     width: "34",
@@ -1502,7 +1526,7 @@ var HighlightVisibleIcon = NamedFC("HighlightVisibleIcon", () => /* @__PURE__ */
     role: "img",
     "aria-hidden": "true"
   },
-  /* @__PURE__ */ React23.createElement(
+  /* @__PURE__ */ React24.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -1511,7 +1535,7 @@ var HighlightVisibleIcon = NamedFC("HighlightVisibleIcon", () => /* @__PURE__ */
     }
   )
 ));
-var HighlightUnavailableIcon = NamedFC("HighlightUnavailableIcon", () => /* @__PURE__ */ React23.createElement(
+var HighlightUnavailableIcon = NamedFC("HighlightUnavailableIcon", () => /* @__PURE__ */ React24.createElement(
   "svg",
   {
     width: "34",
@@ -1521,7 +1545,7 @@ var HighlightUnavailableIcon = NamedFC("HighlightUnavailableIcon", () => /* @__P
     role: "img",
     "aria-hidden": "true"
   },
-  /* @__PURE__ */ React23.createElement(
+  /* @__PURE__ */ React24.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -1530,7 +1554,7 @@ var HighlightUnavailableIcon = NamedFC("HighlightUnavailableIcon", () => /* @__P
     }
   )
 ));
-var HighlightHiddenIcon = NamedFC("HighlightHiddenIcon", () => /* @__PURE__ */ React23.createElement(
+var HighlightHiddenIcon = NamedFC("HighlightHiddenIcon", () => /* @__PURE__ */ React24.createElement(
   "svg",
   {
     width: "34",
@@ -1540,7 +1564,7 @@ var HighlightHiddenIcon = NamedFC("HighlightHiddenIcon", () => /* @__PURE__ */ R
     role: "img",
     "aria-hidden": "true"
   },
-  /* @__PURE__ */ React23.createElement(
+  /* @__PURE__ */ React24.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -1551,7 +1575,7 @@ var HighlightHiddenIcon = NamedFC("HighlightHiddenIcon", () => /* @__PURE__ */ R
 ));
 
 // src/common/components/cards/instance-details-footer.tsx
-var React24 = __toESM(require("react"));
+var React25 = __toESM(require("react"));
 
 // src/common/components/cards/instance-details-footer.scss
 var instance_details_footer_default = { "foot": "foot--p1DfC", "highlightStatus": "highlight-status--xJvvI" };
@@ -1573,7 +1597,7 @@ var InstanceDetailsFooter = NamedFC(
       }
       const issueDetailsData = deps.unifiedResultToIssueFilingDataConverter.convert(result, rule, targetAppInfo);
       const kebabMenuAriaLabel = `More Actions for failure instance ${result.identifiers.identifier} in rule ${rule.id}`;
-      return /* @__PURE__ */ React24.createElement(
+      return /* @__PURE__ */ React25.createElement(
         CardFooterInstanceActionButtons,
         {
           deps,
@@ -1591,13 +1615,13 @@ var InstanceDetailsFooter = NamedFC(
       const highlightState = result.highlightStatus;
       const label = "Highlight " + highlightState;
       const icon = {
-        unavailable: /* @__PURE__ */ React24.createElement(HighlightUnavailableIcon, null),
-        visible: /* @__PURE__ */ React24.createElement(HighlightVisibleIcon, null),
-        hidden: /* @__PURE__ */ React24.createElement(HighlightHiddenIcon, null)
+        unavailable: /* @__PURE__ */ React25.createElement(HighlightUnavailableIcon, null),
+        visible: /* @__PURE__ */ React25.createElement(HighlightVisibleIcon, null),
+        hidden: /* @__PURE__ */ React25.createElement(HighlightHiddenIcon, null)
       }[highlightState];
-      return /* @__PURE__ */ React24.createElement("div", { className: instance_details_footer_default.highlightStatus }, icon, /* @__PURE__ */ React24.createElement(import_react5.Label, null, label));
+      return /* @__PURE__ */ React25.createElement("div", { className: instance_details_footer_default.highlightStatus }, icon, /* @__PURE__ */ React25.createElement(import_react5.Label, null, label));
     };
-    return /* @__PURE__ */ React24.createElement("div", { className: instance_details_footer_default.foot }, renderHighlightStatus(), renderKebabMenu());
+    return /* @__PURE__ */ React25.createElement("div", { className: instance_details_footer_default.foot }, renderHighlightStatus(), renderKebabMenu());
   }
 );
 
@@ -1616,7 +1640,7 @@ var InstanceDetails = NamedFC("InstanceDetails", (props) => {
     narrowModeStatus,
     feedbackURL
   } = props;
-  const [cardFocused, setCardFocus] = React25.useState(false);
+  const [cardFocused, setCardFocus] = React26.useState(false);
   const isHighlightSupported = deps.cardInteractionSupport.supportsHighlighting;
   const hasFeedbackEnabledTag = () => {
     if (!rule || !rule.guidance) return false;
@@ -1644,7 +1668,7 @@ var InstanceDetails = NamedFC("InstanceDetails", (props) => {
     event.stopPropagation();
     cardSelectionMessageCreator == null ? void 0 : cardSelectionMessageCreator.toggleCardSelection(result.ruleId, result.uid, event);
   };
-  const hiddenButton = React25.useRef(null);
+  const hiddenButton = React26.useRef(null);
   const cardHighlightingProperties = isHighlightSupported ? {
     onClick: (event) => {
       var _a, _b;
@@ -1660,13 +1684,13 @@ var InstanceDetails = NamedFC("InstanceDetails", (props) => {
     const target = ((_a = result.identifiers) == null ? void 0 : _a.target) || ((_b = result.identifiers) == null ? void 0 : _b.identifier) || ((_c = result.identifiers) == null ? void 0 : _c.conciseName) || "";
     return typeof target === "string" ? target : JSON.stringify(target);
   };
-  return /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React26.createElement(
     "div",
     {
       "data-automation-id": instanceCardAutomationId,
       className: instanceDetailsCardContainerStyling
     },
-    /* @__PURE__ */ React25.createElement("div", { className: instanceDetailsCardStyling, ...cardHighlightingProperties }, /* @__PURE__ */ React25.createElement("div", null, /* @__PURE__ */ React25.createElement("table", { className: instance_details_default.reportInstanceTable }, /* @__PURE__ */ React25.createElement("tbody", null, renderCardRowsForPropertyBag(result.identifiers, props), renderCardRowsForPropertyBag(result.descriptors, props), renderCardRowsForPropertyBag(result.resolution, props))), isHighlightSupported && cardSelectionMessageCreator !== void 0 && /* @__PURE__ */ React25.createElement(
+    /* @__PURE__ */ React26.createElement("div", { className: instanceDetailsCardStyling, ...cardHighlightingProperties }, /* @__PURE__ */ React26.createElement("div", null, /* @__PURE__ */ React26.createElement("table", { className: instance_details_default.reportInstanceTable }, /* @__PURE__ */ React26.createElement("tbody", null, renderCardRowsForPropertyBag(result.identifiers, props), renderCardRowsForPropertyBag(result.descriptors, props), renderCardRowsForPropertyBag(result.resolution, props))), isHighlightSupported && cardSelectionMessageCreator !== void 0 && /* @__PURE__ */ React26.createElement(
       "button",
       {
         ref: hiddenButton,
@@ -1677,7 +1701,7 @@ var InstanceDetails = NamedFC("InstanceDetails", (props) => {
         onFocus: (_) => setCardFocus(true),
         onBlur: (_) => setCardFocus(false)
       }
-    ), /* @__PURE__ */ React25.createElement(
+    ), /* @__PURE__ */ React26.createElement(
       InstanceDetailsFooter,
       {
         deps,
@@ -1687,7 +1711,7 @@ var InstanceDetails = NamedFC("InstanceDetails", (props) => {
         targetAppInfo,
         narrowModeStatus
       }
-    ), /* @__PURE__ */ React25.createElement(
+    ), /* @__PURE__ */ React26.createElement(
       MarkupFooter,
       {
         deps,
@@ -1705,13 +1729,13 @@ var InstanceDetails = NamedFC("InstanceDetails", (props) => {
 var renderCardRowsForPropertyBag = (propertyBag, props) => {
   let propertyIndex = 0;
   const cardRows = [];
-  (0, import_lodash4.forOwn)(propertyBag, (propertyData, propertyName) => {
+  (0, import_lodash5.forOwn)(propertyBag, (propertyData, propertyName) => {
     const propertyConfig = props.deps.getPropertyConfigById(propertyName);
-    if (!(0, import_lodash4.isEmpty)(propertyConfig)) {
+    if (!(0, import_lodash5.isEmpty)(propertyConfig)) {
       const CardRow = propertyConfig.cardRow;
       ++propertyIndex;
       cardRows.push(
-        /* @__PURE__ */ React25.createElement(
+        /* @__PURE__ */ React26.createElement(
           CardRow,
           {
             deps: props.deps,
@@ -1723,7 +1747,7 @@ var renderCardRowsForPropertyBag = (propertyBag, props) => {
       );
     }
   });
-  return /* @__PURE__ */ React25.createElement(React25.Fragment, null, cardRows);
+  return /* @__PURE__ */ React26.createElement(React26.Fragment, null, cardRows);
 };
 
 // src/common/components/cards/instance-details-group.scss
@@ -1750,14 +1774,14 @@ var InstanceDetailsGroup = NamedFC(
       url: rule.url,
       guidance: rule.guidance
     };
-    return /* @__PURE__ */ React26.createElement(
+    return /* @__PURE__ */ React27.createElement(
       "ul",
       {
         "data-automation-id": ruleContentAutomationId,
         className: instance_details_group_default.instanceDetailsList,
         "aria-label": "instances with additional information like path, snippet and how to fix"
       },
-      nodes.map((node, index) => /* @__PURE__ */ React26.createElement("li", { key: `instance-details-${index}` }, /* @__PURE__ */ React26.createElement(
+      nodes.map((node, index) => /* @__PURE__ */ React27.createElement("li", { key: `instance-details-${index}` }, /* @__PURE__ */ React27.createElement(
         InstanceDetails,
         {
           ...{ index },
@@ -1776,11 +1800,11 @@ var InstanceDetailsGroup = NamedFC(
 );
 
 // src/common/components/guidance-links.tsx
-var import_lodash5 = require("lodash");
-var React27 = __toESM(require("react"));
+var import_lodash6 = require("lodash");
+var React28 = __toESM(require("react"));
 var GuidanceLinks = NamedFC("GuidanceLinks", (props) => {
   const { links, classNameForDiv } = props;
-  if ((0, import_lodash5.isEmpty)(links)) {
+  if ((0, import_lodash6.isEmpty)(links)) {
     return null;
   }
   const renderLinks = () => {
@@ -1790,34 +1814,16 @@ var GuidanceLinks = NamedFC("GuidanceLinks", (props) => {
     });
   };
   const getLinksWithDestinations = () => {
-    return links.filter((link2) => !(0, import_lodash5.isEmpty)(link2.href));
+    return links.filter((link2) => !(0, import_lodash6.isEmpty)(link2.href));
   };
   const renderLink = (link2, index, length) => {
     const addComma = index !== length - 1;
-    const comma = addComma ? /* @__PURE__ */ React27.createElement("span", null, ",\xA0") : null;
+    const comma = addComma ? /* @__PURE__ */ React28.createElement("span", null, ",\xA0") : null;
     const LinkComponent = props.LinkComponent;
-    return /* @__PURE__ */ React27.createElement(React27.Fragment, { key: `guidance-link-${index}` }, /* @__PURE__ */ React27.createElement(LinkComponent, { href: link2.href, onClick: (event) => event.stopPropagation() }, link2.text.toUpperCase()), comma);
+    return /* @__PURE__ */ React28.createElement(React28.Fragment, { key: `guidance-link-${index}` }, /* @__PURE__ */ React28.createElement(LinkComponent, { href: link2.href, onClick: (event) => event.stopPropagation() }, link2.text.toUpperCase()), comma);
   };
   const spanClassName = classNameForDiv || "guidance-links";
-  return /* @__PURE__ */ React27.createElement("span", { className: spanClassName }, renderLinks());
-});
-
-// src/common/components/guidance-tags.tsx
-var import_lodash6 = require("lodash");
-var React28 = __toESM(require("react"));
-var GuidanceTags = NamedFC("GuidanceTags", (props) => {
-  const { links, deps } = props;
-  if ((0, import_lodash6.isEmpty)(links)) {
-    return null;
-  }
-  const tags = deps.getGuidanceTagsFromGuidanceLinks(links);
-  if ((0, import_lodash6.isEmpty)(tags)) {
-    return null;
-  }
-  const tagElements = tags.map((tag, index) => {
-    return /* @__PURE__ */ React28.createElement("span", { key: index }, tag.displayText);
-  });
-  return /* @__PURE__ */ React28.createElement("span", { className: "guidance-tags" }, tagElements);
+  return /* @__PURE__ */ React28.createElement("span", { className: spanClassName }, renderLinks());
 });
 
 // src/common/components/cards/rule-resources.tsx
@@ -1844,9 +1850,13 @@ var RuleResources = NamedFC(
       return /* @__PURE__ */ React29.createElement("span", { className: rule_resources_default.ruleDetailsId }, /* @__PURE__ */ React29.createElement(deps.LinkComponent, { href: ruleUrl }, "More information about ", ruleId));
     };
     const renderGuidanceLinks = () => {
-      return /* @__PURE__ */ React29.createElement(GuidanceLinks, { links: rule.guidance, LinkComponent: deps.LinkComponent });
+      var _a;
+      const links = ((_a = rule.guidance) == null ? void 0 : _a.filter((guidanceLink) => !(0, import_lodash7.isEmpty)(guidanceLink.href))) || [];
+      return /* @__PURE__ */ React29.createElement(GuidanceLinks, { links, LinkComponent: deps.LinkComponent });
+    };
+    const renderGuidanceTags = () => {
+      return /* @__PURE__ */ React29.createElement(GuidanceTags, { deps, links: rule.guidance });
     };
-    const renderGuidanceTags = () => /* @__PURE__ */ React29.createElement(GuidanceTags, { deps, links: rule.guidance });
     return /* @__PURE__ */ React29.createElement("div", { className: rule_resources_default.ruleMoreResources }, renderTitle(), renderRuleLink(), /* @__PURE__ */ React29.createElement("span", { className: rule_resources_default.ruleGuidance }, renderGuidanceLinks(), renderGuidanceTags()));
   }
 );
@@ -1877,7 +1887,12 @@ var RulesWithInstances = NamedFC(
     cardSelectionMessageCreator,
     narrowModeStatus
   }) => {
-    const getCollapsibleComponentProps = (rule, idx, buttonAriaLabel) => {
+    const getCollapsibleComponentProps = (rule, idx) => {
+      const { pastTense } = outcomeTypeSemantics[outcomeType];
+      const count = outcomeCounter(rule.nodes);
+      const guidanceTags2 = rule.guidance && deps.getGuidanceTagsFromGuidanceLinks ? deps.getGuidanceTagsFromGuidanceLinks(rule.guidance) : [];
+      const guidanceTagsText = guidanceTags2.length > 0 ? `${guidanceTags2.map((tag) => tag.displayText).join(" ")}` : "";
+      const buttonAriaLabel = `${count} ${pastTense} ${rule.id}: ${rule.description}${guidanceTagsText ? ` ${guidanceTagsText}` : ""}`.trim();
       return {
         id: rule.id,
         key: `summary-details-${idx + 1}`,
@@ -1885,6 +1900,7 @@ var RulesWithInstances = NamedFC(
           MinimalRuleHeader,
           {
             key: rule.id,
+            deps,
             rule,
             outcomeType,
             outcomeCounter
@@ -1904,9 +1920,9 @@ var RulesWithInstances = NamedFC(
             feedbackURL: deps.feedbackURL || void 0
           }
         ),
+        buttonAriaLabel,
         containerAutomationId: ruleGroupAutomationId,
         containerClassName: rules_with_instances_default.collapsibleRuleDetailsGroup,
-        buttonAriaLabel,
         headingLevel,
         deps,
         onExpandToggle: (event) => {
@@ -1922,11 +1938,8 @@ var RulesWithInstances = NamedFC(
         "data-automation-id": ruleDetailsGroupAutomationId
       },
       rules.map((rule, idx) => {
-        const { pastTense } = outcomeTypeSemantics[outcomeType];
-        const count = outcomeCounter(rule.nodes);
-        const buttonAriaLabel = `${count} ${pastTense} ${rule.id} ${rule.description}`;
         const CollapsibleComponent = deps.collapsibleControl(
-          getCollapsibleComponentProps(rule, idx, buttonAriaLabel)
+          getCollapsibleComponentProps(rule, idx)
         );
         return CollapsibleComponent;
       })
@@ -4649,6 +4662,14 @@ var guidanceTags = {
   AI_SCAN: {
     id: "AI_SCAN",
     displayText: "AI suggested"
+  },
+  PREVIEW_FEATURE: {
+    id: "PREVIEW_FEATURE",
+    displayText: "Preview"
+  },
+  EXPERIMENTAL_FEATURE: {
+    id: "EXPERIMENTAL_FEATURE",
+    displayText: "Experimental"
   }
 };
 
@@ -5434,6 +5455,16 @@ var AiScan = {
   href: "",
   tags: [guidanceTags.AI_SCAN]
 };
+var PreviewFeature = {
+  text: "",
+  href: "",
+  tags: [guidanceTags.PREVIEW_FEATURE]
+};
+var ExperimentalFeature = {
+  text: "",
+  href: "",
+  tags: [guidanceTags.EXPERIMENTAL_FEATURE]
+};
 var bestPracticeToGuidanceTagOverrideMapping = {
   "aria-allowed-role": ["wcag131", "wcag412"],
   "presentation-role-conflict": ["wcag131"]
@@ -5448,6 +5479,12 @@ function mapAxeTagToGuidanceLink(axeTag) {
   if (axeTag === "ai-scan") {
     return AiScan;
   }
+  if (axeTag === "preview-feature") {
+    return PreviewFeature;
+  }
+  if (axeTag === "experimental-feature") {
+    return ExperimentalFeature;
+  }
   const metadata = guidelineMetadata[getGuidelineKeyByAxeTag(axeTag)] ?? null;
   if (metadata === null) {
     return null;
@@ -5501,7 +5538,7 @@ var ResultDecorator = class {
   decorateResults(results) {
     const scanResults = {
       passes: this.decorateAxeRuleResults(results.passes),
-      violations: this.decorateAxeRuleResults(results.violations),
+      violations: this.decorateAxeRuleResults(results.violations, false, true),
       inapplicable: this.decorateAxeRuleResults(results.inapplicable, true),
       incomplete: this.decorateAxeRuleResults(results.incomplete),
       timestamp: results.timestamp,
@@ -5511,13 +5548,18 @@ var ResultDecorator = class {
     };
     return scanResults;
   }
-  decorateAxeRuleResults(ruleResults, isInapplicable = false) {
+  decorateAxeRuleResults(ruleResults, isInapplicable = false, isViolation = false) {
     return ruleResults.reduce((filteredArray, result) => {
       this.messageDecorator.decorateResultWithMessages(result);
-      const processedResult = this.ruleProcessor.suppressChecksByMessages(
+      let processedResult = this.ruleProcessor.suppressChecksByMessages(
         result,
         !isInapplicable
       );
+      if (processedResult != null) {
+        if (isViolation) {
+          processedResult = this.ruleProcessor.suppressFluentUITabsterResult(processedResult);
+        }
+      }
       if (processedResult != null) {
         filteredArray.push({
           ...processedResult,
@@ -5547,6 +5589,14 @@ var RuleProcessor = class {
     }
     return rule;
   }
+  suppressFluentUITabsterResult(result) {
+    if (result.id === "aria-hidden-focus") {
+      result.nodes = result.nodes.filter((node) => {
+        return !(node.html.includes("data-tabster-dummy") || node.html.includes('data-is-focus-trap-zone-bumper="true"'));
+      });
+    }
+    return result;
+  }
   normalizeMessage(message) {
     return message.toLowerCase().trim();
   }
@@ -5599,7 +5649,8 @@ var FixInstructionProcessor = class {
   contrastRatioRegExp = new RegExp(`${this.contrastRatioText}`, "i");
   originalMiddleSentence = " and the original foreground color: ";
   process(fixInstruction, recommendColor) {
-    return this.tryProcessAsColorContrastRecommendation(fixInstruction, recommendColor) ?? this.tryProcessAsRelatedNodesReference(fixInstruction) ?? this.processAsNoop(fixInstruction);
+    const instruction = fixInstruction || "";
+    return this.tryProcessAsColorContrastRecommendation(instruction, recommendColor) ?? this.tryProcessAsRelatedNodesReference(instruction) ?? this.processAsNoop(instruction);
   }
   processAsNoop(fixInstruction) {
     return /* @__PURE__ */ React81.createElement(React81.Fragment, null, fixInstruction);
@@ -5609,7 +5660,7 @@ var FixInstructionProcessor = class {
   // with the aria-required-children rule and is likely to be obsoleted with the resolution of
   // https://github.com/dequelabs/axe-core/issues/3842
   tryProcessAsRelatedNodesReference(input) {
-    if (!input.endsWith(" (see related nodes)")) {
+    if (!input || !input.endsWith(" (see related nodes)")) {
       return null;
     }
     const inputBody = input.slice(0, input.length - " (see related nodes)".length);
@@ -5953,7 +6004,8 @@ var FixInstructionPanel = NamedFC(
     };
     const renderInstructions = (checkType) => {
       const instructionList = props.checks.map((check, checkIndex) => {
-        return /* @__PURE__ */ React89.createElement("li", { key: `instruction-${CheckType[checkType]}-${checkIndex + 1}` }, fixInstructionProcessor.process(check.message, props.deps.recommendColor));
+        const message = check.message || "";
+        return /* @__PURE__ */ React89.createElement("li", { key: `instruction-${CheckType[checkType]}-${checkIndex + 1}` }, fixInstructionProcessor.process(message, props.deps.recommendColor));
       });
       return instructionList;
     };

package/package.json

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