axe-core 4.3.5-canary.2ca9fef → 4.3.5-canary.2e27dca

package/axe.d.ts

@@ -50,8 +50,8 @@ declare namespace axe {
   type CrossFrameSelector = CrossTreeSelector[];
 
   type ContextObject = {
-    include?: BaseSelector | Array<BaseSelector | BaseSelector[]>;
-    exclude?: BaseSelector | Array<BaseSelector | BaseSelector[]>;
+    include?: Node | BaseSelector | Array<Node | BaseSelector | BaseSelector[]>;
+    exclude?: Node | BaseSelector | Array<Node | BaseSelector | BaseSelector[]>;
   };
 
   type RunCallback = (error: Error, results: AxeResults) => void;

package/axe.js

@@ -1,4 +1,4 @@
-/*! axe v4.3.5-canary.2ca9fef
+/*! axe v4.3.5-canary.2e27dca
  * Copyright (c) 2022 Deque Systems, Inc.
  *
  * Your use of this Source Code Form is subject to the terms of the Mozilla Public
@@ -22,7 +22,7 @@
     }, _typeof(obj);
   }
   var axe = axe || {};
-  axe.version = '4.3.5-canary.2ca9fef';
+  axe.version = '4.3.5-canary.2e27dca';
   if (typeof define === 'function' && define.amd) {
     define('axe-core', [], function() {
       return axe;
@@ -13315,6 +13315,115 @@
       return !isNaN(valueNow) ? String(valueNow) : '0';
     }
     var form_control_value_default = formControlValue;
+    function getUnicodeNonBmpRegExp() {
+      return /[\u1D00-\u1D7F\u1D80-\u1DBF\u1DC0-\u1DFF\u20A0-\u20CF\u20D0-\u20FF\u2100-\u214F\u2150-\u218F\u2190-\u21FF\u2200-\u22FF\u2300-\u23FF\u2400-\u243F\u2440-\u245F\u2460-\u24FF\u2500-\u257F\u2580-\u259F\u25A0-\u25FF\u2600-\u26FF\u2700-\u27BF\uE000-\uF8FF]/g;
+    }
+    function getPunctuationRegExp() {
+      return /[\u2000-\u206F\u2E00-\u2E7F\\'!"#$%&\xa3\xa2\xa5\xa7\u20ac()*+,\-.\/:;<=>?@\[\]^_`{|}~\xb1]/g;
+    }
+    function getSupplementaryPrivateUseRegExp() {
+      return /[\uDB80-\uDBBF][\uDC00-\uDFFF]/g;
+    }
+    var emoji_regex = __toModule(require_emoji_regex());
+    function hasUnicode(str, options) {
+      var emoji = options.emoji, nonBmp = options.nonBmp, punctuations = options.punctuations;
+      if (emoji) {
+        return emoji_regex['default']().test(str);
+      }
+      if (nonBmp) {
+        return getUnicodeNonBmpRegExp().test(str) || getSupplementaryPrivateUseRegExp().test(str);
+      }
+      if (punctuations) {
+        return getPunctuationRegExp().test(str);
+      }
+      return false;
+    }
+    var has_unicode_default = hasUnicode;
+    function isIconLigature(textVNode) {
+      var differenceThreshold = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : .15;
+      var occuranceThreshold = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 3;
+      var nodeValue = textVNode.actualNode.nodeValue.trim();
+      if (!sanitize_default(nodeValue) || has_unicode_default(nodeValue, {
+        emoji: true,
+        nonBmp: true
+      })) {
+        return false;
+      }
+      if (!cache_default.get('canvasContext')) {
+        cache_default.set('canvasContext', document.createElement('canvas').getContext('2d'));
+      }
+      var canvasContext = cache_default.get('canvasContext');
+      var canvas = canvasContext.canvas;
+      if (!cache_default.get('fonts')) {
+        cache_default.set('fonts', {});
+      }
+      var fonts = cache_default.get('fonts');
+      var style = window.getComputedStyle(textVNode.parent.actualNode);
+      var fontFamily = style.getPropertyValue('font-family');
+      if (!fonts[fontFamily]) {
+        fonts[fontFamily] = {
+          occurances: 0,
+          numLigatures: 0
+        };
+      }
+      var font = fonts[fontFamily];
+      if (font.occurances >= occuranceThreshold) {
+        if (font.numLigatures / font.occurances === 1) {
+          return true;
+        } else if (font.numLigatures === 0) {
+          return false;
+        }
+      }
+      font.occurances++;
+      var fontSize = 30;
+      var fontStyle = ''.concat(fontSize, 'px ').concat(fontFamily);
+      canvasContext.font = fontStyle;
+      var firstChar = nodeValue.charAt(0);
+      var width = canvasContext.measureText(firstChar).width;
+      if (width < 30) {
+        var diff = 30 / width;
+        width *= diff;
+        fontSize *= diff;
+        fontStyle = ''.concat(fontSize, 'px ').concat(fontFamily);
+      }
+      canvas.width = width;
+      canvas.height = fontSize;
+      canvasContext.font = fontStyle;
+      canvasContext.textAlign = 'left';
+      canvasContext.textBaseline = 'top';
+      canvasContext.fillText(firstChar, 0, 0);
+      var compareData = new Uint32Array(canvasContext.getImageData(0, 0, width, fontSize).data.buffer);
+      if (!compareData.some(function(pixel) {
+        return pixel;
+      })) {
+        font.numLigatures++;
+        return true;
+      }
+      canvasContext.clearRect(0, 0, width, fontSize);
+      canvasContext.fillText(nodeValue, 0, 0);
+      var compareWith = new Uint32Array(canvasContext.getImageData(0, 0, width, fontSize).data.buffer);
+      var differences = compareData.reduce(function(diff, pixel, i) {
+        if (pixel === 0 && compareWith[i] === 0) {
+          return diff;
+        }
+        if (pixel !== 0 && compareWith[i] !== 0) {
+          return diff;
+        }
+        return ++diff;
+      }, 0);
+      var expectedWidth = nodeValue.split('').reduce(function(width2, _char3) {
+        return width2 + canvasContext.measureText(_char3).width;
+      }, 0);
+      var actualWidth = canvasContext.measureText(nodeValue).width;
+      var pixelDifference = differences / compareData.length;
+      var sizeDifference = 1 - actualWidth / expectedWidth;
+      if (pixelDifference >= differenceThreshold && sizeDifference >= differenceThreshold) {
+        font.numLigatures++;
+        return true;
+      }
+      return false;
+    }
+    var is_icon_ligature_default = isIconLigature;
     function accessibleTextVirtual(virtualNode) {
       var context5 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
       var actualNode = virtualNode.actualNode;
@@ -13322,6 +13431,9 @@
       if (shouldIgnoreHidden(virtualNode, context5)) {
         return '';
       }
+      if (shouldIgnoreIconLigature(virtualNode, context5)) {
+        return '';
+      }
       var computationSteps = [ arialabelledby_text_default, arialabel_text_default, native_text_alternative_default, form_control_value_default, subtree_text_default, textNodeValue, title_text_default ];
       var accName = computationSteps.reduce(function(accName2, step) {
         if (context5.startNode === virtualNode) {
@@ -13353,6 +13465,13 @@
       }
       return !is_visible_default(actualNode, true);
     }
+    function shouldIgnoreIconLigature(virtualNode, context5) {
+      var ignoreIconLigature = context5.ignoreIconLigature, pixelThreshold = context5.pixelThreshold, occuranceThreshold = context5.occuranceThreshold;
+      if (virtualNode.props.nodeType !== 3 || !ignoreIconLigature) {
+        return false;
+      }
+      return is_icon_ligature_default(virtualNode, pixelThreshold, occuranceThreshold);
+    }
     function prepareContext(virtualNode, context5) {
       var actualNode = virtualNode.actualNode;
       if (!context5.startNode) {
@@ -13483,30 +13602,6 @@
         return visible_virtual_default;
       }
     });
-    function getUnicodeNonBmpRegExp() {
-      return /[\u1D00-\u1D7F\u1D80-\u1DBF\u1DC0-\u1DFF\u20A0-\u20CF\u20D0-\u20FF\u2100-\u214F\u2150-\u218F\u2190-\u21FF\u2200-\u22FF\u2300-\u23FF\u2400-\u243F\u2440-\u245F\u2460-\u24FF\u2500-\u257F\u2580-\u259F\u25A0-\u25FF\u2600-\u26FF\u2700-\u27BF\uE000-\uF8FF]/g;
-    }
-    function getPunctuationRegExp() {
-      return /[\u2000-\u206F\u2E00-\u2E7F\\'!"#$%&\xa3\xa2\xa5\xa7\u20ac()*+,\-.\/:;<=>?@\[\]^_`{|}~\xb1]/g;
-    }
-    function getSupplementaryPrivateUseRegExp() {
-      return /[\uDB80-\uDBBF][\uDC00-\uDFFF]/g;
-    }
-    var emoji_regex = __toModule(require_emoji_regex());
-    function hasUnicode(str, options) {
-      var emoji = options.emoji, nonBmp = options.nonBmp, punctuations = options.punctuations;
-      if (emoji) {
-        return emoji_regex['default']().test(str);
-      }
-      if (nonBmp) {
-        return getUnicodeNonBmpRegExp().test(str) || getSupplementaryPrivateUseRegExp().test(str);
-      }
-      if (punctuations) {
-        return getPunctuationRegExp().test(str);
-      }
-      return false;
-    }
-    var has_unicode_default = hasUnicode;
     var emoji_regex2 = __toModule(require_emoji_regex());
     function removeUnicode(str, options) {
       var emoji = options.emoji, nonBmp = options.nonBmp, punctuations = options.punctuations;
@@ -13542,91 +13637,6 @@
       return 1;
     }
     var is_human_interpretable_default = isHumanInterpretable;
-    function isIconLigature(textVNode) {
-      var differenceThreshold = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : .15;
-      var occuranceThreshold = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 3;
-      var nodeValue = textVNode.actualNode.nodeValue.trim();
-      if (!sanitize_default(nodeValue) || has_unicode_default(nodeValue, {
-        emoji: true,
-        nonBmp: true
-      })) {
-        return false;
-      }
-      if (!cache_default.get('canvasContext')) {
-        cache_default.set('canvasContext', document.createElement('canvas').getContext('2d'));
-      }
-      var canvasContext = cache_default.get('canvasContext');
-      var canvas = canvasContext.canvas;
-      if (!cache_default.get('fonts')) {
-        cache_default.set('fonts', {});
-      }
-      var fonts = cache_default.get('fonts');
-      var style = window.getComputedStyle(textVNode.parent.actualNode);
-      var fontFamily = style.getPropertyValue('font-family');
-      if (!fonts[fontFamily]) {
-        fonts[fontFamily] = {
-          occurances: 0,
-          numLigatures: 0
-        };
-      }
-      var font = fonts[fontFamily];
-      if (font.occurances >= occuranceThreshold) {
-        if (font.numLigatures / font.occurances === 1) {
-          return true;
-        } else if (font.numLigatures === 0) {
-          return false;
-        }
-      }
-      font.occurances++;
-      var fontSize = 30;
-      var fontStyle = ''.concat(fontSize, 'px ').concat(fontFamily);
-      canvasContext.font = fontStyle;
-      var firstChar = nodeValue.charAt(0);
-      var width = canvasContext.measureText(firstChar).width;
-      if (width < 30) {
-        var diff = 30 / width;
-        width *= diff;
-        fontSize *= diff;
-        fontStyle = ''.concat(fontSize, 'px ').concat(fontFamily);
-      }
-      canvas.width = width;
-      canvas.height = fontSize;
-      canvasContext.font = fontStyle;
-      canvasContext.textAlign = 'left';
-      canvasContext.textBaseline = 'top';
-      canvasContext.fillText(firstChar, 0, 0);
-      var compareData = new Uint32Array(canvasContext.getImageData(0, 0, width, fontSize).data.buffer);
-      if (!compareData.some(function(pixel) {
-        return pixel;
-      })) {
-        font.numLigatures++;
-        return true;
-      }
-      canvasContext.clearRect(0, 0, width, fontSize);
-      canvasContext.fillText(nodeValue, 0, 0);
-      var compareWith = new Uint32Array(canvasContext.getImageData(0, 0, width, fontSize).data.buffer);
-      var differences = compareData.reduce(function(diff, pixel, i) {
-        if (pixel === 0 && compareWith[i] === 0) {
-          return diff;
-        }
-        if (pixel !== 0 && compareWith[i] !== 0) {
-          return diff;
-        }
-        return ++diff;
-      }, 0);
-      var expectedWidth = nodeValue.split('').reduce(function(width2, _char3) {
-        return width2 + canvasContext.measureText(_char3).width;
-      }, 0);
-      var actualWidth = canvasContext.measureText(nodeValue).width;
-      var pixelDifference = differences / compareData.length;
-      var sizeDifference = 1 - actualWidth / expectedWidth;
-      if (pixelDifference >= differenceThreshold && sizeDifference >= differenceThreshold) {
-        font.numLigatures++;
-        return true;
-      }
-      return false;
-    }
-    var is_icon_ligature_default = isIconLigature;
     var _autocomplete = {
       stateTerms: [ 'on', 'off' ],
       standaloneTerms: [ 'name', 'honorific-prefix', 'given-name', 'additional-name', 'family-name', 'honorific-suffix', 'nickname', 'username', 'new-password', 'current-password', 'organization-title', 'organization', 'street-address', 'address-line1', 'address-line2', 'address-line3', 'address-level4', 'address-level3', 'address-level2', 'address-level1', 'country', 'country-name', 'postal-code', 'cc-name', 'cc-given-name', 'cc-additional-name', 'cc-family-name', 'cc-number', 'cc-exp', 'cc-exp-month', 'cc-exp-year', 'cc-csc', 'cc-type', 'transaction-currency', 'transaction-amount', 'language', 'bday', 'bday-day', 'bday-month', 'bday-year', 'sex', 'url', 'photo', 'one-time-code' ],
@@ -15902,7 +15912,7 @@
       ariaAttr.forEach(function(attr) {
         preChecks[attr] = validateRowAttrs;
       });
-      if (role && allowed) {
+      if (allowed) {
         for (var _i15 = 0; _i15 < attrs.length; _i15++) {
           var _preChecks$attrName;
           var attrName = attrs[_i15];
@@ -15915,6 +15925,9 @@
       }
       if (invalid.length) {
         this.data(invalid);
+        if (!is_html_element_default(virtualNode) && !role && !is_focusable_default(virtualNode)) {
+          return void 0;
+        }
         return false;
       }
       return true;
@@ -15999,8 +16012,12 @@
     function ariaProhibitedAttrEvaluate(node) {
       var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
       var virtualNode = arguments.length > 2 ? arguments[2] : undefined;
-      var extraElementsAllowedAriaLabel = options.elementsAllowedAriaLabel || [];
-      var prohibitedList = listProhibitedAttrs(virtualNode, extraElementsAllowedAriaLabel);
+      var elementsAllowedAriaLabel = (options === null || options === void 0 ? void 0 : options.elementsAllowedAriaLabel) || [];
+      var nodeName2 = virtualNode.props.nodeName;
+      var role = get_role_default(virtualNode, {
+        chromium: true
+      });
+      var prohibitedList = listProhibitedAttrs(role, nodeName2, elementsAllowedAriaLabel);
       var prohibited = prohibitedList.filter(function(attrName) {
         if (!virtualNode.attrNames.includes(attrName)) {
           return false;
@@ -16010,25 +16027,32 @@
       if (prohibited.length === 0) {
         return false;
       }
-      this.data(prohibited);
-      var hasTextContent = sanitize_default(subtree_text_default(virtualNode)) !== '';
-      return hasTextContent ? void 0 : true;
-    }
-    function listProhibitedAttrs(virtualNode, elementsAllowedAriaLabel) {
-      var role = get_role_default(virtualNode, {
-        chromium: true
+      var messageKey = virtualNode.hasAttr('role') ? 'hasRole' : 'noRole';
+      messageKey += prohibited.length > 1 ? 'Plural' : 'Singular';
+      this.data({
+        role: role,
+        nodeName: nodeName2,
+        messageKey: messageKey,
+        prohibited: prohibited
       });
+      var textContent = subtree_text_default(virtualNode, {
+        subtreeDescendant: true
+      });
+      if (sanitize_default(textContent) !== '') {
+        return void 0;
+      }
+      return true;
+    }
+    function listProhibitedAttrs(role, nodeName2, elementsAllowedAriaLabel) {
       var roleSpec = standards_default.ariaRoles[role];
       if (roleSpec) {
         return roleSpec.prohibitedAttrs || [];
       }
-      var nodeName2 = virtualNode.props.nodeName;
       if (!!role || elementsAllowedAriaLabel.includes(nodeName2)) {
         return [];
       }
       return [ 'aria-label', 'aria-labelledby' ];
     }
-    var aria_prohibited_attr_evaluate_default = ariaProhibitedAttrEvaluate;
     var standards_exports = {};
     __export(standards_exports, {
       getAriaRolesByType: function getAriaRolesByType() {
@@ -17425,10 +17449,13 @@
         contrast = get_contrast_default(bgColor, fgColor);
       } else if (fgColor && bgColor) {
         shadowColor = [].concat(_toConsumableArray(shadowColors), [ bgColor ]).reduce(flatten_shadow_colors_default);
-        var bgContrast = get_contrast_default(bgColor, shadowColor);
-        var fgContrast = get_contrast_default(shadowColor, fgColor);
-        contrast = Math.max(bgContrast, fgContrast);
-        contrastContributor = bgContrast > fgContrast ? 'shadowOnBgColor' : 'fgOnShadowColor';
+        var fgBgContrast = get_contrast_default(bgColor, fgColor);
+        var bgShContrast = get_contrast_default(bgColor, shadowColor);
+        var fgShContrast = get_contrast_default(shadowColor, fgColor);
+        contrast = Math.max(fgBgContrast, bgShContrast, fgShContrast);
+        if (contrast !== fgBgContrast) {
+          contrastContributor = bgShContrast > fgShContrast ? 'shadowOnBgColor' : 'fgOnShadowColor';
+        }
       }
       var ptSize = Math.ceil(fontSize * 72) / 96;
       var isSmallFont = bold && ptSize < boldTextPt || !bold && ptSize < largeTextPt;
@@ -18948,13 +18975,12 @@
       if (is_human_interpretable_default(accText) < 1) {
         return void 0;
       }
-      var textVNodes = visible_text_nodes_default(virtualNode);
-      var nonLigatureText = textVNodes.filter(function(textVNode) {
-        return !is_icon_ligature_default(textVNode, pixelThreshold, occuranceThreshold);
-      }).map(function(textVNode) {
-        return textVNode.actualNode.nodeValue;
-      }).join('');
-      var visibleText = sanitize_default(nonLigatureText).toLowerCase();
+      var visibleText = sanitize_default(subtree_text_default(virtualNode, {
+        subtreeDescendant: true,
+        ignoreIconLigature: true,
+        pixelThreshold: pixelThreshold,
+        occuranceThreshold: occuranceThreshold
+      })).toLowerCase();
       if (!visibleText) {
         return true;
       }
@@ -19784,7 +19810,7 @@
       'aria-errormessage-evaluate': aria_errormessage_evaluate_default,
       'aria-hidden-body-evaluate': aria_hidden_body_evaluate_default,
       'aria-level-evaluate': aria_level_evaluate_default,
-      'aria-prohibited-attr-evaluate': aria_prohibited_attr_evaluate_default,
+      'aria-prohibited-attr-evaluate': ariaProhibitedAttrEvaluate,
       'aria-required-attr-evaluate': aria_required_attr_evaluate_default,
       'aria-required-children-evaluate': aria_required_children_evaluate_default,
       'aria-required-parent-evaluate': aria_required_parent_evaluate_default,
@@ -22153,7 +22179,8 @@
             fail: {
               singular: 'ARIA attribute is not allowed: ${data.values}',
               plural: 'ARIA attributes are not allowed: ${data.values}'
-            }
+            },
+            incomplete: 'Check that there is no problem if the ARIA attribute is ignored on this element: ${data.values}'
           }
         },
         'aria-allowed-role': {
@@ -22204,8 +22231,18 @@
           impact: 'serious',
           messages: {
             pass: 'ARIA attribute is allowed',
-            fail: 'ARIA attribute: ${data.values} is not allowed. Use a different role attribute or element.',
-            incomplete: 'ARIA attribute: ${data.values} is not well supported. Use a different role attribute or element.'
+            fail: {
+              hasRolePlural: '${data.prohibited} attributes cannot be used with role "${data.role}".',
+              hasRoleSingular: '${data.prohibited} attribute cannot be used with role "${data.role}".',
+              noRolePlural: '${data.prohibited} attributes cannot be used on a ${data.nodeName} with no valid role attribute.',
+              noRoleSingular: '${data.prohibited} attribute cannot be used on a ${data.nodeName} with no valid role attribute.'
+            },
+            incomplete: {
+              hasRoleSingular: '${data.prohibited} attribute is not well supported with role "${data.role}".',
+              hasRolePlural: '${data.prohibited} attributes are not well supported with role "${data.role}".',
+              noRoleSingular: '${data.prohibited} attribute is not well supported on a ${data.nodeName} with no valid role attribute.',
+              noRolePlural: '${data.prohibited} attributes are not well supported on a ${data.nodeName} with no valid role attribute.'
+            }
           }
         },
         'aria-required-attr': {
@@ -23473,7 +23510,7 @@
             }
           },
           pseudoSizeThreshold: .25,
-          shadowOutlineEmMax: .1
+          shadowOutlineEmMax: .2
         },
         id: 'color-contrast'
       } ],
@@ -24345,7 +24382,7 @@
           }
         },
         pseudoSizeThreshold: .25,
-        shadowOutlineEmMax: .1
+        shadowOutlineEmMax: .2
       }
     }, {
       id: 'link-in-text-block',