axe-core 4.1.2-canary.ec00dc7 → 4.1.2

package/lib/checks/keyboard/accesskeys-after.js

@@ -1,23 +1,23 @@
 function accesskeysAfter(results) {
-  var seen = {};
-  return results
-    .filter(r => {
-      if (!r.data) {
-        return false;
-      }
-      var key = r.data.toUpperCase();
-      if (!seen[key]) {
-        seen[key] = r;
-        r.relatedNodes = [];
-        return true;
-      }
-      seen[key].relatedNodes.push(r.relatedNodes[0]);
-      return false;
-    })
-    .map(r => {
-      r.result = !!r.relatedNodes.length;
-      return r;
-    });
+	var seen = {};
+	return results
+		.filter(function(r) {
+			if (!r.data) {
+				return false;
+			}
+			var key = r.data.toUpperCase();
+			if (!seen[key]) {
+				seen[key] = r;
+				r.relatedNodes = [];
+				return true;
+			}
+			seen[key].relatedNodes.push(r.relatedNodes[0]);
+			return false;
+		})
+		.map(function(r) {
+			r.result = !!r.relatedNodes.length;
+			return r;
+		});
 }
 
 export default accesskeysAfter;

package/lib/checks/keyboard/accesskeys-evaluate.js

@@ -1,11 +1,11 @@
 import { isVisible } from '../../commons/dom';
 
 function accesskeysEvaluate(node) {
-  if (isVisible(node, false)) {
-    this.data(node.getAttribute('accesskey'));
-    this.relatedNodes([node]);
-  }
-  return true;
+	if (isVisible(node, false)) {
+		this.data(node.getAttribute('accesskey'));
+		this.relatedNodes([node]);
+	}
+	return true;
 }
 
 export default accesskeysEvaluate;

package/lib/checks/keyboard/accesskeys.json

@@ -1,12 +1,12 @@
 {
-  "id": "accesskeys",
-  "evaluate": "accesskeys-evaluate",
-  "after": "accesskeys-after",
-  "metadata": {
-    "impact": "serious",
-    "messages": {
-      "pass": "Accesskey attribute value is unique",
-      "fail": "Document has multiple elements with the same accesskey"
-    }
-  }
+	"id": "accesskeys",
+	"evaluate": "accesskeys-evaluate",
+	"after": "accesskeys-after",
+	"metadata": {
+		"impact": "serious",
+		"messages": {
+			"pass": "Accesskey attribute value is unique",
+			"fail": "Document has multiple elements with the same accesskey"
+		}
+	}
 }

package/lib/checks/keyboard/focusable-content-evaluate.js

@@ -1,20 +1,20 @@
 function focusableContentEvaluate(node, options, virtualNode) {
-  /**
-   * Note:
-   * Check if given node contains focusable elements (excluding thyself)
-   */
-  const tabbableElements = virtualNode.tabbableElements;
+	/**
+	 * Note:
+	 * Check if given node contains focusable elements (excluding thyself)
+	 */
+	const tabbableElements = virtualNode.tabbableElements;
 
-  if (!tabbableElements) {
-    return false;
-  }
+	if (!tabbableElements) {
+		return false;
+	}
 
-  // remove thyself from tabbable elements (if exists)
-  const tabbableContentElements = tabbableElements.filter(
-    el => el !== virtualNode
-  );
+	// remove thyself from tabbable elements (if exists)
+	const tabbableContentElements = tabbableElements.filter(
+		el => el !== virtualNode
+	);
 
-  return tabbableContentElements.length > 0;
+	return tabbableContentElements.length > 0;
 }
 
 export default focusableContentEvaluate;

package/lib/checks/keyboard/focusable-content.json

@@ -1,11 +1,11 @@
 {
-  "id": "focusable-content",
-  "evaluate": "focusable-content-evaluate",
-  "metadata": {
-    "impact": "moderate",
-    "messages": {
-      "pass": "Element contains focusable elements",
-      "fail": "Element should have focusable content"
-    }
-  }
+	"id": "focusable-content",
+	"evaluate": "focusable-content-evaluate",
+	"metadata": {
+		"impact": "moderate",
+		"messages": {
+			"pass": "Element contains focusable elements",
+			"fail": "Element should have focusable content"
+		}
+	}
 }

