axe-core 4.2.4 → 4.3.0

package/lib/checks/label/hidden-explicit-label.json

@@ -1,12 +0,0 @@
-{
-  "id": "hidden-explicit-label",
-  "evaluate": "hidden-explicit-label-evaluate",
-  "metadata": {
-    "impact": "critical",
-    "messages": {
-      "pass": "Form element has a visible explicit <label>",
-      "fail": "Form element has explicit <label> that is hidden",
-      "incomplete": "Unable to determine if form element has explicit <label> that is hidden"
-    }
-  }
-}

package/lib/checks/label/implicit-evaluate.js

@@ -1,16 +0,0 @@
-import { closest } from '../../core/utils';
-import { accessibleTextVirtual } from '../../commons/text';
-
-function implicitEvaluate(node, options, virtualNode) {
-  try {
-    const label = closest(virtualNode, 'label');
-    if (label) {
-      return !!accessibleTextVirtual(label, { inControlContext: true });
-    }
-    return false;
-  } catch (e) {
-    return undefined;
-  }
-}
-
-export default implicitEvaluate;

package/lib/checks/label/implicit.json

@@ -1,12 +0,0 @@
-{
-  "id": "implicit-label",
-  "evaluate": "implicit-evaluate",
-  "metadata": {
-    "impact": "critical",
-    "messages": {
-      "pass": "Form element has an implicit (wrapped) <label>",
-      "fail": "Form element does not have an implicit (wrapped) <label>",
-      "incomplete": "Unable to determine if form element has an implicit (wrapped} <label>"
-    }
-  }
-}

package/lib/checks/label/label-content-name-mismatch-evaluate.js

@@ -1,71 +0,0 @@
-import {
-  accessibleText,
-  isHumanInterpretable,
-  visibleTextNodes,
-  isIconLigature,
-  sanitize,
-  removeUnicode
-} from '../../commons/text';
-
-/**
- * Check if a given text exists in another
- *
- * @param {String} compare given text to check
- * @param {String} compareWith text against which to be compared
- * @returns {Boolean}
- */
-function isStringContained(compare, compareWith) {
-  const curatedCompareWith = curateString(compareWith);
-  const curatedCompare = curateString(compare);
-  if (!curatedCompareWith || !curatedCompare) {
-    return false;
-  }
-  return curatedCompareWith.includes(curatedCompare);
-}
-
-/**
- * Curate given text, by removing emoji's, punctuations, unicode and trim whitespace.
- *
- * @param {String} str given text to curate
- * @returns {String}
- */
-function curateString(str) {
-  const noUnicodeStr = removeUnicode(str, {
-    emoji: true,
-    nonBmp: true,
-    punctuations: true
-  });
-  return sanitize(noUnicodeStr);
-}
-
-function labelContentNameMismatchEvaluate(node, options, virtualNode) {
-  const { pixelThreshold, occuranceThreshold } = options || {};
-
-  const accText = accessibleText(node).toLowerCase();
-  if (isHumanInterpretable(accText) < 1) {
-    return undefined;
-  }
-
-  const textVNodes = visibleTextNodes(virtualNode);
-  const nonLigatureText = textVNodes
-    .filter(
-      textVNode =>
-        !isIconLigature(textVNode, pixelThreshold, occuranceThreshold)
-    )
-    .map(textVNode => textVNode.actualNode.nodeValue)
-    .join('');
-  const visibleText = sanitize(nonLigatureText).toLowerCase();
-  if (!visibleText) {
-    return true;
-  }
-  if (isHumanInterpretable(visibleText) < 1) {
-    if (isStringContained(visibleText, accText)) {
-      return true;
-    }
-    return undefined;
-  }
-
-  return isStringContained(visibleText, accText);
-}
-
-export default labelContentNameMismatchEvaluate;

package/lib/checks/label/label-content-name-mismatch.json

@@ -1,15 +0,0 @@
-{
-  "id": "label-content-name-mismatch",
-  "evaluate": "label-content-name-mismatch-evaluate",
-  "options": {
-    "pixelThreshold": 0.1,
-    "occuranceThreshold": 3
-  },
-  "metadata": {
-    "impact": "serious",
-    "messages": {
-      "pass": "Element contains visible text as part of it's accessible name",
-      "fail": "Text inside the element is not included in the accessible name"
-    }
-  }
-}

package/lib/checks/label/multiple-label-evaluate.js

