govuk_publishing_components 30.4.1 → 30.5.2

data/node_modules/axe-core/lib/checks/aria/required-children.js

@@ -1,154 +0,0 @@
-const requiredOwned = axe.commons.aria.requiredOwned;
-const implicitNodes = axe.commons.aria.implicitNodes;
-const matchesSelector = axe.utils.matchesSelector;
-const idrefs = axe.commons.dom.idrefs;
-const hasContentVirtual = axe.commons.dom.hasContentVirtual;
-const reviewEmpty =
-	options && Array.isArray(options.reviewEmpty) ? options.reviewEmpty : [];
-
-function owns(node, virtualTree, role, ariaOwned) {
-	if (node === null) {
-		return false;
-	}
-	const implicit = implicitNodes(role);
-	let selector = ['[role="' + role + '"]'];
-
-	if (implicit) {
-		selector = selector.concat(
-			implicit.map(implicitSelector => implicitSelector + ':not([role])')
-		);
-	}
-
-	selector = selector.join(',');
-	return ariaOwned
-		? matchesSelector(node, selector) ||
-				!!axe.utils.querySelectorAll(virtualTree, selector)[0]
-		: !!axe.utils.querySelectorAll(virtualTree, selector)[0];
-}
-
-function ariaOwns(nodes, role) {
-	for (let index = 0; index < nodes.length; index++) {
-		const node = nodes[index];
-		if (node === null) {
-			continue;
-		}
-		const virtualTree = axe.utils.getNodeFromTree(node);
-		if (owns(node, virtualTree, role, true)) {
-			return true;
-		}
-	}
-	return false;
-}
-
-function missingRequiredChildren(node, childRoles, all, role) {
-	const missing = [],
-		ownedElements = idrefs(node, 'aria-owns');
-
-	for (let index = 0; index < childRoles.length; index++) {
-		const childRole = childRoles[index];
-		if (
-			owns(node, virtualNode, childRole) ||
-			ariaOwns(ownedElements, childRole)
-		) {
-			if (!all) {
-				return null;
-			}
-		} else {
-			if (all) {
-				missing.push(childRole);
-			}
-		}
-	}
-
-	// combobox exceptions
-	if (role === 'combobox') {
-		// remove 'textbox' from missing roles if combobox is a native text-type input or owns a 'searchbox'
-		const textboxIndex = missing.indexOf('textbox');
-		const textTypeInputs = ['text', 'search', 'email', 'url', 'tel'];
-		if (
-			(textboxIndex >= 0 &&
-				node.nodeName.toUpperCase() === 'INPUT' &&
-				textTypeInputs.includes(node.type)) ||
-			owns(node, virtualNode, 'searchbox') ||
-			ariaOwns(ownedElements, 'searchbox')
-		) {
-			missing.splice(textboxIndex, 1);
-		}
-
-		const expandedChildRoles = ['listbox', 'tree', 'grid', 'dialog'];
-		const expandedValue = node.getAttribute('aria-expanded');
-		const expanded = expandedValue && expandedValue !== 'false';
-		const popupRole = (
-			node.getAttribute('aria-haspopup') || 'listbox'
-		).toLowerCase();
-
-		for (let index = 0; index < expandedChildRoles.length; index++) {
-			const expandedChildRole = expandedChildRoles[index];
-			// keep the specified popup type required if expanded
-			if (expanded && expandedChildRole === popupRole) {
-				continue;
-			}
-
-			// remove 'listbox' and company from missing roles if combobox is collapsed
-			const missingIndex = missing.indexOf(expandedChildRole);
-			if (missingIndex >= 0) {
-				missing.splice(missingIndex, 1);
-			}
-		}
-	}
-
-	if (missing.length) {
-		return missing;
-	}
-	if (!all && childRoles.length) {
-		return childRoles;
-	}
-	return null;
-}
-
-function hasDecendantWithRole(node) {
-	return (
-		node.children &&
-		node.children.some(child => {
-			const role = axe.commons.aria.getRole(child);
-			return (
-				!['presentation', 'none', null].includes(role) ||
-				hasDecendantWithRole(child)
-			);
-		})
-	);
-}
-
-const role = node.getAttribute('role');
-const required = requiredOwned(role);
-
-if (!required) {
-	return true;
-}
-
-let all = false;
-let childRoles = required.one;
-if (!childRoles) {
-	all = true;
-	childRoles = required.all;
-}
-
-const missing = missingRequiredChildren(node, childRoles, all, role);
-
-if (!missing) {
-	return true;
-}
-
-this.data(missing);
-
-// Only review empty nodes when a node is both empty and does not have an aria-owns relationship
-if (
-	reviewEmpty.includes(role) &&
-	!hasContentVirtual(virtualNode, false, true) &&
-	!hasDecendantWithRole(virtualNode) &&
-	idrefs(node, 'aria-owns').length === 0
-) {
-	return undefined;
-} else {
-	return false;
-}