package/lib/checks/keyboard/focusable-disabled-evaluate.js

@@ -1,36 +1,36 @@
 import { isModalOpen } from '../../commons/dom';
 
 function focusableDisabledEvaluate(node, options, virtualNode) {
-  const elementsThatCanBeDisabled = [
-    'BUTTON',
-    'FIELDSET',
-    'INPUT',
-    'SELECT',
-    'TEXTAREA'
-  ];
-
-  const tabbableElements = virtualNode.tabbableElements;
-
-  if (!tabbableElements || !tabbableElements.length) {
-    return true;
-  }
-
-  const relatedNodes = tabbableElements.reduce((out, { actualNode: el }) => {
-    const nodeName = el.nodeName.toUpperCase();
-    // populate nodes that can be disabled
-    if (elementsThatCanBeDisabled.includes(nodeName)) {
-      out.push(el);
-    }
-    return out;
-  }, []);
-
-  this.relatedNodes(relatedNodes);
-
-  if (relatedNodes.length && isModalOpen()) {
-    return true;
-  }
-
-  return relatedNodes.length === 0;
+	const elementsThatCanBeDisabled = [
+		'BUTTON',
+		'FIELDSET',
+		'INPUT',
+		'SELECT',
+		'TEXTAREA'
+	];
+
+	const tabbableElements = virtualNode.tabbableElements;
+
+	if (!tabbableElements || !tabbableElements.length) {
+		return true;
+	}
+
+	const relatedNodes = tabbableElements.reduce((out, { actualNode: el }) => {
+		const nodeName = el.nodeName.toUpperCase();
+		// populate nodes that can be disabled
+		if (elementsThatCanBeDisabled.includes(nodeName)) {
+			out.push(el);
+		}
+		return out;
+	}, []);
+
+	this.relatedNodes(relatedNodes);
+
+	if (relatedNodes.length && isModalOpen()) {
+		return true;
+	}
+
+	return relatedNodes.length === 0;
 }
 
 export default focusableDisabledEvaluate;

package/lib/checks/keyboard/focusable-disabled.json

@@ -1,11 +1,11 @@
 {
-  "id": "focusable-disabled",
-  "evaluate": "focusable-disabled-evaluate",
-  "metadata": {
-    "impact": "serious",
-    "messages": {
-      "pass": "No focusable elements contained within element",
-      "fail": "Focusable content should be disabled or be removed from the DOM"
-    }
-  }
+	"id": "focusable-disabled",
+	"evaluate": "focusable-disabled-evaluate",
+	"metadata": {
+		"impact": "serious",
+		"messages": {
+			"pass": "No focusable elements contained within element",
+			"fail": "Focusable content should be disabled or be removed from the DOM"
+		}
+	}
 }

package/lib/checks/keyboard/focusable-element-evaluate.js

