govuk_publishing_components 30.4.0 → 30.5.1

data/node_modules/axe-core/lib/checks/color/link-in-text-block.js

@@ -1,85 +0,0 @@
-/* global axe*/
-const { color, dom } = axe.commons;
-
-function getContrast(color1, color2) {
-	var c1lum = color1.getRelativeLuminance();
-	var c2lum = color2.getRelativeLuminance();
-	return (Math.max(c1lum, c2lum) + 0.05) / (Math.min(c1lum, c2lum) + 0.05);
-}
-
-const blockLike = [
-	'block',
-	'list-item',
-	'table',
-	'flex',
-	'grid',
-	'inline-block'
-];
-function isBlock(elm) {
-	var display = window.getComputedStyle(elm).getPropertyValue('display');
-	return blockLike.indexOf(display) !== -1 || display.substr(0, 6) === 'table-';
-}
-
-if (isBlock(node)) {
-	return false;
-}
-
-var parentBlock = dom.getComposedParent(node);
-while (parentBlock.nodeType === 1 && !isBlock(parentBlock)) {
-	parentBlock = dom.getComposedParent(parentBlock);
-}
-
-this.relatedNodes([parentBlock]);
-
-// TODO: Check the :visited state of the link
-if (color.elementIsDistinct(node, parentBlock)) {
-	return true;
-} else {
-	// Check if contrast of foreground is sufficient
-	var nodeColor, parentColor;
-	nodeColor = color.getForegroundColor(node);
-	parentColor = color.getForegroundColor(parentBlock);
-
-	if (!nodeColor || !parentColor) {
-		return undefined;
-	}
-
-	var contrast = getContrast(nodeColor, parentColor);
-	if (contrast === 1) {
-		return true;
-	} else if (contrast >= 3.0) {
-		axe.commons.color.incompleteData.set('fgColor', 'bgContrast');
-		this.data({
-			messageKey: axe.commons.color.incompleteData.get('fgColor')
-		});
-		axe.commons.color.incompleteData.clear();
-		// User needs to check whether there is a hover and a focus style
-		return undefined;
-	}
-
-	// Check if contrast of background is sufficient
-	nodeColor = color.getBackgroundColor(node);
-	parentColor = color.getBackgroundColor(parentBlock);
-
-	if (
-		!nodeColor ||
-		!parentColor ||
-		getContrast(nodeColor, parentColor) >= 3.0
-	) {
-		let reason;
-		if (!nodeColor || !parentColor) {
-			reason = axe.commons.color.incompleteData.get('bgColor');
-		} else {
-			reason = 'bgContrast';
-		}
-		axe.commons.color.incompleteData.set('fgColor', reason);
-		this.data({
-			messageKey: axe.commons.color.incompleteData.get('fgColor')
-		});
-		axe.commons.color.incompleteData.clear();
-		return undefined;
-	}
-}
-
-// TODO: We should check the focus / hover style too
-return false;

data/node_modules/axe-core/lib/checks/color/link-in-text-block.json

@@ -1,19 +0,0 @@
-{
-	"id": "link-in-text-block",
-	"evaluate": "link-in-text-block.js",
-	"metadata": {
-		"impact": "serious",
-		"messages": {
-			"pass": "Links can be distinguished from surrounding text in some way other than by color",
-			"fail": "Links need to be distinguished from surrounding text in some way other than by color",
-			"incomplete": {
-				"default": "Unable to determine contrast ratio",
-				"bgContrast": "Element's contrast ratio could not be determined. Check for a distinct hover/focus style",
-				"bgImage": "Element's contrast ratio could not be determined due to a background image",
-				"bgGradient": "Element's contrast ratio could not be determined due to a background gradient",
-				"imgNode": "Element's contrast ratio could not be determined because element contains an image node",
-				"bgOverlap": "Element's contrast ratio could not be determined because of element overlap"
-			}
-		}
-	}
-}

data/node_modules/axe-core/lib/checks/forms/autocomplete-appropriate.js