data/node_modules/axe-core/lib/checks/aria/required-children.json

@@ -1,32 +0,0 @@
-{
-	"id": "aria-required-children",
-	"evaluate": "required-children.js",
-	"options": {
-		"reviewEmpty": [
-			"doc-bibliography",
-			"doc-endnotes",
-			"grid",
-			"list",
-			"listbox",
-			"table",
-			"tablist",
-			"tree",
-			"treegrid",
-			"rowgroup"
-		]
-	},
-	"metadata": {
-		"impact": "critical",
-		"messages": {
-			"pass": "Required ARIA children are present",
-			"fail": {
-				"singular": "Required ARIA child role not present: ${data.values}",
-				"plural": "Required ARIA children role not present: ${data.values}"
-			},
-			"incomplete": {
-				"singular": "Expecting ARIA child role to be added: ${data.values}",
-				"plural": "Expecting ARIA children role to be added: ${data.values}"
-			}
-		}
-	}
-}

data/node_modules/axe-core/lib/checks/aria/required-parent.js

@@ -1,87 +0,0 @@
-function getSelector(role) {
-	var impliedNative = axe.commons.aria.implicitNodes(role) || [];
-	return impliedNative.concat('[role="' + role + '"]').join(',');
-}
-
-function getMissingContext(virtualNode, requiredContext, includeElement) {
-	var index,
-		length,
-		role = virtualNode.actualNode.getAttribute('role'),
-		missing = [];
-
-	if (!requiredContext) {
-		requiredContext = axe.commons.aria.requiredContext(role);
-	}
-
-	if (!requiredContext) {
-		return null;
-	}
-
-	for (index = 0, length = requiredContext.length; index < length; index++) {
-		if (
-			includeElement &&
-			axe.utils.matchesSelector(
-				virtualNode.actualNode,
-				getSelector(requiredContext[index])
-			)
-		) {
-			return null;
-		}
-		if (
-			axe.commons.dom.findUpVirtual(
-				virtualNode,
-				getSelector(requiredContext[index])
-			)
-		) {
-			//if one matches, it passes
-			return null;
-		} else {
-			missing.push(requiredContext[index]);
-		}
-	}
-
-	return missing;
-}
-
-function getAriaOwners(element) {
-	var owners = [],
-		o = null;
-
-	while (element) {
-		if (element.getAttribute('id')) {
-			const id = axe.utils.escapeSelector(element.getAttribute('id'));
-			let doc = axe.commons.dom.getRootNode(element);
-			o = doc.querySelector(`[aria-owns~=${id}]`);
-			if (o) {
-				owners.push(o);
-			}
-		}
-		element = element.parentElement;
-	}
-
-	return owners.length ? owners : null;
-}
-
-var missingParents = getMissingContext(virtualNode);
-
-if (!missingParents) {
-	return true;
-}
-
-var owners = getAriaOwners(node);
-
-if (owners) {
-	for (var i = 0, l = owners.length; i < l; i++) {
-		missingParents = getMissingContext(
-			axe.utils.getNodeFromTree(owners[i]),
-			missingParents,
-			true
-		);
-		if (!missingParents) {
-			return true;
-		}
-	}
-}
-
-this.data(missingParents);
-return false;

data/node_modules/axe-core/lib/checks/aria/required-parent.json

@@ -1,14 +0,0 @@
-{
-	"id": "aria-required-parent",
-	"evaluate": "required-parent.js",
-	"metadata": {
-		"impact": "critical",
-		"messages": {
-			"pass": "Required ARIA parent role present",
-			"fail": {
-				"singular": "Required ARIA parent role not present: ${data.values}",
-				"plural": "Required ARIA parents role not present: ${data.values}"
-			}
-		}
-	}
-}

data/node_modules/axe-core/lib/checks/aria/unsupportedattr.js

