accessibility-insights-report 4.6.7 → 4.7.0

package/drop/index.js

@@ -401,10 +401,9 @@ var import_uuid = require("uuid");
 var generateUID = import_uuid.v4;
 
 // src/common/target-helper.ts
-var _TargetHelper = class {
+var _TargetHelper = class _TargetHelper {
 };
-var TargetHelper = _TargetHelper;
-TargetHelper.getTargetElements = (target, dom, targetIndex) => {
+_TargetHelper.getTargetElements = (target, dom, targetIndex) => {
   if (!target || target.length < 1) {
     return [];
   }
@@ -421,7 +420,7 @@ TargetHelper.getTargetElements = (target, dom, targetIndex) => {
   }
   return Array.from(elements);
 };
-TargetHelper.getTargetElement = (target, dom, targetIndex) => {
+_TargetHelper.getTargetElement = (target, dom, targetIndex) => {
   if (!target || target.length < 1) {
     return;
   }
@@ -439,7 +438,7 @@ TargetHelper.getTargetElement = (target, dom, targetIndex) => {
 // This returns undefined for undefined input for compatibility with non-strict-null-compatible
 // usages that we haven't investigated yet. The "!selector" clause can/should be removed once
 // #2869 is complete.
-TargetHelper.getTargetFromSelector = (selector) => {
+_TargetHelper.getTargetFromSelector = (selector) => {
   if (selector === "") {
     return [];
   }
@@ -459,19 +458,19 @@ TargetHelper.getTargetFromSelector = (selector) => {
 };
 // This returns undefined for undefined input for compatibility with non-strict-null-compatible
 // usages that we haven't investigated yet. The ?s can/should be removed once #2869 is complete.
-TargetHelper.getSelectorFromTarget = (target) => {
+_TargetHelper.getSelectorFromTarget = (target) => {
   var _a;
   return (_a = target == null ? void 0 : target.map(
     (targets) => typeof targets === "string" ? targets : targets.join(",")
   )) == null ? void 0 : _a.join(";");
 };
-TargetHelper.getSelectorFromTargetElement = (target, targetIndex) => {
+_TargetHelper.getSelectorFromTargetElement = (target, targetIndex) => {
   if (target && target[targetIndex]) {
     const element = target[targetIndex];
     return typeof element === "string" ? element : element.join(",");
   }
 };
-TargetHelper.getShadowHost = (selectors, dom) => {
+_TargetHelper.getShadowHost = (selectors, dom) => {
   let shadowHost = null;
   let queryElement = dom;
   for (let i = 0; i < selectors.length - 1; i++) {
@@ -483,6 +482,7 @@ TargetHelper.getShadowHost = (selectors, dom) => {
   }
   return shadowHost;
 };
+var TargetHelper = _TargetHelper;
 
 // src/injected/adapters/extract-related-selectors.ts
 var import_lodash2 = require("lodash");
@@ -684,24 +684,11 @@ function createUnifiedRuleFromRuleResult(ruleResult) {
 }
 
 // src/common/components/cards/card-interaction-support.ts
-var allCardInteractionsSupported = {
-  supportsHighlighting: true,
-  supportsIssueFiling: true,
-  supportsCopyFailureDetails: true
-};
 var noCardInteractionsSupported = {
   supportsHighlighting: false,
   supportsIssueFiling: false,
   supportsCopyFailureDetails: false
 };
-var onlyHighlightingSupported = {
-  ...noCardInteractionsSupported,
-  supportsHighlighting: true
-};
-var onlyUserConfigAgnosticCardInteractionsSupported = {
-  ...allCardInteractionsSupported,
-  supportsIssueFiling: false
-};
 
 // src/common/components/null-component.tsx
 var NullComponent = NamedFC("NullComponent", () => {
@@ -1200,9 +1187,6 @@ var React17 = __toESM(require("react"));
 function Term(props) {
   return /* @__PURE__ */ React17.createElement("strong", null, props.children);
 }
-function Code(props) {
-  return /* @__PURE__ */ React17.createElement("span", { className: "insights-code" }, props.children);
-}
 
 // src/common/components/cards/rich-resolution-content.tsx
 var React18 = __toESM(require("react"));
@@ -1215,49 +1199,6 @@ var RichResolutionContent = NamedFC(
   "RichResolutionContent",
   ({ deps: { LinkComponent }, contentId, contentVariables }) => {
     switch (contentId) {
-      case "android/ColorContrast": {
-        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 text is intended to be invisible, it passes."), /* @__PURE__ */ React18.createElement("li", null, "If the text is intended to be visible, 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.")));
-      }
-      case "android/TouchSizeWcag": {
-        const { logicalWidth, logicalHeight } = contentVariables;
-        return /* @__PURE__ */ React18.createElement("span", null, "The element has an insufficient target size (width: ", logicalWidth, "dp, height: ", logicalHeight, "dp). Set the element's", " ", /* @__PURE__ */ React18.createElement(Code, null, "minWidth"), " and ", /* @__PURE__ */ React18.createElement(Code, null, "minHeight"), " ", "attributes to at least 44dp.");
-      }
-      case "android/ActiveViewName": {
-        return /* @__PURE__ */ React18.createElement("span", null, "The view is active but has no name available to assistive technologies. Provide a name for the view using its", " ", /* @__PURE__ */ React18.createElement(Code, null, "contentDescription"), ",", " ", /* @__PURE__ */ React18.createElement(Code, null, "hint"), ", ", /* @__PURE__ */ React18.createElement(Code, null, "labelFor"), ", or", " ", /* @__PURE__ */ React18.createElement(Code, null, "text"), " attribute (depending on the view type)");
-      }
-      case "android/ImageViewName": {
-        return /* @__PURE__ */ React18.createElement("span", null, "The image has no alternate text and is not identified as decorative. If the image conveys meaningful content, provide alternate text using the", " ", /* @__PURE__ */ React18.createElement(Code, null, "contentDescription"), " attribute. If the image is decorative, give it an empty ", /* @__PURE__ */ React18.createElement(Code, null, "contentDescription"), ", or set its ", /* @__PURE__ */ React18.createElement(Code, null, "isImportantForAccessibility"), " attribute to false.");
-      }
-      case "android/EditTextValue": {
-        return /* @__PURE__ */ React18.createElement("span", null, "The element's ", /* @__PURE__ */ React18.createElement(Code, null, "contentDescription"), " overrides the text value required by assistive technologies. Remove the element's", " ", /* @__PURE__ */ React18.createElement(Code, null, "contentDescription"), " attribute.");
-      }
-      case "android/atfa/ClassNameCheck": {
-        return /* @__PURE__ */ React18.createElement("span", null, /* @__PURE__ */ React18.createElement(LinkComponent, { href: "https://developer.android.com/training/accessibility/testing.html#manual" }, "Manually test"), " ", "the control to verify that users receive sufficient information to understand the object's function.");
-      }
-      case "android/atfa/ClickableSpanCheck": {
-        return /* @__PURE__ */ React18.createElement("span", null, /* @__PURE__ */ React18.createElement(LinkComponent, { href: "https://developer.android.com/training/accessibility/testing.html#manual" }, "Manually test"), " ", "the item containing the link and verify that the hyperlinked text is announced and appears in the \u201CLinks\u201D section of Talkback\u2019s Context Menu.");
-      }
-      case "android/atfa/DuplicateClickableBoundsCheck": {
-        return /* @__PURE__ */ React18.createElement("span", null, "Turn on", " ", /* @__PURE__ */ React18.createElement(LinkComponent, { href: "https://support.google.com/accessibility/android/answer/6301490" }, "Switch Access for Android"), " ", "or use the", " ", /* @__PURE__ */ React18.createElement(LinkComponent, { href: "https://accessibilityinsights.io/docs/en/android/getstarted/fastpass/#complete-the-manual-test-for-tab-stops" }, "TabStops feature"), " ", "to navigate through the elements in the application. If an element appears to be focused more than once, there may be multiple interactive elements occupying the same screen location.");
-      }
-      case "android/atfa/DuplicateSpeakableTextCheck": {
-        return /* @__PURE__ */ React18.createElement("span", null, "If clickable ", /* @__PURE__ */ React18.createElement(Code, null, "View"), " objects have the ", /* @__PURE__ */ React18.createElement("i", null, "same"), " ", "speakable text and perform the ", /* @__PURE__ */ React18.createElement("i", null, "same"), " function, they pass.", /* @__PURE__ */ React18.createElement("br", null), "If clickable ", /* @__PURE__ */ React18.createElement(Code, null, "View"), " objects have the ", /* @__PURE__ */ React18.createElement("i", null, "same"), " ", "speakable text but perform ", /* @__PURE__ */ React18.createElement("i", null, "different"), " functions, they fail.");
-      }
-      case "android/atfa/LinkPurposeUnclearCheck": {
-        return /* @__PURE__ */ React18.createElement("span", null, "Examine the link in the context of the app to verify that the link's unique purpose is described by the link together with its preceding page content, which includes:", /* @__PURE__ */ React18.createElement("ul", null, /* @__PURE__ */ React18.createElement("li", null, "Text in the same sentence, paragraph, list item, or table cell as the link"), /* @__PURE__ */ React18.createElement("li", null, "Text in a parent list item"), /* @__PURE__ */ React18.createElement("li", null, "Text in the table header cell that's associated with cell that contains the link")));
-      }
-      case "android/atfa/RedundantDescriptionCheck": {
-        return /* @__PURE__ */ React18.createElement("span", null, "Listen to TalkBack's announcement of the element to verify that the item's role (type), state, and/or available actions are announced only once.");
-      }
-      case "android/atfa/TraversalOrderCheck": {
-        return /* @__PURE__ */ React18.createElement("span", null, "Turn on Talkback. Swipe right to move accessibility focus forward through the elements on the screen, then swipe left to navigate backwards. Verify that focus moves through the elements in a logical, consistent order when navigating forwards or backwards.");
-      }
-      case "android/atfa/TextContrastCheck": {
-        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 text is intended to be invisible, it passes."), /* @__PURE__ */ React18.createElement("li", null, "If the text is intended to be visible, 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.")));
-      }
-      case "android/atfa/ImageContrastCheck": {
-        return /* @__PURE__ */ React18.createElement("span", null, "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 the", " ", /* @__PURE__ */ React18.createElement(Code, null, "ImageView"), " has sufficient contrast compared to the background. If the background is an image or gradient, test an area where the contrast appears to be the lowest.");
-      }
       case "web/aria-input-field-name": {
         return /* @__PURE__ */ React18.createElement("div", null, "Inspect the element using the", " ", /* @__PURE__ */ React18.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__ */ React18.createElement("b", null, "<", "label", ">"), ".");
       }
@@ -1267,9 +1208,6 @@ var RichResolutionContent = NamedFC(
       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.");
       }
-      case "web/scrollable-region-focusable": {
-        return /* @__PURE__ */ React18.createElement("span", null, "Examine the element and ensure that, if there is scrollable content, the elements are accessible by keyboard.");
-      }
       case "web/label-content-name-mismatch": {
         return /* @__PURE__ */ React18.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.");
       }
@@ -1514,7 +1452,11 @@ var React24 = __toESM(require("react"));
 var toast_default = { "toastContainer": "toast-container--L-5HM", "toastContent": "toast-content--8-Mx1" };
 
 // src/common/components/toast.tsx
-var _Toast = class extends React24.Component {
+var Toast = class _Toast extends React24.Component {
+  timeoutId;
+  static defaultProps = {
+    timeoutLength: 6e3
+  };
   constructor(props) {
     super(props);
     this.state = { toastVisible: false, content: null };
@@ -1535,10 +1477,6 @@ var _Toast = class extends React24.Component {
     return /* @__PURE__ */ React24.createElement("div", { className: toast_default.toastContainer, "aria-live": "polite" }, this.state.toastVisible ? /* @__PURE__ */ React24.createElement("div", { className: (0, import_utilities4.css)("ms-fadeIn100", toast_default.toastContent) }, this.state.content) : null);
   }
 };
-var Toast = _Toast;
-Toast.defaultProps = {
-  timeoutLength: 6e3
-};
 
 // src/common/components/cards/card-footer-instance-action-buttons.scss
 var card_footer_instance_action_buttons_default = { "kebabMenuIcon": "kebab-menu-icon--EUIj-", "kebabMenuButton": "kebab-menu-button--9Qt0a" };
@@ -2167,7 +2105,6 @@ var brand = "Accessibility Insights";
 var title = `${brand} for Web`;
 var toolName = title;
 var windowsProductName = `${brand} for Windows`;
-var androidAppTitle = `${brand} for Android`;
 
 // src/reports/components/report-sections/reporter-header-section.tsx
 var React42 = __toESM(require("react"));
@@ -4364,6 +4301,7 @@ function evaluateLinkPurpose(node, options, virtualNode, context) {
 
 // src/scanner/document-utils.ts
 var DocumentUtils = class {
+  dom;
   constructor(dom) {
     this.dom = dom || document;
   }
@@ -5487,38 +5425,36 @@ var fix_instruction_color_box_default = { "fixInstructionColorBox": "fix-instruc
 // src/common/components/fix-instruction-processor.tsx
 var recommendationsAutomationId = "recommendations";
 var FixInstructionProcessor = class {
-  constructor() {
-    this.colorValueMatcher = `(#[0-9a-f]{6})`;
-    this.foregroundColorText = "foreground color: ";
-    // the following warnings can be disabled because the values are actually constant strings and the string template is used merely for ease of reading
-    // eslint-disable-next-line security/detect-non-literal-regexp
-    this.foregroundRegExp = new RegExp(
-      `${this.foregroundColorText}${this.colorValueMatcher}`,
-      "i"
-    );
-    this.backgroundColorText = "background color: ";
-    // eslint-disable-next-line security/detect-non-literal-regexp
-    this.backgroundRegExp = new RegExp(
-      `${this.backgroundColorText}${this.colorValueMatcher}`,
-      "i"
-    );
-    this.foregroundRecommendedColorText = "Use foreground color: ";
-    // eslint-disable-next-line security/detect-non-literal-regexp
-    this.foregroundRecommendedRegExp = new RegExp(
-      `${this.foregroundRecommendedColorText}${this.colorValueMatcher}`,
-      "i"
-    );
-    this.backgroundRecommendedColorText = "Use background color: ";
-    // eslint-disable-next-line security/detect-non-literal-regexp
-    this.backgroundRecommendedRegExp = new RegExp(
-      `${this.backgroundRecommendedColorText}${this.colorValueMatcher}`,
-      "i"
-    );
-    this.contrastRatioText = "Expected contrast ratio of ";
-    // eslint-disable-next-line security/detect-non-literal-regexp
-    this.contrastRatioRegExp = new RegExp(`${this.contrastRatioText}`, "i");
-    this.originalMiddleSentence = " and the original foreground color: ";
-  }
+  colorValueMatcher = `(#[0-9a-f]{6})`;
+  foregroundColorText = "foreground color: ";
+  // the following warnings can be disabled because the values are actually constant strings and the string template is used merely for ease of reading
+  // eslint-disable-next-line security/detect-non-literal-regexp
+  foregroundRegExp = new RegExp(
+    `${this.foregroundColorText}${this.colorValueMatcher}`,
+    "i"
+  );
+  backgroundColorText = "background color: ";
+  // eslint-disable-next-line security/detect-non-literal-regexp
+  backgroundRegExp = new RegExp(
+    `${this.backgroundColorText}${this.colorValueMatcher}`,
+    "i"
+  );
+  foregroundRecommendedColorText = "Use foreground color: ";
+  // eslint-disable-next-line security/detect-non-literal-regexp
+  foregroundRecommendedRegExp = new RegExp(
+    `${this.foregroundRecommendedColorText}${this.colorValueMatcher}`,
+    "i"
+  );
+  backgroundRecommendedColorText = "Use background color: ";
+  // eslint-disable-next-line security/detect-non-literal-regexp
+  backgroundRecommendedRegExp = new RegExp(
+    `${this.backgroundRecommendedColorText}${this.colorValueMatcher}`,
+    "i"
+  );
+  contrastRatioText = "Expected contrast ratio of ";
+  // eslint-disable-next-line security/detect-non-literal-regexp
+  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);
   }
@@ -5686,12 +5622,12 @@ var FixInstructionProcessor = class {
 
 // src/common/date-provider.ts
 var import_luxon = require("luxon");
-var DateProvider = class {
+var DateProvider = class _DateProvider {
   static getDateFromTimestamp(timestamp) {
-    if (DateProvider.isNumericalTimestamp(timestamp)) {
-      return DateProvider.getDateFromMillis(timestamp);
+    if (_DateProvider.isNumericalTimestamp(timestamp)) {
+      return _DateProvider.getDateFromMillis(timestamp);
     } else {
-      return DateProvider.getDateFromDateString(timestamp);
+      return _DateProvider.getDateFromDateString(timestamp);
     }
   }
   static getCurrentDate() {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "accessibility-insights-report",
-    "version": "4.6.7",
+    "version": "4.7.0",
     "description": "Accessibility Insights Report",
     "license": "MIT",
     "files": [
@@ -19,7 +19,7 @@
     },
     "dependencies": {
         "@fluentui/react": "^8.96.1",
-        "axe-core": "4.6.3",
+        "axe-core": "4.7.2",
         "classnames": "^2.3.2",
         "lodash": "^4.17.21",
         "luxon": "^3.3.0",