@@ -1,67 +0,0 @@
-// Select and textarea is always allowed
-if (virtualNode.props.nodeName !== 'input') {
-	return true;
-}
-
-const number = ['text', 'search', 'number'];
-const url = ['text', 'search', 'url'];
-const allowedTypesMap = {
-	bday: ['text', 'search', 'date'],
-	email: ['text', 'search', 'email'],
-	'cc-exp': ['text', 'search', 'month'],
-	'street-address': ['text'], // Issue: https://github.com/dequelabs/axe-core/issues/1161
-	tel: ['text', 'search', 'tel'],
-	'cc-exp-month': number,
-	'cc-exp-year': number,
-	'transaction-amount': number,
-	'bday-day': number,
-	'bday-month': number,
-	'bday-year': number,
-	'new-password': ['text', 'search', 'password'],
-	'current-password': ['text', 'search', 'password'],
-	url: url,
-	photo: url,
-	impp: url
-};
-
-if (typeof options === 'object') {
-	// Merge in options
-	Object.keys(options).forEach(key => {
-		if (!allowedTypesMap[key]) {
-			allowedTypesMap[key] = [];
-		}
-		allowedTypesMap[key] = allowedTypesMap[key].concat(options[key]);
-	});
-}
-
-const autocomplete = virtualNode.attr('autocomplete');
-const autocompleteTerms = autocomplete
-	.split(/\s+/g)
-	.map(term => term.toLowerCase());
-
-const purposeTerm = autocompleteTerms[autocompleteTerms.length - 1];
-if (axe.commons.text.autocomplete.stateTerms.includes(purposeTerm)) {
-	return true;
-}
-
-const allowedTypes = allowedTypesMap[purposeTerm];
-
-/**
- * Note:
- * Inconsistent response for `node.type` across browsers, hence resolving and sanitizing using getAttribute
- * Example:
- * Firefox returns `node.type` as `text` for `type='month'`
- *
- * Reference HTML Spec - https://html.spec.whatwg.org/multipage/input.html#the-input-element to filter allowed values for `type`
- * and sanitize (https://html.spec.whatwg.org/multipage/input.html#value-sanitization-algorithm)
- */
-let type = virtualNode.hasAttr('type')
-	? axe.commons.text.sanitize(virtualNode.attr('type')).toLowerCase()
-	: 'text';
-type = axe.utils.validInputTypes().includes(type) ? type : 'text';
-
-if (typeof allowedTypes === 'undefined') {
-	return type === 'text';
-}
-
-return allowedTypes.includes(type);

data/node_modules/axe-core/lib/checks/forms/autocomplete-appropriate.json

@@ -1,11 +0,0 @@
-{
-	"id": "autocomplete-appropriate",
-	"evaluate": "autocomplete-appropriate.js",
-	"metadata": {
-		"impact": "serious",
-		"messages": {
-			"pass": "the autocomplete value is on an appropriate element",
-			"fail": "the autocomplete value is inappropriate for this type of input"
-		}
-	}
-}

data/node_modules/axe-core/lib/checks/forms/autocomplete-valid.js

@@ -1,2 +0,0 @@
-const autocomplete = virtualNode.attr('autocomplete') || '';
-return axe.commons.text.isValidAutocomplete(autocomplete, options);

data/node_modules/axe-core/lib/checks/forms/autocomplete-valid.json

@@ -1,11 +0,0 @@
-{
-	"id": "autocomplete-valid",
-	"evaluate": "autocomplete-valid.js",
-	"metadata": {
-		"impact": "serious",
-		"messages": {
-			"pass": "the autocomplete attribute is correctly formatted",
-			"fail": "the autocomplete attribute is incorrectly formatted"
-		}
-	}
-}

data/node_modules/axe-core/lib/checks/forms/fieldset-after.js