@@ -1,39 +0,0 @@
-const nodeName = node.nodeName.toUpperCase();
-const lookupTable = axe.commons.aria.lookupTable;
-const role = axe.commons.aria.getRole(node);
-
-const unsupportedAttrs = Array.from(axe.utils.getNodeAttributes(node))
-	.filter(({ name }) => {
-		const attribute = lookupTable.attributes[name];
-
-		if (!axe.commons.aria.validateAttr(name)) {
-			return false;
-		}
-
-		const { unsupported } = attribute;
-
-		if (typeof unsupported !== 'object') {
-			return !!unsupported;
-		}
-
-		// validate attributes and conditions (if any) from allowedElement to given node
-		const isException = axe.commons.matches(node, unsupported.exceptions);
-
-		if (!Object.keys(lookupTable.evaluateRoleForElement).includes(nodeName)) {
-			return !isException;
-		}
-
-		// evaluate a given aria-role, execute the same
-		return !lookupTable.evaluateRoleForElement[nodeName]({
-			node,
-			role,
-			out: isException
-		});
-	})
-	.map(candidate => candidate.name.toString());
-
-if (unsupportedAttrs.length) {
-	this.data(unsupportedAttrs);
-	return true;
-}
-return false;

data/node_modules/axe-core/lib/checks/aria/unsupportedattr.json

@@ -1,11 +0,0 @@
-{
-	"id": "aria-unsupported-attr",
-	"evaluate": "unsupportedattr.js",
-	"metadata": {
-		"impact": "critical",
-		"messages": {
-			"pass": "ARIA attribute is supported",
-			"fail": "ARIA attribute is not widely supported in screen readers and assistive technologies: ${data.values}"
-		}
-	}
-}

data/node_modules/axe-core/lib/checks/aria/unsupportedrole.js

@@ -1 +0,0 @@
-return axe.commons.aria.isUnsupportedRole(axe.commons.aria.getRole(node));

data/node_modules/axe-core/lib/checks/aria/unsupportedrole.json

@@ -1,11 +0,0 @@
-{
-	"id": "unsupportedrole",
-	"evaluate": "unsupportedrole.js",
-	"metadata": {
-		"impact": "critical",
-		"messages": {
-			"pass": "ARIA role is supported",
-			"fail": "The role used is not widely supported in screen readers and assistive technologies: ${data.values}"
-		}
-	}
-}

data/node_modules/axe-core/lib/checks/aria/valid-attr-value.js

@@ -1,80 +0,0 @@
-options = Array.isArray(options) ? options : [];
-
-let needsReview = '';
-let messageKey = '';
-const invalid = [];
-const aria = /^aria-/;
-const attrs = axe.utils.getNodeAttributes(node);
-
-const skipAttrs = ['aria-errormessage'];
-
-const preChecks = {
-	// aria-controls should only check if element exists if the element
-	// doesn't have aria-expanded=false or aria-selected=false (tabs)
-	// @see https://github.com/dequelabs/axe-core/issues/1463
-	'aria-controls': () => {
-		return (
-			node.getAttribute('aria-expanded') !== 'false' &&
-			node.getAttribute('aria-selected') !== 'false'
-		);
-	},
-	// aria-current should mark as needs review if any value is used that is
-	// not one of the valid values (since any value is treated as "true")
-	'aria-current': () => {
-		if (!axe.commons.aria.validateAttrValue(node, 'aria-current')) {
-			needsReview = `aria-current="${node.getAttribute('aria-current')}"`;
-			messageKey = 'ariaCurrent';
-		}
-
-		return;
-	},
-	// aria-owns should only check if element exists if the element
-	// doesn't have aria-expanded=false (combobox)
-	// @see https://github.com/dequelabs/axe-core/issues/1524
-	'aria-owns': () => {
-		return node.getAttribute('aria-expanded') !== 'false';
-	},
-	// aria-describedby should not mark missing element as violation but
-	// instead as needs review
-	// @see https://github.com/dequelabs/axe-core/issues/1151
-	'aria-describedby': () => {
-		if (!axe.commons.aria.validateAttrValue(node, 'aria-describedby')) {
-			needsReview = `aria-describedby="${node.getAttribute(
-				'aria-describedby'
-			)}"`;
-			messageKey = 'noId';
-		}
-
-		return;
-	}
-};
-
-for (let i = 0, l = attrs.length; i < l; i++) {
-	const attr = attrs[i];
-	const attrName = attr.name;
-	// skip any attributes handled elsewhere
-	if (
-		!skipAttrs.includes(attrName) &&
-		options.indexOf(attrName) === -1 &&
-		aria.test(attrName) &&
-		(preChecks[attrName] ? preChecks[attrName]() : true) &&
-		!axe.commons.aria.validateAttrValue(node, attrName)
-	) {
-		invalid.push(`${attrName}="${attr.nodeValue}"`);
-	}
-}
-
-if (needsReview) {
-	this.data({
-		messageKey,
-		needsReview
-	});
-	return undefined;
-}
-
-if (invalid.length) {
-	this.data(invalid);
-	return false;
-}
-
-return true;

data/node_modules/axe-core/lib/checks/aria/valid-attr-value.json

