design-system-react/tests/axe-config.js at master · salesforce/design-system-react · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
/*
	A place to store aXe static markup config
 */

const axeConfig = {
	rules: [
		// Added due to autocomplete bug in browsers. Invalid value of "test" is passed into `autoComplete` intentionally.
		{
			id: 'aria-hidden-focus',
			enabled: false,
			selector: '#root',
		},
		{
			id: 'autocomplete-valid',
			enabled: false,
		},
		// Not in ARIA 1.2 spec, temporary for SLDS styles
		{
			id: 'aria-required-attr',
			enabled: false,
			selector: '.slds-combobox',
		},
		// Not in ARIA 1.2 spec, temporary for SLDS styles
		{
			id: 'aria-required-children',
			enabled: false,
			selector: '.slds-combobox',
		},
		{
			id: 'color-contrast',
			enabled: false,
		},
		{
			id: 'html-has-lang',
			enabled: false,
		},
		{
			id: 'landmark-one-main',
			enabled: false,
		},
		{
			id: 'region',
			enabled: false,
		},
		// Exclude specific examples in Storybook Stories
		{
			id: 'duplicate-id',
			enabled: false,
			selector: '.div[data-ignore-axe-duplicate-id="true"]',
		},
		{
			id: 'duplicate-id-active',
			enabled: false,
			selector: '.div[data-ignore-axe-duplicate-id-active="true"]',
		},
		{
			id: 'duplicate-id-aria',
			enabled: false,
			selector: '.div[data-ignore-axe-duplicate-id-aria="true"]',
		},
		// TODO: Re-enable
		{ id: 'aria-input-field-name', enabled: false },
		{ id: 'scrollable-region-focusable', enabled: false },
	],
};

export default axeConfig;