axe-core 4.4.1-canary.fa6cbf4 → 4.4.2-canary.2674841

package/axe.d.ts

@@ -249,6 +249,7 @@ declare namespace axe {
     help: string;
     helpUrl: string;
     tags: string[];
+    actIds?: string[];
   }
   interface SerialDqElement {
     source: string;

package/axe.js

@@ -1,4 +1,4 @@
-/*! axe v4.4.1-canary.fa6cbf4
+/*! axe v4.4.2-canary.2674841
  * 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.4.1-canary.fa6cbf4';
+  axe.version = '4.4.2-canary.2674841';
   if (typeof define === 'function' && define.amd) {
     define('axe-core', [], function() {
       return axe;
@@ -7960,9 +7960,13 @@
       return false;
     }
     var is_hidden_with_css_default = isHiddenWithCSS;
+    var allowedDisabledNodeNames = [ 'button', 'command', 'fieldset', 'keygen', 'optgroup', 'option', 'select', 'textarea', 'input' ];
+    function isDisabledAttrAllowed(nodeName2) {
+      return allowedDisabledNodeNames.includes(nodeName2);
+    }
     function focusDisabled(el) {
       var vNode = el instanceof abstract_virtual_node_default ? el : get_node_from_tree_default(el);
-      if (vNode.hasAttr('disabled')) {
+      if (isDisabledAttrAllowed(vNode.props.nodeName) && vNode.hasAttr('disabled')) {
         return true;
       }
       var parentNode = vNode.parent;
@@ -9247,7 +9251,7 @@
         contentTypes: [ 'phrasing', 'flow' ],
         allowedRoles: true
       },
-      addres: {
+      address: {
         contentTypes: [ 'flow' ],
         allowedRoles: true
       },
@@ -9693,7 +9697,7 @@
       },
       nav: {
         contentTypes: [ 'sectioning', 'flow' ],
-        allowedRoles: [ 'doc-index', 'doc-pagelist', 'doc-toc', 'menu', 'menubar', 'tablist' ],
+        allowedRoles: [ 'doc-index', 'doc-pagelist', 'doc-toc', 'menu', 'menubar', 'none', 'presentation', 'tablist' ],
         shadowRoot: true
       },
       noscript: {
@@ -10597,6 +10601,7 @@
       return VirtualNode;
     }(abstract_virtual_node_default);
     var virtual_node_default = VirtualNode;
+    var hasShadowRoot;
     function getSlotChildren(node) {
       var retVal = [];
       node = node.firstChild;
@@ -10620,6 +10625,7 @@
       }
       nodeName2 = node.nodeName.toLowerCase();
       if (is_shadow_root_default(node)) {
+        hasShadowRoot = true;
         retVal = new virtual_node_default(node, parent, shadowId);
         shadowId = 'a' + Math.random().toString().substring(2);
         realArray = Array.from(node.shadowRoot.childNodes);
@@ -10668,8 +10674,11 @@
     function getFlattenedTree() {
       var node = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document.documentElement;
       var shadowId = arguments.length > 1 ? arguments[1] : undefined;
+      hasShadowRoot = false;
       cache_default.set('nodeMap', new WeakMap());
-      return flattenTree(node, shadowId, null);
+      var tree = flattenTree(node, shadowId, null);
+      tree[0]._hasShadowRoot = hasShadowRoot;
+      return tree;
     }
     var get_flattened_tree_default = getFlattenedTree;
     function getBaseLang(lang) {
@@ -16334,14 +16343,14 @@
         'aria-describedby': function ariaDescribedby(validValue) {
           if (!validValue) {
             needsReview = 'aria-describedby="'.concat(virtualNode.attr('aria-describedby'), '"');
-            messageKey = 'noId';
+            messageKey = axe._tree && axe._tree[0]._hasShadowRoot ? 'noIdShadow' : 'noId';
           }
           return;
         },
         'aria-labelledby': function ariaLabelledby(validValue) {
           if (!validValue) {
             needsReview = 'aria-labelledby="'.concat(virtualNode.attr('aria-labelledby'), '"');
-            messageKey = 'noId';
+            messageKey = axe._tree && axe._tree[0]._hasShadowRoot ? 'noIdShadow' : 'noId';
           }
         }
       };
@@ -16460,7 +16469,15 @@
     }
     var no_implicit_explicit_label_evaluate_default = noImplicitExplicitLabelEvaluate;
     function unsupportedroleEvaluate(node, options, virtualNode) {
-      return is_unsupported_role_default(get_role_default(virtualNode));
+      var role = get_role_default(virtualNode, {
+        dpub: true,
+        fallback: true
+      });
+      var isUnsupported = is_unsupported_role_default(role);
+      if (isUnsupported) {
+        this.data(role);
+      }
+      return isUnsupported;
     }
     var unsupportedrole_evaluate_default = unsupportedroleEvaluate;
     var VALID_TAG_NAMES_FOR_SCROLLABLE_REGIONS = {
@@ -16989,6 +17006,9 @@
     function colorContrastEvaluate(node, options, virtualNode) {
       var ignoreUnicode = options.ignoreUnicode, ignoreLength = options.ignoreLength, ignorePseudo = options.ignorePseudo, boldValue = options.boldValue, boldTextPt = options.boldTextPt, largeTextPt = options.largeTextPt, contrastRatio = options.contrastRatio, shadowOutlineEmMax = options.shadowOutlineEmMax, pseudoSizeThreshold = options.pseudoSizeThreshold;
       if (!is_visible_default(node, false)) {
+        this.data({
+          messageKey: 'hidden'
+        });
         return true;
       }
       var visibleText = visible_virtual_default(virtualNode, false, true);
@@ -16998,13 +17018,23 @@
         });
         return void 0;
       }
+      var nodeStyle = window.getComputedStyle(node);
+      var fontSize = parseFloat(nodeStyle.getPropertyValue('font-size'));
+      var fontWeight = nodeStyle.getPropertyValue('font-weight');
+      var bold = parseFloat(fontWeight) >= boldValue || fontWeight === 'bold';
+      var ptSize = Math.ceil(fontSize * 72) / 96;
+      var isSmallFont = bold && ptSize < boldTextPt || !bold && ptSize < largeTextPt;
+      var _ref58 = isSmallFont ? contrastRatio.normal : contrastRatio.large, expected = _ref58.expected, minThreshold = _ref58.minThreshold, maxThreshold = _ref58.maxThreshold;
       var pseudoElm = findPseudoElement(virtualNode, {
         ignorePseudo: ignorePseudo,
         pseudoSizeThreshold: pseudoSizeThreshold
       });
       if (pseudoElm) {
         this.data({
-          messageKey: 'pseudoContent'
+          fontSize: ''.concat((fontSize * 72 / 96).toFixed(1), 'pt (').concat(fontSize, 'px)'),
+          fontWeight: bold ? 'bold' : 'normal',
+          messageKey: 'pseudoContent',
+          expectedContrastRatio: expected + ':1'
         });
         this.relatedNodes(pseudoElm.actualNode);
         return void 0;
@@ -17016,10 +17046,6 @@
         minRatio: .001,
         maxRatio: shadowOutlineEmMax
       });
-      var nodeStyle = window.getComputedStyle(node);
-      var fontSize = parseFloat(nodeStyle.getPropertyValue('font-size'));
-      var fontWeight = nodeStyle.getPropertyValue('font-weight');
-      var bold = parseFloat(fontWeight) >= boldValue || fontWeight === 'bold';
       var contrast = null;
       var contrastContributor = null;
       var shadowColor = null;
@@ -17035,11 +17061,11 @@
           contrastContributor = bgShContrast > fgShContrast ? 'shadowOnBgColor' : 'fgOnShadowColor';
         }
       }
-      var ptSize = Math.ceil(fontSize * 72) / 96;
-      var isSmallFont = bold && ptSize < boldTextPt || !bold && ptSize < largeTextPt;
-      var _ref58 = isSmallFont ? contrastRatio.normal : contrastRatio.large, expected = _ref58.expected, minThreshold = _ref58.minThreshold, maxThreshold = _ref58.maxThreshold;
       var isValid = contrast > expected;
       if (typeof minThreshold === 'number' && contrast < minThreshold || typeof maxThreshold === 'number' && contrast > maxThreshold) {
+        this.data({
+          contrastRatio: contrast
+        });
         return true;
       }
       var truncatedResult = Math.floor(contrast * 100) / 100;
@@ -17395,10 +17421,12 @@
         return out;
       }, []);
       this.relatedNodes(relatedNodes);
-      if (relatedNodes.length && is_modal_open_default()) {
+      if (relatedNodes.length === 0 || is_modal_open_default()) {
         return true;
       }
-      return relatedNodes.length === 0;
+      return relatedNodes.every(function(related) {
+        return related.onfocus;
+      }) ? void 0 : false;
     }
     var focusable_disabled_evaluate_default = focusableDisabledEvaluate;
     function focusableElementEvaluate(node, options, virtualNode) {
@@ -17468,10 +17496,12 @@
         return out;
       }, []);
       this.relatedNodes(relatedNodes);
-      if (relatedNodes.length > 0 && is_modal_open_default()) {
+      if (relatedNodes.length === 0 || is_modal_open_default()) {
         return true;
       }
-      return relatedNodes.length === 0;
+      return relatedNodes.every(function(related) {
+        return related.onfocus;
+      }) ? void 0 : false;
     }
     var focusable_not_tabbable_evaluate_default = focusableNotTabbableEvaluate;
     function focusableDescendants(vNode) {
@@ -20130,6 +20160,7 @@
       this.none = spec.none || [];
       this.tags = spec.tags || [];
       this.preload = spec.preload ? true : false;
+      this.actIds = spec.actIds;
       if (spec.matches) {
         this.matches = createExecutionContext(spec.matches);
       }
@@ -20462,6 +20493,9 @@
       if (spec.hasOwnProperty('tags')) {
         this.tags = spec.tags;
       }
+      if (spec.hasOwnProperty('actIds')) {
+        this.actIds = spec.actIds;
+      }
       if (spec.hasOwnProperty('matches')) {
         this.matches = createExecutionContext(spec.matches);
       }
@@ -21198,7 +21232,8 @@
           description: rd.description,
           help: rd.help,
           helpUrl: rd.helpUrl,
-          tags: matchingRule.tags
+          tags: matchingRule.tags,
+          actIds: matchingRule.actIds
         };
       });
     }
@@ -21845,8 +21880,8 @@
           help: 'aria-hidden=\'true\' must not be present on the document body'
         },
         'aria-hidden-focus': {
-          description: 'Ensures aria-hidden elements do not contain focusable elements',
-          help: 'ARIA hidden element must not contain focusable elements'
+          description: 'Ensures aria-hidden elements are not focusable nor contain focusable elements',
+          help: 'ARIA hidden element must not be focusable or contain focusable elements'
         },
         'aria-input-field-name': {
           description: 'Ensures every ARIA input field has an accessible name',
@@ -21970,7 +22005,7 @@
         },
         'empty-table-header': {
           description: 'Ensures table headers have discernible text',
-          help: 'Table header text must not be empty'
+          help: 'Table header text should not be empty'
         },
         'focus-order-semantics': {
           description: 'Ensures elements in the focus order have a role appropriate for interactive content',
@@ -22348,6 +22383,7 @@
             },
             incomplete: {
               noId: 'ARIA attribute element ID does not exist on the page: ${data.needsReview}',
+              noIdShadow: 'ARIA attribute element ID does not exist on the page or is a descendant of a different shadow DOM tree: ${data.needsReview}',
               ariaCurrent: 'ARIA attribute value is invalid and will be treated as "aria-current=true": ${data.needsReview}',
               idrefs: 'Unable to determine if ARIA attribute element ID exists on the page: ${data.needsReview}'
             }
@@ -22367,7 +22403,7 @@
           impact: 'minor',
           messages: {
             pass: 'ARIA role is not deprecated',
-            fail: 'The role used is deprecated: ${data.values}'
+            fail: 'The role used is deprecated: ${data}'
           }
         },
         fallbackrole: {
@@ -22423,7 +22459,7 @@
           impact: 'critical',
           messages: {
             pass: 'ARIA role is supported',
-            fail: 'The role used is not widely supported in screen readers and assistive technologies: ${data.values}'
+            fail: 'The role used is not widely supported in screen readers and assistive technologies: ${data}'
           }
         },
         'valid-scrollable-semantics': {
@@ -22462,7 +22498,10 @@
         'color-contrast': {
           impact: 'serious',
           messages: {
-            pass: 'Element has sufficient color contrast of ${data.contrastRatio}',
+            pass: {
+              default: 'Element has sufficient color contrast of ${data.contrastRatio}',
+              hidden: 'Element is hidden'
+            },
             fail: {
               default: 'Element has insufficient color contrast of ${data.contrastRatio} (foreground color: ${data.fgColor}, background color: ${data.bgColor}, font size: ${data.fontSize}, font weight: ${data.fontWeight}). Expected contrast ratio of ${data.expectedContrastRatio}',
               fgOnShadowColor: 'Element has insufficient color contrast of ${data.contrastRatio} between the foreground and shadow color (foreground color: ${data.fgColor}, text-shadow color: ${data.shadowColor}, font size: ${data.fontSize}, font weight: ${data.fontWeight}). Expected contrast ratio of ${data.expectedContrastRatio}',
@@ -22532,6 +22571,7 @@
           impact: 'serious',
           messages: {
             pass: 'No focusable elements contained within element',
+            incomplete: 'Check if the focusable elements immediately move the focus indicator',
             fail: 'Focusable content should be disabled or be removed from the DOM'
           }
         },
@@ -22561,6 +22601,7 @@
           impact: 'serious',
           messages: {
             pass: 'No focusable elements contained within element',
+            incomplete: 'Check if the focusable elements immediately move the focus indicator',
             fail: 'Focusable content should have tabindex=\'-1\' or be removed from the DOM'
           }
         },
@@ -23169,7 +23210,7 @@
       id: 'area-alt',
       selector: 'map area[href]',
       excludeHidden: false,
-      tags: [ 'cat.text-alternatives', 'wcag2a', 'wcag111', 'wcag244', 'wcag412', 'section508', 'section508.22.a', 'ACT' ],
+      tags: [ 'cat.text-alternatives', 'wcag2a', 'wcag244', 'wcag412', 'section508', 'section508.22.a', 'ACT' ],
       actIds: [ 'c487ae' ],
       all: [],
       any: [ {
@@ -23258,7 +23299,7 @@
       selector: '[aria-hidden="true"]',
       matches: 'aria-hidden-focus-matches',
       excludeHidden: false,
-      tags: [ 'cat.name-role-value', 'wcag2a', 'wcag412', 'wcag131' ],
+      tags: [ 'cat.name-role-value', 'wcag2a', 'wcag412' ],
       actIds: [ '6cfa84' ],
       all: [ 'focusable-modal-open', 'focusable-disabled', 'focusable-not-tabbable' ],
       any: [],
@@ -23643,8 +23684,7 @@
     }, {
       id: 'empty-table-header',
       selector: 'th, [role="rowheader"], [role="columnheader"]',
-      tags: [ 'wcag131', 'cat.aria' ],
-      reviewOnFail: true,
+      tags: [ 'cat.name-role-value', 'best-practice' ],
       all: [],
       any: [ 'has-visible-text' ],
       none: []
@@ -23822,7 +23862,7 @@
       id: 'input-image-alt',
       selector: 'input[type="image"]',
       matches: 'no-explicit-name-required-matches',
-      tags: [ 'cat.text-alternatives', 'wcag2a', 'wcag111', 'section508', 'section508.22.a', 'ACT' ],
+      tags: [ 'cat.text-alternatives', 'wcag2a', 'wcag111', 'wcag412', 'section508', 'section508.22.a', 'ACT' ],
       actIds: [ '59796f' ],
       all: [],
       any: [ {
@@ -23863,7 +23903,7 @@
       id: 'label',
       selector: 'input, textarea',
       matches: 'label-matches',
-      tags: [ 'cat.forms', 'wcag2a', 'wcag412', 'wcag131', 'section508', 'section508.22.n', 'ACT' ],
+      tags: [ 'cat.forms', 'wcag2a', 'wcag412', 'section508', 'section508.22.n', 'ACT' ],
       actIds: [ 'e086e5', '307n5z' ],
       all: [],
       any: [ 'implicit-label', 'explicit-label', 'aria-label', 'aria-labelledby', {
@@ -24183,7 +24223,7 @@
     }, {
       id: 'select-name',
       selector: 'select',
-      tags: [ 'cat.forms', 'wcag2a', 'wcag412', 'wcag131', 'section508', 'section508.22.n', 'ACT' ],
+      tags: [ 'cat.forms', 'wcag2a', 'wcag412', 'section508', 'section508.22.n', 'ACT' ],
       actIds: [ 'e086e5' ],
       all: [],
       any: [ 'implicit-label', 'explicit-label', 'aria-label', 'aria-labelledby', {