@@ -1,19 +0,0 @@
-{
-	"id": "aria-valid-attr-value",
-	"evaluate": "valid-attr-value.js",
-	"options": [],
-	"metadata": {
-		"impact": "critical",
-		"messages": {
-			"pass": "ARIA attribute values are valid",
-			"fail": {
-				"singular": "Invalid ARIA attribute value: ${data.values}",
-				"plural": "Invalid ARIA attribute values: ${data.values}"
-			},
-			"incomplete": {
-				"noId": "ARIA attribute element ID does not exist on the page: ${data.needsReview}",
-				"ariaCurrent": "ARIA attribute value is invalid and will be treated as \"aria-current=true\": ${data.needsReview}"
-			}
-		}
-	}
-}

data/node_modules/axe-core/lib/checks/aria/valid-attr.js

@@ -1,25 +0,0 @@
-options = Array.isArray(options) ? options : [];
-
-var invalid = [],
-	aria = /^aria-/;
-
-var attr,
-	attrs = axe.utils.getNodeAttributes(node);
-
-for (var i = 0, l = attrs.length; i < l; i++) {
-	attr = attrs[i].name;
-	if (
-		options.indexOf(attr) === -1 &&
-		aria.test(attr) &&
-		!axe.commons.aria.validateAttr(attr)
-	) {
-		invalid.push(attr);
-	}
-}
-
-if (invalid.length) {
-	this.data(invalid);
-	return false;
-}
-
-return true;

data/node_modules/axe-core/lib/checks/aria/valid-attr.json

@@ -1,15 +0,0 @@
-{
-	"id": "aria-valid-attr",
-	"evaluate": "valid-attr.js",
-	"options": [],
-	"metadata": {
-		"impact": "critical",
-		"messages": {
-			"pass": "ARIA attribute name is valid",
-			"fail": {
-				"singular": "Invalid ARIA attribute name: ${data.values}",
-				"plural": "Invalid ARIA attribute names: ${data.values}"
-			}
-		}
-	}
-}

data/node_modules/axe-core/lib/checks/aria/valid-scrollable-semantics.js

@@ -1,62 +0,0 @@
-/**
- * A map from HTML tag names to a boolean which reflects whether it is
- * appropriate for scrollable elements found in the focus order.
- */
-const VALID_TAG_NAMES_FOR_SCROLLABLE_REGIONS = {
-	ARTICLE: true,
-	ASIDE: true,
-	NAV: true,
-	SECTION: true
-};
-
-/**
- * A map from each landmark role to a boolean which reflects whether it is
- * appropriate for scrollable elements found in the focus order.
- */
-const VALID_ROLES_FOR_SCROLLABLE_REGIONS = {
-	application: true,
-	banner: false,
-	complementary: true,
-	contentinfo: true,
-	form: true,
-	main: true,
-	navigation: true,
-	region: true,
-	search: false
-};
-
-/**
- * @param {HTMLElement} node
- * @return {Boolean} Whether the element has a tag appropriate for a scrollable
- *		 region.
- */
-function validScrollableTagName(node) {
-	// Some elements with nonsensical roles will pass this check, but should be
-	// flagged by other checks.
-	const nodeName = node.nodeName.toUpperCase();
-	return VALID_TAG_NAMES_FOR_SCROLLABLE_REGIONS[nodeName] || false;
-}
-
-/**
- * @param {HTMLElement} node
- * @return {Boolean} Whether the node has a role appropriate for a scrollable
- *		 region.
- */
-function validScrollableRole(node) {
-	var role = node.getAttribute('role');
-	if (!role) {
-		return false;
-	}
-	return VALID_ROLES_FOR_SCROLLABLE_REGIONS[role.toLowerCase()] || false;
-}
-
-/**
- * @param {HTMLElement} node
- * @return {Boolean} Whether the element would have valid semantics if it were a
- *			scrollable region.
- */
-function validScrollableSemantics(node) {
-	return validScrollableRole(node) || validScrollableTagName(node);
-}
-
-return validScrollableSemantics(node);

data/node_modules/axe-core/lib/checks/aria/valid-scrollable-semantics.json

@@ -1,12 +0,0 @@
-{
-	"id": "valid-scrollable-semantics",
-	"evaluate": "valid-scrollable-semantics.js",
-	"options": [],
-	"metadata": {
-		"impact": "minor",
-		"messages": {
-			"pass": "Element has valid semantics for an element in the focus order.",
-			"fail": "Element has invalid semantics for an element in the focus order."
-		}
-	}
-}

data/node_modules/axe-core/lib/checks/color/color-contrast.js