@@ -1,25 +0,0 @@
-var seen = {};
-
-return results.filter(function(result) {
-	// passes can pass through
-	if (result.result) {
-		return true;
-	}
-	var data = result.data;
-	if (data) {
-		seen[data.type] = seen[data.type] || {};
-		if (!seen[data.type][data.name]) {
-			seen[data.type][data.name] = [data];
-			return true;
-		}
-		var hasBeenSeen = seen[data.type][data.name].some(function(candidate) {
-			return candidate.failureCode === data.failureCode;
-		});
-		if (!hasBeenSeen) {
-			seen[data.type][data.name].push(data);
-		}
-
-		return !hasBeenSeen;
-	}
-	return false;
-});

data/node_modules/axe-core/lib/checks/forms/fieldset.js

@@ -1,109 +0,0 @@
-var failureCode,
-	self = this;
-
-function getUnrelatedElements(parent, name) {
-	return axe.utils.toArray(
-		parent.querySelectorAll(
-			'select,textarea,button,input:not([name="' +
-				name +
-				'"]):not([type="hidden"])'
-		)
-	);
-}
-
-function checkFieldset(group, name) {
-	var firstNode = group.firstElementChild;
-	if (!firstNode || firstNode.nodeName.toUpperCase() !== 'LEGEND') {
-		self.relatedNodes([group]);
-		failureCode = 'no-legend';
-		return false;
-	}
-	if (!axe.commons.text.accessibleText(firstNode)) {
-		self.relatedNodes([firstNode]);
-		failureCode = 'empty-legend';
-		return false;
-	}
-	var otherElements = getUnrelatedElements(group, name);
-	if (otherElements.length) {
-		self.relatedNodes(otherElements);
-		failureCode = 'mixed-inputs';
-		return false;
-	}
-	return true;
-}
-
-function checkARIAGroup(group, name) {
-	var hasLabelledByText = axe.commons.dom
-		.idrefs(group, 'aria-labelledby')
-		.some(function(element) {
-			return element && axe.commons.text.accessibleText(element);
-		});
-	var ariaLabel = group.getAttribute('aria-label');
-	if (
-		!hasLabelledByText &&
-		!(ariaLabel && axe.commons.text.sanitize(ariaLabel))
-	) {
-		self.relatedNodes(group);
-		failureCode = 'no-group-label';
-		return false;
-	}
-
-	var otherElements = getUnrelatedElements(group, name);
-	if (otherElements.length) {
-		self.relatedNodes(otherElements);
-		failureCode = 'group-mixed-inputs';
-		return false;
-	}
-	return true;
-}
-
-function spliceCurrentNode(nodes, current) {
-	return axe.utils.toArray(nodes).filter(function(candidate) {
-		return candidate !== current;
-	});
-}
-
-function runCheck(virtualNode) {
-	const name = axe.utils.escapeSelector(virtualNode.actualNode.name);
-	const root = axe.commons.dom.getRootNode(virtualNode.actualNode);
-	const matchingNodes = root.querySelectorAll(
-		'input[type="' +
-			axe.utils.escapeSelector(virtualNode.actualNode.type) +
-			'"][name="' +
-			name +
-			'"]'
-	);
-
-	if (matchingNodes.length < 2) {
-		return true;
-	}
-	const fieldset = axe.commons.dom.findUpVirtual(virtualNode, 'fieldset');
-	const group = axe.commons.dom.findUpVirtual(
-		virtualNode,
-		'[role="group"]' +
-			(virtualNode.actualNode.type === 'radio' ? ',[role="radiogroup"]' : '')
-	);
-
-	if (!group && !fieldset) {
-		failureCode = 'no-group';
-		self.relatedNodes(spliceCurrentNode(matchingNodes, virtualNode.actualNode));
-		return false;
-	} else if (fieldset) {
-		return checkFieldset(fieldset, name);
-	} else {
-		return checkARIAGroup(group, name);
-	}
-}
-
-var data = {
-	name: node.getAttribute('name'),
-	type: node.getAttribute('type')
-};
-
-var result = runCheck(virtualNode);
-if (!result) {
-	data.messageKey = failureCode;
-}
-this.data(data);
-
-return result;