@@ -1,47 +1,47 @@
 import { closest } from '../../core/utils';
 
 function focusableElementEvaluate(node, options, virtualNode) {
-  /**
-   * Note:
-   * Check
-   * - if element is focusable
-   * - if element is in focus order via `tabindex`
-   */
-  if (
-    virtualNode.hasAttr('contenteditable') &&
-    isContenteditable(virtualNode)
-  ) {
-    return true;
-  }
-
-  const isFocusable = virtualNode.isFocusable;
-  let tabIndex = parseInt(virtualNode.attr('tabindex'), 10);
-  tabIndex = !isNaN(tabIndex) ? tabIndex : null;
-
-  return tabIndex ? isFocusable && tabIndex >= 0 : isFocusable;
-
-  // contenteditable is focusable when it is an empty string (whitespace
-  // is not considered empty) or "true". if the value is "false"
-  // you can't edit it, but if it's anything else it inherits the value
-  // from the first valid ancestor
-  // @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/contenteditable
-  function isContenteditable(vNode) {
-    const contenteditable = vNode.attr('contenteditable');
-    if (contenteditable === 'true' || contenteditable === '') {
-      return true;
-    }
-
-    if (contenteditable === 'false') {
-      return false;
-    }
-
-    const ancestor = closest(virtualNode.parent, '[contenteditable]');
-    if (!ancestor) {
-      return false;
-    }
-
-    return isContenteditable(ancestor);
-  }
+	/**
+	 * Note:
+	 * Check
+	 * - if element is focusable
+	 * - if element is in focus order via `tabindex`
+	 */
+	if (
+		virtualNode.hasAttr('contenteditable') &&
+		isContenteditable(virtualNode)
+	) {
+		return true;
+	}
+
+	const isFocusable = virtualNode.isFocusable;
+	let tabIndex = parseInt(virtualNode.attr('tabindex'), 10);
+	tabIndex = !isNaN(tabIndex) ? tabIndex : null;
+
+	return tabIndex ? isFocusable && tabIndex >= 0 : isFocusable;
+
+	// contenteditable is focusable when it is an empty string (whitespace
+	// is not considered empty) or "true". if the value is "false"
+	// you can't edit it, but if it's anything else it inherits the value
+	// from the first valid ancestor
+	// @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/contenteditable
+	function isContenteditable(vNode) {
+		const contenteditable = vNode.attr('contenteditable');
+		if (contenteditable === 'true' || contenteditable === '') {
+			return true;
+		}
+
+		if (contenteditable === 'false') {
+			return false;
+		}
+
+		const ancestor = closest(virtualNode.parent, '[contenteditable]');
+		if (!ancestor) {
+			return false;
+		}
+
+		return isContenteditable(ancestor);
+	}
 }
 
 export default focusableElementEvaluate;

package/lib/checks/keyboard/focusable-element.json

@@ -1,11 +1,11 @@
 {
-  "id": "focusable-element",
-  "evaluate": "focusable-element-evaluate",
-  "metadata": {
-    "impact": "moderate",
-    "messages": {
-      "pass": "Element is focusable",
-      "fail": "Element should be focusable"
-    }
-  }
+	"id": "focusable-element",
+	"evaluate": "focusable-element-evaluate",
+	"metadata": {
+		"impact": "moderate",
+		"messages": {
+			"pass": "Element is focusable",
+			"fail": "Element should be focusable"
+		}
+	}
 }

package/lib/checks/keyboard/focusable-modal-open-evaluate.js

@@ -1,20 +1,20 @@
 import { isModalOpen } from '../../commons/dom';
 
 function focusableModalOpenEvaluate(node, options, virtualNode) {
-  const tabbableElements = virtualNode.tabbableElements.map(
-    ({ actualNode }) => actualNode
-  );
+	const tabbableElements = virtualNode.tabbableElements.map(
+		({ actualNode }) => actualNode
+	);
 
-  if (!tabbableElements || !tabbableElements.length) {
-    return true;
-  }
+	if (!tabbableElements || !tabbableElements.length) {
+		return true;
+	}
 
-  if (isModalOpen()) {
-    this.relatedNodes(tabbableElements);
-    return undefined;
-  }
+	if (isModalOpen()) {
+		this.relatedNodes(tabbableElements);
+		return undefined;
+	}
 
-  return true;
+	return true;
 }
 
 export default focusableModalOpenEvaluate;

package/lib/checks/keyboard/focusable-modal-open.json

@@ -1,11 +1,11 @@
 {
-  "id": "focusable-modal-open",
-  "evaluate": "focusable-modal-open-evaluate",
-  "metadata": {
-    "impact": "serious",
-    "messages": {
-      "pass": "No focusable elements while a modal is open",
-      "incomplete": "Check that focusable elements are not tabbable in the current state"
-    }
-  }
+	"id": "focusable-modal-open",
+	"evaluate": "focusable-modal-open-evaluate",
+	"metadata": {
+		"impact": "serious",
+		"messages": {
+			"pass": "No focusable elements while a modal is open",
+			"incomplete": "Check that focusable elements are not tabbable in the current state"
+		}
+	}
 }

package/lib/checks/keyboard/focusable-no-name-evaluate.js

