accessibility-insights-report 4.7.2 → 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);
   }
@@ -4635,9 +4652,17 @@ var guidanceTags = {
     id: "WCAG_2_1",
     displayText: "New for WCAG 2.1"
   },
+  WCAG_2_2: {
+    id: "WCAG_2_2",
+    displayText: "New for WCAG 2.2"
+  },
   BEST_PRACTICE: {
     id: "BEST_PRACTICE",
     displayText: "Best Practice"
+  },
+  WCAG_2_2_DEPRECATION: {
+    id: "WCAG_2_2",
+    displayText: "Deprecated for WCAG 2.2"
   }
 };
 
@@ -4676,21 +4701,27 @@ var axeTagToGuidelineKeyMap = {
   wcag245: "WCAG 2.4.5",
   wcag246: "WCAG 2.4.6",
   wcag247: "WCAG 2.4.7",
+  wcag2411: "WCAG 2.4.11",
   wcag251: "WCAG 2.5.1",
   wcag252: "WCAG 2.5.2",
   wcag253: "WCAG 2.5.3",
   wcag254: "WCAG 2.5.4",
   wcag255: "WCAG 2.5.5",
+  wcag257: "WCAG 2.5.7",
+  wcag258: "WCAG 2.5.8",
   wcag311: "WCAG 3.1.1",
   wcag312: "WCAG 3.1.2",
   wcag321: "WCAG 3.2.1",
   wcag322: "WCAG 3.2.2",
   wcag323: "WCAG 3.2.3",
   wcag324: "WCAG 3.2.4",
+  wcag326: "WCAG 3.2.6",
   wcag331: "WCAG 3.3.1",
   wcag332: "WCAG 3.3.2",
   wcag333: "WCAG 3.3.3",
   wcag334: "WCAG 3.3.4",
+  wcag337: "WCAG 3.3.7",
+  wcag338: "WCAG 3.3.8",
   wcag411: "WCAG 4.1.1",
   wcag412: "WCAG 4.1.2",
   wcag413: "WCAG 4.1.3"
@@ -5001,6 +5032,16 @@ var guidelineMetadata = {
   },
   // wcag248: intentionally omitted, AAA
   // wcag249: intentionally omitted, AAA
+  // wcag2410: intentionally omitted, AAA
+  "WCAG 2.4.11": {
+    number: "2.4.11",
+    axeTag: "wcag2411",
+    name: "Focus Appearance",
+    linkName: "WCAG 2.4.11",
+    linkTag: "WCAG_2_4_11",
+    link: "https://www.w3.org/WAI/WCAG22/Understanding/focus-appearance-minimum.html",
+    guidanceTags: [guidanceTags.WCAG_2_2]
+  },
   "WCAG 2.5.1": {
     number: "2.5.1",
     axeTag: "wcag251",
@@ -5046,6 +5087,25 @@ var guidelineMetadata = {
     link: "https://www.w3.org/WAI/WCAG21/Understanding/target-size.html",
     guidanceTags: []
   },
+  // wcag256: intentionally omitted, AAA
+  "WCAG 2.5.7": {
+    number: "2.5.7",
+    axeTag: "wcag257",
+    name: "Dragging Movements",
+    linkName: "WCAG 2.5.7",
+    linkTag: "WCAG_2_5_7",
+    link: "https://www.w3.org/WAI/WCAG22/Understanding/dragging-movements.html",
+    guidanceTags: [guidanceTags.WCAG_2_2]
+  },
+  "WCAG 2.5.8": {
+    number: "2.5.8",
+    axeTag: "wcag258",
+    name: "Target Size",
+    linkName: "WCAG 2.5.8",
+    linkTag: "WCAG_2_5_8",
+    link: "https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum.html",
+    guidanceTags: [guidanceTags.WCAG_2_2]
+  },
   "WCAG 3.1.1": {
     number: "3.1.1",
     axeTag: "wcag311",
@@ -5101,6 +5161,15 @@ var guidelineMetadata = {
     guidanceTags: []
   },
   // wcag325: intentionally omitted, AAA
+  "WCAG 3.2.6": {
+    number: "3.2.6",
+    axeTag: "wcag326",
+    name: "Consistent Help",
+    linkName: "WCAG 3.2.6",
+    linkTag: "WCAG_3_2_6",
+    link: "https://www.w3.org/WAI/WCAG22/Understanding/consistent-help.html",
+    guidanceTags: [guidanceTags.WCAG_2_2]
+  },
   "WCAG 3.3.1": {
     number: "3.3.1",
     axeTag: "wcag331",
@@ -5137,6 +5206,25 @@ var guidelineMetadata = {
     link: "https://www.w3.org/WAI/WCAG21/Understanding/error-prevention-legal-financial-data.html",
     guidanceTags: []
   },
+  // wcag335: intentionally omitted, AAA
+  "WCAG 3.3.7": {
+    number: "3.3.7",
+    axeTag: "wcag337",
+    name: "Redundant Entry",
+    linkName: "WCAG 3.3.7",
+    linkTag: "WCAG_3_3_7",
+    link: "https://www.w3.org/WAI/WCAG22/Understanding/redundant-entry.html",
+    guidanceTags: [guidanceTags.WCAG_2_2]
+  },
+  "WCAG 3.3.8": {
+    number: "3.3.8",
+    axeTag: "wcag338",
+    name: "Accessible Authentication",
+    linkName: "WCAG 3.3.8",
+    linkTag: "WCAG_3_3_8",
+    link: "https://www.w3.org/WAI/WCAG22/Understanding/accessible-authentication-minimum.html",
+    guidanceTags: [guidanceTags.WCAG_2_2]
+  },
   "WCAG 4.1.1": {
     number: "4.1.1",
     axeTag: "wcag411",
@@ -5144,7 +5232,7 @@ var guidelineMetadata = {
     linkName: "WCAG 4.1.1",
     linkTag: "WCAG_4_1_1",
     link: "https://www.w3.org/WAI/WCAG21/Understanding/parsing.html",
-    guidanceTags: []
+    guidanceTags: [guidanceTags.WCAG_2_2_DEPRECATION]
   },
   "WCAG 4.1.2": {
     number: "4.1.2",
@@ -5211,21 +5299,27 @@ var link = {
   WCAG_2_4_5: guidanceLinkTo("WCAG 2.4.5"),
   WCAG_2_4_6: guidanceLinkTo("WCAG 2.4.6"),
   WCAG_2_4_7: guidanceLinkTo("WCAG 2.4.7"),
+  WCAG_2_4_11: guidanceLinkTo("WCAG 2.4.11"),
   WCAG_2_5_1: guidanceLinkTo("WCAG 2.5.1"),
   WCAG_2_5_2: guidanceLinkTo("WCAG 2.5.2"),
   WCAG_2_5_3: guidanceLinkTo("WCAG 2.5.3"),
   WCAG_2_5_4: guidanceLinkTo("WCAG 2.5.4"),
   WCAG_2_5_5: guidanceLinkTo("WCAG 2.5.5"),
+  WCAG_2_5_7: guidanceLinkTo("WCAG 2.5.7"),
+  WCAG_2_5_8: guidanceLinkTo("WCAG 2.5.8"),
   WCAG_3_1_1: guidanceLinkTo("WCAG 3.1.1"),
   WCAG_3_1_2: guidanceLinkTo("WCAG 3.1.2"),
   WCAG_3_2_1: guidanceLinkTo("WCAG 3.2.1"),
   WCAG_3_2_2: guidanceLinkTo("WCAG 3.2.2"),
   WCAG_3_2_3: guidanceLinkTo("WCAG 3.2.3"),
   WCAG_3_2_4: guidanceLinkTo("WCAG 3.2.4"),
+  WCAG_3_2_6: guidanceLinkTo("WCAG 3.2.6"),
   WCAG_3_3_1: guidanceLinkTo("WCAG 3.3.1"),
   WCAG_3_3_2: guidanceLinkTo("WCAG 3.3.2"),
   WCAG_3_3_3: guidanceLinkTo("WCAG 3.3.3"),
   WCAG_3_3_4: guidanceLinkTo("WCAG 3.3.4"),
+  WCAG_3_3_7: guidanceLinkTo("WCAG 3.3.7"),
+  WCAG_3_3_8: guidanceLinkTo("WCAG 3.3.8"),
   WCAG_4_1_1: guidanceLinkTo("WCAG 4.1.1"),
   WCAG_4_1_2: guidanceLinkTo("WCAG 4.1.2"),
   WCAG_4_1_3: guidanceLinkTo("WCAG 4.1.3"),
@@ -5284,6 +5378,61 @@ var link = {
   WCAG21TechniquesG202: linkTo(
     "Ensuring keyboard control for all functionality",
     "https://www.w3.org/WAI/WCAG21/Techniques/general/G202"
+  ),
+  WCAG22CognitiveAccessibilityRoadmapAndGapAnalysisTable3: linkTo(
+    "Cognitive Accessibility Roadmap and Gap Analysis",
+    "https://www.w3.org/TR/coga-gap-analysis/#table3"
+  ),
+  WCAG22CognitiveAccessibilityRoadmapAndGapAnalysisTable6: linkTo(
+    "Cognitive Accessibility Roadmap and Gap Analysis",
+    "https://www.w3.org/TR/coga-gap-analysis/#table6"
+  ),
+  WCAG22MakingContentUsableForPeopleWithCognitiveAndLearningDisabilities: linkTo(
+    "Making Content Usable for People with Cognitive and Learning Disabilities",
+    "https://www.w3.org/TR/coga-usable/#make-it-easy-%20%20%20%20%20%20%20%20%20%20%20%20%20to-find-help-and-give-feedback-pattern"
+  ),
+  WCAG22TargetSizeStudyForOneHandedThumbUseOnSmallTouchscreenDevices: linkTo(
+    "Target size study for one-handed thumb use on small touchscreen devices",
+    "https://dl.acm.org/doi/10.1145/1152215.1152260"
+  ),
+  WCAG22TechniquesC42: linkTo(
+    "Using min-height and min-width to ensure sufficient target spacing",
+    "https://www.w3.org/WAI/WCAG22/Techniques/css/C42"
+  ),
+  WCAG22TechniquesC43: linkTo("Using CSS scroll-padding to un-obscure content", "https://www.w3.org/WAI/WCAG22/Techniques/css/C43"),
+  WCAG22TechniquesF105: linkTo(
+    "Failure of Success Criterion 2.5.1 due to providing functionality via a path-based gesture without simple pointer alternative",
+    "https://www.w3.org/WAI/WCAG22/Techniques/failures/F105"
+  ),
+  WCAG22TechniquesF108: linkTo(
+    "Failure of Success Criterion 2.5.7 Dragging Movements due to not providing a single pointer method for the user to operate a function that does not require a dragging movement",
+    "https://www.w3.org/WAI/WCAG22/Techniques/failures/F108"
+  ),
+  WCAG22TechniquesF110: linkTo(
+    "Failure of Success Criterion 2.4.11 due to a sticky footers or headers hiding focused elements",
+    "https://www.w3.org/WAI/WCAG20/Techniques/failures/F110"
+  ),
+  WCAG22TechniquesG215: linkTo(
+    "Providing controls to achieve the same result as path based or multipoint gestures",
+    "https://www.w3.org/WAI/WCAG22/Techniques/general/G215"
+  ),
+  WCAG22TechniquesG216: linkTo(
+    "Providing single point activation for a control slider",
+    "https://www.w3.org/WAI/WCAG22/Techniques/general/G216"
+  ),
+  WCAG22TechniquesG218: linkTo("Email link authentication", "https://www.w3.org/WAI/WCAG22/Techniques/general/G218"),
+  WCAG22TechniquesG219: linkTo(
+    "Ensuring that an alternative is available for dragging movements that operate on content",
+    "https://www.w3.org/WAI/WCAG22/Techniques/general/G219"
+  ),
+  WCAG22TechniquesG220: linkTo(
+    "Provide a contact-us link in a consistent location",
+    "https://www.w3.org/WAI/WCAG22/Techniques/general/G220"
+  ),
+  WCAG22TechniquesG221: linkTo("Provide data from a previous step in a process", "https://www.w3.org/WAI/WCAG22/Techniques/general/G221"),
+  WCAG22TechniquesH100: linkTo(
+    "Providing properly marked up email and password inputs",
+    "https://www.w3.org/WAI/WCAG22/Techniques/html/H100"
   )
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "accessibility-insights-report",
-    "version": "4.7.2",
+    "version": "4.8.0",
     "description": "Accessibility Insights Report",
     "license": "MIT",
     "files": [
@@ -19,13 +19,13 @@
     },
     "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.2",
+        "luxon": "^3.4.4",
         "react": "^16.14.0",
         "react-dom": "^16.14.0",
         "react-helmet": "^6.1.0",
-        "uuid": "^9.0.0"
+        "uuid": "^9.0.1"
     }
 }