data/node_modules/axe-core/lib/checks/forms/fieldset.json

@@ -1,20 +0,0 @@
-{
-	"id": "fieldset",
-	"evaluate": "fieldset.js",
-	"after": "fieldset-after.js",
-	"deprecated": true,
-	"metadata": {
-		"impact": "critical",
-		"messages": {
-			"pass": "Element is contained in a fieldset",
-			"fail": {
-				"default": "Element does not have a containing fieldset or ARIA group",
-				"no-legend": "Fieldset does not have a legend as its first child",
-				"empty-legend": "Legend does not have text that is visible to screen readers",
-				"mixed-inputs": "Fieldset contains unrelated inputs",
-				"no-group-label": "ARIA group does not have aria-label or aria-labelledby",
-				"group-mixed-inputs": "ARIA group contains unrelated inputs"
-			}
-		}
-	}
-}

data/node_modules/axe-core/lib/checks/forms/group-labelledby-after.js

@@ -1,16 +0,0 @@
-var seen = {};
-
-// Filter out nodes that have the same type and name.
-// If you have two `<input type="radio" name="foo" />` elements
-// only the first one can pass / fail the rule.
-return results.filter(function(result) {
-	var data = result.data;
-	if (data) {
-		seen[data.type] = seen[data.type] || {};
-		if (!seen[data.type][data.name]) {
-			seen[data.type][data.name] = true;
-			return true;
-		}
-	}
-	return false;
-});

data/node_modules/axe-core/lib/checks/forms/group-labelledby.js

@@ -1,66 +0,0 @@
-const { dom, text } = axe.commons;
-
-const type = axe.utils.escapeSelector(node.type);
-const name = axe.utils.escapeSelector(node.name);
-const doc = dom.getRootNode(node);
-const data = {
-	name: node.name,
-	type: node.type
-};
-
-const matchingNodes = Array.from(
-	doc.querySelectorAll(`input[type="${type}"][name="${name}"]`)
-);
-// There is only one node with this name & type, so there's no need for a group
-if (matchingNodes.length <= 1) {
-	this.data(data);
-	return true;
-}
-
-let sharedLabels = dom.idrefs(node, 'aria-labelledby').filter(label => !!label); // Filter for "null" labels
-let uniqueLabels = sharedLabels.slice();
-
-// Figure out which labels are unique, which are shared by all items, or neither
-matchingNodes.forEach(groupItem => {
-	if (groupItem === node) {
-		return;
-	}
-	// Find new labels associated with current groupItem
-	const labels = dom
-		.idrefs(groupItem, 'aria-labelledby')
-		.filter(newLabel => newLabel);
-
-	sharedLabels = sharedLabels.filter(sharedLabel =>
-		labels.includes(sharedLabel)
-	);
-	uniqueLabels = uniqueLabels.filter(
-		uniqueLabel => !labels.includes(uniqueLabel)
-	);
-});
-
-const accessibleTextOptions = {
-	// Prevent following further aria-labelledby refs:
-	inLabelledByContext: true
-};
-
-// filter items with no accessible name, do this last for performance reasons
-uniqueLabels = uniqueLabels.filter(labelNode =>
-	text.accessibleText(labelNode, accessibleTextOptions)
-);
-sharedLabels = sharedLabels.filter(labelNode =>
-	text.accessibleText(labelNode, accessibleTextOptions)
-);
-
-if (uniqueLabels.length > 0 && sharedLabels.length > 0) {
-	this.data(data);
-	return true;
-}
-
-if (uniqueLabels.length > 0 && sharedLabels.length === 0) {
-	data.messageKey = 'no-shared-label';
-} else if (uniqueLabels.length === 0 && sharedLabels.length > 0) {
-	data.messageKey = 'no-unique-label';
-}
-
-this.data(data);
-return false;