@@ -2,17 +2,17 @@ import { isFocusable } from '../../commons/dom';
 import { accessibleTextVirtual } from '../../commons/text';
 
 function focusableNoNameEvaluate(node, options, virtualNode) {
-  const tabIndex = virtualNode.attr('tabindex');
-  const inFocusOrder = isFocusable(virtualNode) && tabIndex > -1;
-  if (!inFocusOrder) {
-    return false;
-  }
+	const tabIndex = virtualNode.attr('tabindex');
+	const inFocusOrder = isFocusable(virtualNode) && tabIndex > -1;
+	if (!inFocusOrder) {
+		return false;
+	}
 
-  try {
-    return !accessibleTextVirtual(virtualNode);
-  } catch (e) {
-    return undefined;
-  }
+	try {
+		return !accessibleTextVirtual(virtualNode);
+	} catch (e) {
+		return undefined;
+	}
 }
 
 export default focusableNoNameEvaluate;

package/lib/checks/keyboard/focusable-no-name.json

@@ -1,12 +1,12 @@
 {
-  "id": "focusable-no-name",
-  "evaluate": "focusable-no-name-evaluate",
-  "metadata": {
-    "impact": "serious",
-    "messages": {
-      "pass": "Element is not in tab order or has accessible text",
-      "fail": "Element is in tab order and does not have accessible text",
-      "incomplete": "Unable to determine if element has an accessible name"
-    }
-  }
+	"id": "focusable-no-name",
+	"evaluate": "focusable-no-name-evaluate",
+	"metadata": {
+		"impact": "serious",
+		"messages": {
+			"pass": "Element is not in tab order or has accessible text",
+			"fail": "Element is in tab order and does not have accessible text",
+			"incomplete": "Unable to determine if element has an accessible name"
+		}
+	}
 }

package/lib/checks/keyboard/focusable-not-tabbable-evaluate.js

@@ -1,36 +1,36 @@
 import { isModalOpen } from '../../commons/dom';
 
 function focusableNotTabbableEvaluate(node, options, virtualNode) {
-  const elementsThatCanBeDisabled = [
-    'BUTTON',
-    'FIELDSET',
-    'INPUT',
-    'SELECT',
-    'TEXTAREA'
-  ];
-
-  const tabbableElements = virtualNode.tabbableElements;
-
-  if (!tabbableElements || !tabbableElements.length) {
-    return true;
-  }
-
-  const relatedNodes = tabbableElements.reduce((out, { actualNode: el }) => {
-    const nodeName = el.nodeName.toUpperCase();
-    // populate nodes that cannot be disabled
-    if (!elementsThatCanBeDisabled.includes(nodeName)) {
-      out.push(el);
-    }
-    return out;
-  }, []);
-
-  this.relatedNodes(relatedNodes);
-
-  if (relatedNodes.length > 0 && isModalOpen()) {
-    return true;
-  }
-
-  return relatedNodes.length === 0;
+	const elementsThatCanBeDisabled = [
+		'BUTTON',
+		'FIELDSET',
+		'INPUT',
+		'SELECT',
+		'TEXTAREA'
+	];
+
+	const tabbableElements = virtualNode.tabbableElements;
+
+	if (!tabbableElements || !tabbableElements.length) {
+		return true;
+	}
+
+	const relatedNodes = tabbableElements.reduce((out, { actualNode: el }) => {
+		const nodeName = el.nodeName.toUpperCase();
+		// populate nodes that cannot be disabled
+		if (!elementsThatCanBeDisabled.includes(nodeName)) {
+			out.push(el);
+		}
+		return out;
+	}, []);
+
+	this.relatedNodes(relatedNodes);
+
+	if (relatedNodes.length > 0 && isModalOpen()) {
+		return true;
+	}
+
+	return relatedNodes.length === 0;
 }
 
 export default focusableNotTabbableEvaluate;

package/lib/checks/keyboard/focusable-not-tabbable.json

@@ -1,11 +1,11 @@
 {
-  "id": "focusable-not-tabbable",
-  "evaluate": "focusable-not-tabbable-evaluate",
-  "metadata": {
-    "impact": "serious",
-    "messages": {
-      "pass": "No focusable elements contained within element",
-      "fail": "Focusable content should have tabindex='-1' or be removed from the DOM"
-    }
-  }
+	"id": "focusable-not-tabbable",
+	"evaluate": "focusable-not-tabbable-evaluate",
+	"metadata": {
+		"impact": "serious",
+		"messages": {
+			"pass": "No focusable elements contained within element",
+			"fail": "Focusable content should have tabindex='-1' or be removed from the DOM"
+		}
+	}
 }