@@ -1,44 +0,0 @@
-import { getRootNode, isVisible, idrefs } from '../../commons/dom';
-import { escapeSelector } from '../../core/utils';
-
-function multipleLabelEvaluate(node) {
-  const id = escapeSelector(node.getAttribute('id'));
-  let parent = node.parentNode;
-  let root = getRootNode(node);
-  root = root.documentElement || root;
-  let labels = Array.from(root.querySelectorAll(`label[for="${id}"]`));
-
-  if (labels.length) {
-    // filter out CSS hidden labels because they're fine
-    labels = labels.filter(label => isVisible(label));
-  }
-
-  while (parent) {
-    if (
-      parent.nodeName.toUpperCase() === 'LABEL' &&
-      labels.indexOf(parent) === -1
-    ) {
-      labels.push(parent);
-    }
-    parent = parent.parentNode;
-  }
-
-  this.relatedNodes(labels);
-
-  // more than 1 CSS visible label
-  if (labels.length > 1) {
-    const ATVisibleLabels = labels.filter(label => isVisible(label, true));
-    // more than 1 AT visible label will fail IOS/Safari/VO even with aria-labelledby
-    if (ATVisibleLabels.length > 1) {
-      return undefined;
-    }
-    // make sure the ONE AT visible label is in the list of idRefs of aria-labelledby
-    const labelledby = idrefs(node, 'aria-labelledby');
-    return !labelledby.includes(ATVisibleLabels[0]) ? undefined : false;
-  }
-
-  // only 1 CSS visible label
-  return false;
-}
-
-export default multipleLabelEvaluate;

package/lib/checks/label/multiple-label.json

@@ -1,11 +0,0 @@
-{
-  "id": "multiple-label",
-  "evaluate": "multiple-label-evaluate",
-  "metadata": {
-    "impact": "moderate",
-    "messages": {
-      "pass": "Form field does not have multiple label elements",
-      "incomplete": "Multiple label elements is not widely supported in assistive technologies. Ensure the first label contains all necessary information."
-    }
-  }
-}

package/lib/checks/label/title-only-evaluate.js

@@ -1,11 +0,0 @@
-import { labelVirtual, titleText } from '../../commons/text';
-
-function titleOnlyEvaluate(node, options, virtualNode) {
-  const labelText = labelVirtual(virtualNode);
-  const title = titleText(virtualNode);
-  const ariaDescribedBy = virtualNode.attr('aria-describedby');
-
-  return !labelText && !!(title || ariaDescribedBy);
-}
-
-export default titleOnlyEvaluate;

package/lib/checks/label/title-only.json

@@ -1,11 +0,0 @@
-{
-  "id": "title-only",
-  "evaluate": "title-only-evaluate",
-  "metadata": {
-    "impact": "serious",
-    "messages": {
-      "pass": "Form element does not solely use title attribute for its label",
-      "fail": "Only title used to generate label for form element"
-    }
-  }
-}

package/lib/checks/landmarks/landmark-is-unique-after.js

@@ -1,27 +0,0 @@
-function landmarkIsUniqueAfter(results) {
-  var uniqueLandmarks = [];
-
-  // filter out landmark elements that share the same role and accessible text
-  // so every non-unique landmark isn't reported as a failure (just the first)
-  return results.filter(currentResult => {
-    var findMatch = someResult => {
-      return (
-        currentResult.data.role === someResult.data.role &&
-        currentResult.data.accessibleText === someResult.data.accessibleText
-      );
-    };
-
-    var matchedResult = uniqueLandmarks.find(findMatch);
-    if (matchedResult) {
-      matchedResult.result = false;
-      matchedResult.relatedNodes.push(currentResult.relatedNodes[0]);
-      return false;
-    }
-
-    uniqueLandmarks.push(currentResult);
-    currentResult.relatedNodes = [];
-    return true;
-  });
-}
-
-export default landmarkIsUniqueAfter;

package/lib/checks/landmarks/landmark-is-unique-evaluate.js

@@ -1,14 +0,0 @@
-import { getRole } from '../../commons/aria';
-import { accessibleTextVirtual } from '../../commons/text';
-
-function landmarkIsUniqueEvaluate(node, options, virtualNode) {
-  var role = getRole(node);
-  var accessibleText = accessibleTextVirtual(virtualNode);
-  accessibleText = accessibleText ? accessibleText.toLowerCase() : null;
-  this.data({ role: role, accessibleText: accessibleText });
-  this.relatedNodes([node]);
-
-  return true;
-}
-
-export default landmarkIsUniqueEvaluate;