data/node_modules/axe-core/lib/checks/forms/group-labelledby.json

@@ -1,17 +0,0 @@
-{
-	"id": "group-labelledby",
-	"evaluate": "group-labelledby.js",
-	"after": "group-labelledby-after.js",
-	"deprecated": true,
-	"metadata": {
-		"impact": "critical",
-		"messages": {
-			"pass": "Elements with the name \"${data.name}\" have both a shared label, and a unique label, referenced through aria-labelledby",
-			"fail": {
-				"default": "Elements with the name \"${data.name}\" do not all have both a shared label, and a unique label referenced through aria-labelledby",
-				"no-shared-label": "Elements with the name \"${data.name}\" do not all have a shared label referenced through aria-labelledby",
-				"no-unique-label": "Elements with the name \"${data.name}\" do not all have a unique label referenced through aria-labelledby"
-			}
-		}
-	}
-}

data/node_modules/axe-core/lib/checks/keyboard/accesskeys-after.js

@@ -1,19 +0,0 @@
-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;
-	});

data/node_modules/axe-core/lib/checks/keyboard/accesskeys.js

@@ -1,5 +0,0 @@
-if (axe.commons.dom.isVisible(node, false)) {
-	this.data(node.getAttribute('accesskey'));
-	this.relatedNodes([node]);
-}
-return true;

data/node_modules/axe-core/lib/checks/keyboard/accesskeys.json

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

data/node_modules/axe-core/lib/checks/keyboard/focusable-content.js

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

data/node_modules/axe-core/lib/checks/keyboard/focusable-content.json

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

data/node_modules/axe-core/lib/checks/keyboard/focusable-disabled.js

@@ -1,30 +0,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 && axe.commons.dom.isModalOpen()) {
-	return true;
-}
-
-return relatedNodes.length === 0;

data/node_modules/axe-core/lib/checks/keyboard/focusable-disabled.json

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

data/node_modules/axe-core/lib/checks/keyboard/focusable-element.js

@@ -1,12 +0,0 @@
-/**
- * Note:
- * Check
- * - if element is focusable
- * - if element is in focus order via `tabindex`
- */
-const isFocusable = virtualNode.isFocusable;
-
-let tabIndex = parseInt(virtualNode.actualNode.getAttribute('tabindex'), 10);
-tabIndex = !isNaN(tabIndex) ? tabIndex : null;
-
-return tabIndex ? isFocusable && tabIndex >= 0 : isFocusable;

data/node_modules/axe-core/lib/checks/keyboard/focusable-element.json

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

data/node_modules/axe-core/lib/checks/keyboard/focusable-modal-open.js

@@ -1,14 +0,0 @@
-const tabbableElements = virtualNode.tabbableElements.map(
-	({ actualNode }) => actualNode
-);
-
-if (!tabbableElements || !tabbableElements.length) {
-	return true;
-}
-
-if (axe.commons.dom.isModalOpen()) {
-	this.relatedNodes(tabbableElements);
-	return undefined;
-}
-
-return true;

data/node_modules/axe-core/lib/checks/keyboard/focusable-modal-open.json

@@ -1,11 +0,0 @@
-{
-	"id": "focusable-modal-open",
-	"evaluate": "focusable-modal-open.js",
-	"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"
-		}
-	}
-}

data/node_modules/axe-core/lib/checks/keyboard/focusable-no-name.js

@@ -1,6 +0,0 @@
-var tabIndex = node.getAttribute('tabindex'),
-	inFocusOrder = axe.commons.dom.isFocusable(node) && tabIndex > -1;
-if (!inFocusOrder) {
-	return false;
-}
-return !axe.commons.text.accessibleTextVirtual(virtualNode);

data/node_modules/axe-core/lib/checks/keyboard/focusable-no-name.json

@@ -1,11 +0,0 @@
-{
-	"id": "focusable-no-name",
-	"evaluate": "focusable-no-name.js",
-	"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"
-		}
-	}
-}