package/lib/checks/keyboard/landmark-is-top-level-evaluate.js

@@ -1,31 +1,26 @@
-import { getRole, implicitRole } from '../../commons/aria';
+import { implicitRole } from '../../commons/aria';
 import { getAriaRolesByType } from '../../commons/standards';
 import { getComposedParent } from '../../commons/dom';
 
 function landmarkIsTopLevelEvaluate(node) {
-  var landmarks = getAriaRolesByType('landmark');
-  var parent = getComposedParent(node);
-  var nodeRole = getRole(node);
+	var landmarks = getAriaRolesByType('landmark');
+	var parent = getComposedParent(node);
 
-  this.data({ role: nodeRole });
+	this.data({
+		role: node.getAttribute('role') || implicitRole(node)
+	});
 
-  while (parent) {
-    var role = parent.getAttribute('role');
-    if (!role && parent.nodeName.toUpperCase() !== 'FORM') {
-      role = implicitRole(parent);
-    }
-    // allow aside inside main
-    // @see https://github.com/dequelabs/axe-core/issues/2651
-    if (
-      role &&
-      landmarks.includes(role) &&
-      !(role === 'main' && nodeRole === 'complementary')
-    ) {
-      return false;
-    }
-    parent = getComposedParent(parent);
-  }
-  return true;
+	while (parent) {
+		var role = parent.getAttribute('role');
+		if (!role && parent.nodeName.toUpperCase() !== 'FORM') {
+			role = implicitRole(parent);
+		}
+		if (role && landmarks.includes(role)) {
+			return false;
+		}
+		parent = getComposedParent(parent);
+	}
+	return true;
 }
 
 export default landmarkIsTopLevelEvaluate;

package/lib/checks/keyboard/landmark-is-top-level.json

@@ -1,11 +1,11 @@
 {
-  "id": "landmark-is-top-level",
-  "evaluate": "landmark-is-top-level-evaluate",
-  "metadata": {
-    "impact": "moderate",
-    "messages": {
-      "pass": "The ${data.role} landmark is at the top level.",
-      "fail": "The ${data.role} landmark is contained in another landmark."
-    }
-  }
+	"id": "landmark-is-top-level",
+	"evaluate": "landmark-is-top-level-evaluate",
+	"metadata": {
+		"impact": "moderate",
+		"messages": {
+			"pass": "The ${data.role} landmark is at the top level.",
+			"fail": "The ${data.role} landmark is contained in another landmark."
+		}
+	}
 }

package/lib/checks/keyboard/page-has-heading-one.json

@@ -1,15 +1,15 @@
 {
-  "id": "page-has-heading-one",
-  "evaluate": "has-descendant-evaluate",
-  "after": "has-descendant-after",
-  "options": {
-    "selector": "h1:not([role], [aria-level]), :is(h1, h2, h3, h4, h5, h6):not([role])[aria-level=1], [role=heading][aria-level=1]"
-  },
-  "metadata": {
-    "impact": "moderate",
-    "messages": {
-      "pass": "Page has at least one level-one heading",
-      "fail": "Page must have a level-one heading"
-    }
-  }
+	"id": "page-has-heading-one",
+	"evaluate": "has-descendant-evaluate",
+	"after": "has-descendant-after",
+	"options": {
+		"selector": "h1:not([role]):not([aria-level]), h1:not([role])[aria-level=1], h2:not([role])[aria-level=1], h3:not([role])[aria-level=1], h4:not([role])[aria-level=1], h5:not([role])[aria-level=1], h6:not([role])[aria-level=1], [role=heading][aria-level=1]"
+	},
+	"metadata": {
+		"impact": "moderate",
+		"messages": {
+			"pass": "Page has at least one level-one heading",
+			"fail": "Page must have a level-one heading"
+		}
+	}
 }