package/lib/checks/landmarks/landmark-is-unique.json

@@ -1,12 +0,0 @@
-{
-  "id": "landmark-is-unique",
-  "evaluate": "landmark-is-unique-evaluate",
-  "after": "landmark-is-unique-after",
-  "metadata": {
-    "impact": "moderate",
-    "messages": {
-      "pass": "Landmarks must have a unique role or role/label/title (i.e. accessible name) combination",
-      "fail": "The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable"
-    }
-  }
-}

package/lib/checks/language/has-lang-evaluate.js

@@ -1,39 +0,0 @@
-import { isXHTML } from '../../core/utils';
-
-function hasValue(value) {
-  return (value || '').trim() !== '';
-}
-
-function hasLangEvaluate(node, options, virtualNode) {
-  // special case when xml:lang has a value and lang does not
-  // but the document is not XHTML
-  const xhtml = typeof document !== 'undefined' ? isXHTML(document) : false;
-
-  if (
-    options.attributes.includes('xml:lang') &&
-    options.attributes.includes('lang') &&
-    hasValue(virtualNode.attr('xml:lang')) &&
-    !hasValue(virtualNode.attr('lang')) &&
-    !xhtml
-  ) {
-    this.data({
-      messageKey: 'noXHTML'
-    });
-    return false;
-  }
-
-  const hasLang = options.attributes.some(name => {
-    return hasValue(virtualNode.attr(name));
-  });
-
-  if (!hasLang) {
-    this.data({
-      messageKey: 'noLang'
-    });
-    return false;
-  }
-
-  return true;
-}
-
-export default hasLangEvaluate;

package/lib/checks/language/has-lang.json

@@ -1,17 +0,0 @@
-{
-  "id": "has-lang",
-  "evaluate": "has-lang-evaluate",
-  "options": {
-    "attributes": ["lang", "xml:lang"]
-  },
-  "metadata": {
-    "impact": "serious",
-    "messages": {
-      "pass": "The <html> element has a lang attribute",
-      "fail": {
-        "noXHTML": "The xml:lang attribute is not valid on HTML pages, use the lang attribute.",
-        "noLang": "The <html> element does not have a lang attribute"
-      }
-    }
-  }
-}

package/lib/checks/language/valid-lang-evaluate.js

@@ -1,36 +0,0 @@
-import { isValidLang, getBaseLang } from '../../core/utils';
-import { sanitize } from '../../commons/text';
-
-function validLangEvaluate(node, options, virtualNode) {
-  const invalid = [];
-  options.attributes.forEach(langAttr => {
-    const langVal = virtualNode.attr(langAttr);
-    if (typeof langVal !== 'string') {
-      return;
-    }
-
-    const baselangVal = getBaseLang(langVal);
-    const invalidLang = options.value
-      ? !options.value.map(getBaseLang).includes(baselangVal)
-      : !isValidLang(baselangVal);
-
-    // Edge sets lang to an empty string when xml:lang is set
-    // so we need to ignore empty strings here
-    if (
-      (baselangVal !== '' && invalidLang) ||
-      // whitespace only lang value is invalid
-      (langVal !== '' && !sanitize(langVal))
-    ) {
-      invalid.push(langAttr + '="' + virtualNode.attr(langAttr) + '"');
-    }
-  });
-
-  if (invalid.length) {
-    this.data(invalid);
-    return true;
-  }
-
-  return false;
-}
-
-export default validLangEvaluate;

package/lib/checks/language/valid-lang.json

@@ -1,14 +0,0 @@
-{
-  "id": "valid-lang",
-  "evaluate": "valid-lang-evaluate",
-  "options": {
-    "attributes": ["lang", "xml:lang"]
-  },
-  "metadata": {
-    "impact": "serious",
-    "messages": {
-      "pass": "Value of lang attribute is included in the list of valid languages",
-      "fail": "Value of lang attribute not included in the list of valid languages"
-    }
-  }
-}

package/lib/checks/language/xml-lang-mismatch-evaluate.js

@@ -1,10 +0,0 @@
-import { getBaseLang } from '../../core/utils';
-
-function xmlLangMismatchEvaluate(node, options, vNode) {
-  const primaryLangValue = getBaseLang(vNode.attr('lang'));
-  const primaryXmlLangValue = getBaseLang(vNode.attr('xml:lang'));
-
-  return primaryLangValue === primaryXmlLangValue;
-}
-
-export default xmlLangMismatchEvaluate;