@@ -1,86 +0,0 @@
-const { dom, color, text } = axe.commons;
-
-if (!dom.isVisible(node, false)) {
-	return true;
-}
-
-const visibleText = text.visibleVirtual(virtualNode, false, true);
-const ignoreUnicode = !!(options || {}).ignoreUnicode;
-const textContainsOnlyUnicode =
-	text.hasUnicode(visibleText, {
-		nonBmp: true
-	}) &&
-	text.sanitize(
-		text.removeUnicode(visibleText, {
-			nonBmp: true
-		})
-	) === '';
-
-if (textContainsOnlyUnicode && ignoreUnicode) {
-	this.data({ messageKey: 'nonBmp' });
-	return undefined;
-}
-
-const noScroll = !!(options || {}).noScroll;
-const bgNodes = [];
-const bgColor = color.getBackgroundColor(node, bgNodes, noScroll);
-const fgColor = color.getForegroundColor(node, noScroll, bgColor);
-
-const nodeStyle = window.getComputedStyle(node);
-const fontSize = parseFloat(nodeStyle.getPropertyValue('font-size'));
-const fontWeight = nodeStyle.getPropertyValue('font-weight');
-const bold = parseFloat(fontWeight) >= 700 || fontWeight === 'bold';
-
-const cr = color.hasValidContrastRatio(bgColor, fgColor, fontSize, bold);
-
-// truncate ratio to three digits while rounding down
-// 4.499 = 4.49, 4.019 = 4.01
-const truncatedResult = Math.floor(cr.contrastRatio * 100) / 100;
-
-// if fgColor or bgColor are missing, get more information.
-let missing;
-if (bgColor === null) {
-	missing = color.incompleteData.get('bgColor');
-}
-
-const equalRatio = truncatedResult === 1;
-const shortTextContent = visibleText.length === 1;
-const ignoreLength = !!(options || {}).ignoreLength;
-if (equalRatio) {
-	missing = color.incompleteData.set('bgColor', 'equalRatio');
-} else if (shortTextContent && !ignoreLength) {
-	// Check that the text content is a single character long
-	missing = 'shortTextContent';
-}
-
-// need both independently in case both are missing
-const data = {
-	fgColor: fgColor ? fgColor.toHexString() : undefined,
-	bgColor: bgColor ? bgColor.toHexString() : undefined,
-	contrastRatio: cr ? truncatedResult : undefined,
-	fontSize: `${((fontSize * 72) / 96).toFixed(1)}pt (${fontSize}px)`,
-	fontWeight: bold ? 'bold' : 'normal',
-	messageKey: missing,
-	expectedContrastRatio: cr.expectedContrastRatio + ':1'
-};
-
-this.data(data);
-
-// We don't know, so we'll put it into Can't Tell
-if (
-	fgColor === null ||
-	bgColor === null ||
-	equalRatio ||
-	(shortTextContent && !ignoreLength && !cr.isValid)
-) {
-	missing = null;
-	color.incompleteData.clear();
-	this.relatedNodes(bgNodes);
-	return undefined;
-}
-
-if (!cr.isValid) {
-	this.relatedNodes(bgNodes);
-}
-
-return cr.isValid;

data/node_modules/axe-core/lib/checks/color/color-contrast.json

@@ -1,30 +0,0 @@
-{
-	"id": "color-contrast",
-	"evaluate": "color-contrast.js",
-	"options": {
-		"noScroll": false,
-		"ignoreUnicode": true,
-		"ignoreLength": false
-	},
-	"metadata": {
-		"impact": "serious",
-		"messages": {
-			"pass": "Element has sufficient color contrast of ${data.contrastRatio}",
-			"fail": "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}",
-			"incomplete": {
-				"default": "Unable to determine contrast ratio",
-				"bgImage": "Element's background color could not be determined due to a background image",
-				"bgGradient": "Element's background color could not be determined due to a background gradient",
-				"imgNode": "Element's background color could not be determined because element contains an image node",
-				"bgOverlap": "Element's background color could not be determined because it is overlapped by another element",
-				"fgAlpha": "Element's foreground color could not be determined because of alpha transparency",
-				"elmPartiallyObscured": "Element's background color could not be determined because it's partially obscured by another element",
-				"elmPartiallyObscuring": "Element's background color could not be determined because it partially overlaps other elements",
-				"outsideViewport": "Element's background color could not be determined because it's outside the viewport",
-				"equalRatio": "Element has a 1:1 contrast ratio with the background",
-				"shortTextContent": "Element content is too short to determine if it is actual text content",
-				"nonBmp": "Element content contains only non-text characters"
-			}
-		}
-	}
-}