accessibility-insights-report 4.7.3 → 4.8.0

package/drop/index.js

@@ -266,9 +266,12 @@ var getA11yInsightsWebRuleUrl = (ruleId) => {
 var webRulesWithResources = [
   "aria-alt",
   "aria-allowed-attr",
+  "aria-conditional-attr",
+  "aria-deprecated-role",
   "aria-hidden-body",
   "aria-hidden-focus",
   "aria-input-field-name",
+  "aria-prohibited-attr",
   "aria-required-attr",
   "aria-required-attr",
   "aria-required-children",
@@ -1107,6 +1110,15 @@ var MinimalRuleHeader = NamedFC("MinimalRuleHeader", (props) => {
 // src/common/components/cards/rule-content.tsx
 var React33 = __toESM(require("react"));
 
+// src/common/configs/needs-review-rule-resources.ts
+var needsReviewRuleResourcesPath = "https://accessibilityinsights.io/info-examples/web/needs-review";
+var isOutcomeNeedsReview = (outcomeType) => {
+  return outcomeType === "review";
+};
+var getNeedsReviewRuleResourcesUrl = (ruleId) => {
+  return `${needsReviewRuleResourcesPath}/${ruleId}`;
+};
+
 // src/common/components/cards/instance-details-group.tsx
 var React29 = __toESM(require("react"));
 
@@ -1205,6 +1217,9 @@ var RichResolutionContent = NamedFC(
       case "web/color-contrast": {
         return /* @__PURE__ */ React18.createElement("div", { className: rich_resolution_content_default.combinationLists }, /* @__PURE__ */ React18.createElement("ul", { className: rich_resolution_content_default.multiLineTextYesBullet }, /* @__PURE__ */ React18.createElement("li", null, "If the instance is an icon or other non-text content, ignore it. This rule applies only to text."), /* @__PURE__ */ React18.createElement("li", null, "If the instance is text, use", " ", /* @__PURE__ */ React18.createElement(LinkComponent, { href: "https://go.microsoft.com/fwlink/?linkid=2075365" }, "Accessibility Insights for Windows"), " ", "(or the", " ", /* @__PURE__ */ React18.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__ */ React18.createElement("ul", { className: rich_resolution_content_default.multiLineTextNoBullet }, /* @__PURE__ */ React18.createElement("li", null, "For detailed test instructions, see", " ", /* @__PURE__ */ React18.createElement(Term, null, "Assessment ", ">", " Adaptable content ", ">", " Contrast"), ".")));
       }
+      case "web/duplicate-id-aria": {
+        return /* @__PURE__ */ React18.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__ */ React18.createElement("div", null, "Examine the header cell in the context of the table to verify that it has no data cells.");
       }
@@ -1873,28 +1888,33 @@ var React32 = __toESM(require("react"));
 var rule_resources_default = { "ruleMoreResources": "rule-more-resources--uw9mc", "moreResourcesTitle": "more-resources-title--jOuUL", "ruleDetailsId": "rule-details-id--s-TpO", "ruleGuidance": "rule-guidance--TIQgm" };
 
 // src/common/components/cards/rule-resources.tsx
-var RuleResources = NamedFC("RuleResources", ({ deps, rule }) => {
-  if (rule.url == null && (0, import_lodash9.isEmpty)(rule.guidance)) {
-    return null;
-  }
-  const renderTitle = () => /* @__PURE__ */ React32.createElement("div", { className: rule_resources_default.moreResourcesTitle }, "Resources for this rule");
-  const renderRuleLink = () => {
-    if (rule.url == null) {
+var RuleResources = NamedFC(
+  "RuleResources",
+  ({ deps, rule, outcomeType }) => {
+    if (rule.url == null && (0, import_lodash9.isEmpty)(rule.guidance)) {
       return null;
     }
-    const ruleId = rule.id;
-    const ruleUrl = rule.url;
-    return /* @__PURE__ */ React32.createElement("span", { className: rule_resources_default.ruleDetailsId }, /* @__PURE__ */ React32.createElement(deps.LinkComponent, { href: ruleUrl }, "More information about ", ruleId));
-  };
-  const renderGuidanceLinks = () => {
-    return /* @__PURE__ */ React32.createElement(GuidanceLinks, { links: rule.guidance, LinkComponent: deps.LinkComponent });
-  };
-  const renderGuidanceTags = () => /* @__PURE__ */ React32.createElement(GuidanceTags, { deps, links: rule.guidance });
-  return /* @__PURE__ */ React32.createElement("div", { className: rule_resources_default.ruleMoreResources }, renderTitle(), renderRuleLink(), /* @__PURE__ */ React32.createElement("span", { className: rule_resources_default.ruleGuidance }, renderGuidanceLinks(), renderGuidanceTags()));
-});
+    const renderTitle = () => /* @__PURE__ */ React32.createElement("div", { className: rule_resources_default.moreResourcesTitle }, "Resources for this rule");
+    const renderRuleLink = () => {
+      if (rule.url == null) {
+        return null;
+      }
+      const ruleId = rule.id;
+      const ruleUrl = deps.IsOutcomeNeedsReview(outcomeType) ? deps.GetNeedsReviewRuleResourcesUrl(ruleId) : rule.url;
+      return /* @__PURE__ */ React32.createElement("span", { className: rule_resources_default.ruleDetailsId }, /* @__PURE__ */ React32.createElement(deps.LinkComponent, { href: ruleUrl }, "More information about ", ruleId));
+    };
+    const renderGuidanceLinks = () => {
+      return /* @__PURE__ */ React32.createElement(GuidanceLinks, { links: rule.guidance, LinkComponent: deps.LinkComponent });
+    };
+    const renderGuidanceTags = () => /* @__PURE__ */ React32.createElement(GuidanceTags, { deps, links: rule.guidance });
+    return /* @__PURE__ */ React32.createElement("div", { className: rule_resources_default.ruleMoreResources }, renderTitle(), renderRuleLink(), /* @__PURE__ */ React32.createElement("span", { className: rule_resources_default.ruleGuidance }, renderGuidanceLinks(), renderGuidanceTags()));
+  }
+);
 
 // src/common/components/cards/rule-content.tsx
 var RuleContent = NamedFC("RuleContent", (props) => {
+  props.deps.GetNeedsReviewRuleResourcesUrl = getNeedsReviewRuleResourcesUrl;
+  props.deps.IsOutcomeNeedsReview = isOutcomeNeedsReview;
   return /* @__PURE__ */ React33.createElement(React33.Fragment, null, /* @__PURE__ */ React33.createElement(RuleResources, { ...props }), /* @__PURE__ */ React33.createElement(InstanceDetailsGroup, { ...props }));
 });
 
@@ -1936,6 +1956,7 @@ var RulesWithInstances = NamedFC(
             key: `${rule.id}-rule-group`,
             deps,
             rule,
+            outcomeType,
             userConfigurationStoreData,
             targetAppInfo,
             cardSelectionMessageCreator,
@@ -1979,7 +2000,6 @@ var ResultSectionContent = NamedFC(
     const {
       results,
       outcomeType,
-      fixInstructionProcessor,
       deps,
       userConfigurationStoreData,
       targetAppInfo,
@@ -2003,7 +2023,6 @@ var ResultSectionContent = NamedFC(
         deps,
         rules: results,
         outcomeType,
-        fixInstructionProcessor,
         userConfigurationStoreData,
         targetAppInfo,
         outcomeCounter,
@@ -2862,8 +2881,7 @@ var makeCombinedReportRulesOnlySection = (options) => NamedFC(
         {
           outcomeCount: cardRuleResults.length,
           outcomeType,
-          title: title2,
-          titleSize: "title"
+          title: title2
         }
       ),
       content: /* @__PURE__ */ React66.createElement(
@@ -3066,8 +3084,7 @@ var CollapsibleUrlResultSection = NamedFC(
       id: containerId,
       header: /* @__PURE__ */ React73.createElement(ResultSectionTitle, { ...props, titleSize: "heading" }),
       content,
-      headingLevel: 3,
-      deps: null
+      headingLevel: 3
     });
     return /* @__PURE__ */ React73.createElement("div", { className: collapsible_url_result_section_default.urlResultSection }, CollapsibleContent);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "accessibility-insights-report",
-    "version": "4.7.3",
+    "version": "4.8.0",
     "description": "Accessibility Insights Report",
     "license": "MIT",
     "files": [
@@ -19,8 +19,8 @@
     },
     "dependencies": {
         "@fluentui/react": "^8.96.1",
-        "axe-core": "4.7.2",
-        "classnames": "^2.3.2",
+        "axe-core": "4.8.4",
+        "classnames": "^2.5.1",
         "lodash": "^4.17.21",
         "luxon": "^3.4.4",
         "react": "^16.14.0",