package/lib/checks/language/xml-lang-mismatch.json

@@ -1,11 +0,0 @@
-{
-  "id": "xml-lang-mismatch",
-  "evaluate": "xml-lang-mismatch-evaluate",
-  "metadata": {
-    "impact": "moderate",
-    "messages": {
-      "pass": "Lang and xml:lang attributes have the same base language",
-      "fail": "Lang and xml:lang attributes do not have the same base language"
-    }
-  }
-}

package/lib/checks/lists/dlitem-evaluate.js

@@ -1,30 +0,0 @@
-import { getComposedParent } from '../../commons/dom';
-import { getExplicitRole } from '../../commons/aria';
-
-function dlitemEvaluate(node) {
-  let parent = getComposedParent(node);
-  let parentTagName = parent.nodeName.toUpperCase();
-  let parentRole = getExplicitRole(parent);
-
-  if (
-    parentTagName === 'DIV' &&
-    ['presentation', 'none', null].includes(parentRole)
-  ) {
-    parent = getComposedParent(parent);
-    parentTagName = parent.nodeName.toUpperCase();
-    parentRole = getExplicitRole(parent);
-  }
-
-  // Unlike with UL|OL+LI, DT|DD must be in a DL
-  if (parentTagName !== 'DL') {
-    return false;
-  }
-
-  if (!parentRole || ['presentation', 'none', 'list'].includes(parentRole)) {
-    return true;
-  }
-
-  return false;
-}
-
-export default dlitemEvaluate;

package/lib/checks/lists/dlitem.json

@@ -1,11 +0,0 @@
-{
-  "id": "dlitem",
-  "evaluate": "dlitem-evaluate",
-  "metadata": {
-    "impact": "serious",
-    "messages": {
-      "pass": "Description list item has a <dl> parent element",
-      "fail": "Description list item does not have a <dl> parent element"
-    }
-  }
-}

package/lib/checks/lists/listitem-evaluate.js

@@ -1,28 +0,0 @@
-import { getComposedParent } from '../../commons/dom';
-import { isValidRole } from '../../commons/aria';
-
-function listitemEvaluate(node) {
-  const parent = getComposedParent(node);
-  if (!parent) {
-    // Can only happen with detached DOM nodes and roots:
-    return undefined;
-  }
-
-  const parentTagName = parent.nodeName.toUpperCase();
-  const parentRole = (parent.getAttribute('role') || '').toLowerCase();
-
-  if (['presentation', 'none', 'list'].includes(parentRole)) {
-    return true;
-  }
-
-  if (parentRole && isValidRole(parentRole)) {
-    this.data({
-      messageKey: 'roleNotValid'
-    });
-    return false;
-  }
-
-  return ['UL', 'OL'].includes(parentTagName);
-}
-
-export default listitemEvaluate;

package/lib/checks/lists/listitem.json

@@ -1,14 +0,0 @@
-{
-  "id": "listitem",
-  "evaluate": "listitem-evaluate",
-  "metadata": {
-    "impact": "serious",
-    "messages": {
-      "pass": "List item has a <ul>, <ol> or role=\"list\" parent element",
-      "fail": {
-        "default": "List item does not have a <ul>, <ol> parent element",
-        "roleNotValid": "List item does not have a <ul>, <ol> parent element without a role, or a role=\"list\""
-      }
-    }
-  }
-}

package/lib/checks/lists/only-dlitems-evaluate.js

@@ -1,51 +0,0 @@
-import { isVisible } from '../../commons/dom';
-import { getRole, getExplicitRole } from '../../commons/aria';
-
-function onlyDlitemsEvaluate(node, options, virtualNode) {
-  const ALLOWED_ROLES = ['definition', 'term', 'list'];
-  const base = {
-    badNodes: [],
-    hasNonEmptyTextNode: false
-  };
-
-  const content = virtualNode.children.reduce((content, child) => {
-    const { actualNode } = child;
-    if (
-      actualNode.nodeName.toUpperCase() === 'DIV' &&
-      getRole(actualNode) === null
-    ) {
-      return content.concat(child.children);
-    }
-    return content.concat(child);
-  }, []);
-
-  const result = content.reduce((out, childNode) => {
-    const { actualNode } = childNode;
-    const tagName = actualNode.nodeName.toUpperCase();
-
-    if (actualNode.nodeType === 1 && isVisible(actualNode, true, false)) {
-      const explicitRole = getExplicitRole(actualNode);
-
-      if ((tagName !== 'DT' && tagName !== 'DD') || explicitRole) {
-        if (!ALLOWED_ROLES.includes(explicitRole)) {
-          // handle comment - https://github.com/dequelabs/axe-core/pull/518/files#r139284668
-          out.badNodes.push(actualNode);
-        }
-      }
-    } else if (
-      actualNode.nodeType === 3 &&
-      actualNode.nodeValue.trim() !== ''
-    ) {
-      out.hasNonEmptyTextNode = true;
-    }
-    return out;
-  }, base);
-
-  if (result.badNodes.length) {
-    this.relatedNodes(result.badNodes);
-  }
-
-  return !!result.badNodes.length || result.hasNonEmptyTextNode;
-}
-
-export default onlyDlitemsEvaluate;

package/lib/checks/lists/only-dlitems.json

@@ -1,11 +0,0 @@
-{
-  "id": "only-dlitems",
-  "evaluate": "only-dlitems-evaluate",
-  "metadata": {
-    "impact": "serious",
-    "messages": {
-      "pass": "List element only has direct children that are allowed inside <dt> or <dd> elements",
-      "fail": "List element has direct children that are not allowed inside <dt> or <dd> elements"
-    }
-  }
-}

package/lib/checks/lists/only-listitems-evaluate.js

@@ -1,63 +0,0 @@
-import { isVisible } from '../../commons/dom';
-import { getRole } from '../../commons/aria';
-
-function onlyListitemsEvaluate(node, options, virtualNode) {
-  let hasNonEmptyTextNode = false;
-  let atLeastOneListitem = false;
-  let isEmpty = true;
-  const badNodes = [];
-  const badRoleNodes = [];
-  const badRoles = [];
-
-  virtualNode.children.forEach(vNode => {
-    const { actualNode } = vNode;
-
-    if (actualNode.nodeType === 3 && actualNode.nodeValue.trim() !== '') {
-      hasNonEmptyTextNode = true;
-      return;
-    }
-
-    if (actualNode.nodeType !== 1 || !isVisible(actualNode, true, false)) {
-      return;
-    }
-
-    isEmpty = false;
-    const isLi = actualNode.nodeName.toUpperCase() === 'LI';
-    const role = getRole(vNode);
-    const isListItemRole = role === 'listitem';
-
-    if (!isLi && !isListItemRole) {
-      badNodes.push(actualNode);
-    }
-
-    if (isLi && !isListItemRole) {
-      badRoleNodes.push(actualNode);
-
-      if (!badRoles.includes(role)) {
-        badRoles.push(role);
-      }
-    }
-
-    if (isListItemRole) {
-      atLeastOneListitem = true;
-    }
-  });
-
-  if (hasNonEmptyTextNode || badNodes.length) {
-    this.relatedNodes(badNodes);
-    return true;
-  }
-
-  if (isEmpty || atLeastOneListitem) {
-    return false;
-  }
-
-  this.relatedNodes(badRoleNodes);
-  this.data({
-    messageKey: 'roleNotValid',
-    roles: badRoles.join(', ')
-  });
-  return true;
-}
-
-export default onlyListitemsEvaluate;

package/lib/checks/lists/only-listitems.json

@@ -1,14 +0,0 @@
-{
-  "id": "only-listitems",
-  "evaluate": "only-listitems-evaluate",
-  "metadata": {
-    "impact": "serious",
-    "messages": {
-      "pass": "List element only has direct children that are allowed inside <li> elements",
-      "fail": {
-        "default": "List element has direct children that are not allowed inside <li> elements",
-        "roleNotValid": "List element has direct children with a role that is not allowed: ${data.roles}"
-      }
-    }
-  }
-}

package/lib/checks/lists/structured-dlitems-evaluate.js

@@ -1,26 +0,0 @@
-function structuredDlitemsEvaluate(node, options, virtualNode) {
-  const children = virtualNode.children;
-  if (!children || !children.length) {
-    return false;
-  }
-
-  let hasDt = false,
-    hasDd = false,
-    nodeName;
-  for (var i = 0; i < children.length; i++) {
-    nodeName = children[i].props.nodeName.toUpperCase();
-    if (nodeName === 'DT') {
-      hasDt = true;
-    }
-    if (hasDt && nodeName === 'DD') {
-      return false;
-    }
-    if (nodeName === 'DD') {
-      hasDd = true;
-    }
-  }
-
-  return hasDt || hasDd;
-}
-
-export default structuredDlitemsEvaluate;