Fix accessibility issues found with aXe testing

Fix issues found in #1180. This will mostly likely be around 100 issues in the Storybook examples.

72 issues found in the 25 components tested.
 FAIL  tests/story-based-accessibility-tests.js (727.295s)
  aXe Testing
    aXe storyshots
      Inital Blank Story
        ✓ Placeholder (121ms)
      SLDSAccordion
        ✕ Base (1178ms)
        ✓ Base Open (442ms)
      SLDSAlert
        ✓ Info (178ms)
        ✓ Warning (236ms)
        ✓ Error (215ms)
        ✓ Offline (209ms)
        ✓ Dismissable (311ms)
        ✓ Close alert (119ms)
        ✓ Custom Class Names (145ms)
        ✓ Custom Styles (151ms)
      SLDSAvatar
        ✓ Base (91ms)
        ✓ Entity Icon (94ms)
        ✓ Entity Initials (79ms)
        ✓ User Icon (97ms)
        ✓ User Initials (77ms)
      SLDSBrandBand
        ✓ Default (medium) (51ms)
        ✓ Small (48ms)
        ✓ Large (61ms)
        ✓ No Image (48ms)
        ✓ Lightning Blue Theme (117ms)
      SLDSBreadcrumb
        ✕ 2 Items (193ms)
        ✕ 1 Item (116ms)
      SLDSButton
        ✓ Base (49ms)
        ✓ Neutral (50ms)
        ✓ Neutral with id (57ms)
        ✓ Neutral Icon (57ms)
        ✓ Disabled (33ms)
        ✓ Icon large (79ms)
        ✓ Icon with external path (74ms)
        ✓ Icon Container Small (105ms)
        ✓ Dropdown Icon inverse (104ms)
        ✕ Small Icon Hint inverse (77ms)
        ✓ Doc site Base Neutral (207ms)
        ✓ Doc site Brand Disabled (222ms)
        ✓ Doc site Button Icons (617ms)
      SLDSButtonGroup
        ✓ More Icon (214ms)
        ✓ Icon Group (245ms)
        ✓ Checkbox (695ms)
        ✓ Checkbox Error (667ms)
      SLDSButtonStateful
        ✓ Base (119ms)
        ✓ Disabled (101ms)
        ✓ Icon (74ms)
        ✓ Doc site Icon Text Button (272ms)
        ✓ Doc site Icon Button (62ms)
      SLDSCard
        ✓ w/ Items (775ms)
        ✓ Empty (297ms)
        ✓ Custom Header (886ms)
        ✓ Custom Heading (890ms)
        ✓ Set height card (379ms)
        ✓ Doc site Related List With Table (893ms)
      SLDSCheckbox
        ✓ Checkbox (default, indeterminate, required, disabled (818ms)
        ✓ Checkbox (assistive text) (277ms)
        ✓ Checkbox (checked) (148ms)
        ✓ Checkbox (indeterminate) (497ms)
        ✓ Checkbox Toggle (217ms)
        ✓ Checkbox Toggle (with error) (203ms)
        ✓ Checkbox Toggle (required) (219ms)
        ✓ Checkbox Toggle (disabled) (180ms)
        ✓ Checkbox Toggle (assistive text) (329ms)
        ✓ Checkbox Toggle (checked) (203ms)
        ✓ Doc site Error (834ms)
        ✓ Doc site Snapshot Base (1558ms)
        ✓ Doc site Snapshot Toggle (1891ms)
        ✓ Doc site Toggle (1842ms)
      SLDSColorPicker
        ✕ Default (272ms)
        ✕ Custom Only (281ms)
        ✕ Swatch Only (269ms)
        ✕ Predefined Colors (308ms)
        ✕ Predefined Colors Only (284ms)
        ✓ Hidden Input (194ms)
        ✕ Custom Tab Selected (273ms)
        ✓ Outer Input in Error State (301ms)
        ✕ Working Color Input in Error State (281ms)
        ✕ Custom Validator (277ms)
        ✕ Color Picker Disabled (226ms)
        ✕ ColorPicker Menu Open (8892ms)
        ✕ Doc site Default (266ms)
      SLDSCombobox
        ✕ Base (923ms)
        ✕ Base Pre-defined Options Only (920ms)
        ✕ Base Inline Help (1213ms)
        ✕ Inline Single Selection (216ms)
        ✕ Inline Multiple Selection (1009ms)
        ✕ Base Custom Menu Item (208ms)
        ✕ Base Menu Sub Headers (212ms)
        ✕ Base Menu Separator (216ms)
        ✕ Base Inherit Menu Width (213ms)
        ✕ Readonly Single Selection (423ms)
        ✕ Readonly Multiple Selection (218ms)
        ✕ Readonly Single Selection Custom Menu Item (232ms)
        ✕ Required Input in Error State (299ms)
        ✕ Snapshot Base Open (888ms)
        ✕ Snapshot Base Custom Menu Item Open (2040ms)
        ✕ Snapshot Base Selected (591ms)
        ✕ Snapshot Base Label Required (275ms)
        ✕ Snapshot Base Open Menu Sub Header Separator (566ms)
        ✕ Snapshot Base Open Menu inheritWidthOf prop (586ms)
        ✕ Snapshot Inline Single Selection (232ms)
        ✕ Snapshot Inline Single Selection Selected (367ms)
        ✕ Snapshot Inline Multiple Selection (249ms)
        ✕ Snapshot Inline Multiple Selection Selected (1037ms)
        ✕ Snapshot Readonly Single Selection (240ms)
        ✕ Snapshot Readonly Single Selection Selected (239ms)
        ✕ Snapshot Readonly Single Selection Selected Open (2244ms)
        ✕ Snapshot Readonly Multiple Selection (257ms)
        ✕ Snapshot Readonly Multiple Selection Single Item Selected (274ms)
        ✕ Snapshot Readonly Multiple Selection Multiple Items Selected (933ms)
        ✕ Snapshot Readonly Single Selection Custom Menu Item (3472ms)
      SLDSFilter
        ✓ Filter (360ms)
        ✓ New Filter (337ms)
        ✓ Locked Filter (148ms)
        ✓ Permanant Filter (444ms)
        ✓ Filter Align Right (322ms)
        ✓ AssistiveTextFilter (316ms)
        ✕ ErrorFilter (336ms)
      SLDSDataTable
        ✓ Basic (Fluid Layout) (6882ms)
        ✓ Basic (Fixed Layout) (1966ms)
        ✕ Advanced (Fixed Layout) (4576ms)
        ✕ Advanced Single Select (Fixed Layout) (4364ms)
        ✕ Advanced Single Select (Fixed Header) (4183ms)
        ✕ Fixed Header (18657ms)
      SLDSGlobalHeader
        ✕ Search + Navigation (1153ms)
        ✕ Open on Hybrid (1113ms)
        ✕ Fewer Elements (391ms)
        ✕ With custom <Avatar/> (1179ms)
        ✕ Doc site Default (992ms)
      SLDSInput
        ✓ Base (455ms)
        ✓ Custom style (242ms)
        ✓ Base with Icons (2457ms)
        ✓ Fixed Text (166ms)
        ✓ Read Only (148ms)
        ✓ Static Input (99ms)
        ✓ Disabled Input (138ms)
        ✓ Required Input in Error State (247ms)
        ✓ Inline Help (171ms)
        ✕ Field Level Help (259ms)
        ✓ Field Level Help, Tooltip Open (308ms)
        ✓ Counter Input (1953ms)
        ✓ Counter Static Input (105ms)
        ✓ Docs site Default (505ms)
        ✓ Docs site Error (512ms)
        ✓ Docs site Icons (1121ms)
        ✓ Docs site InactiveInputs (326ms)
      SLDSIcon
        ✓ Category: Standard (51ms)
        ✓ Category: Utility (50ms)
        ✓ Category: Action (53ms)
        ✓ Category: Doctype (37ms)
        ✓ Category: Custom (50ms)
        ✓ Category: External Path (49ms)
        ✓ Size: X-Small (47ms)
        ✓ Size: Small (47ms)
        ✓ Size: Medium (default) (48ms)
        ✓ Size: Large (49ms)
        ✓ Color: Base (58ms)
        ✓ Color: Default (48ms)
        ✓ Color: Error (48ms)
        ✓ Color: Warning (48ms)
        ✓ Color: Light (47ms)
        ✓ Base: Standard (custom styles) (48ms)
        ✓ Base: Imported (51ms)
        ✓ Docs site Categories (258ms)
        ✓ Docs site Colors (241ms)
        ✓ Docs site Sizes (218ms)
      SLDSIllustration
        ✓ Small Image and Text (94ms)
        ✕ Large Image and Text (39ms)
        ✓ Heading Only (61ms)
        ✓ Message Only (60ms)
        ✓ Heading and Message (86ms)
      SLDSMediaObject
        ✓ Base (83ms)
        ✓ Figure Vertical Center (70ms)
        ✓ Docs site Default (80ms)
        ✓ Docs site VerticallyCentered (68ms)
      SLDSPageHeader
        ✓ Base (237ms)
        ✓ Base with content right (447ms)
        ✕ Record Home (truncates) (1324ms)
        ✓ Object Home (1721ms)
        ✕ Related List (1569ms)
        ✓ Record Home (field updates) (672ms)
        ✓ Docs site RecordHome (1310ms)
        ✕ Docs site RelatedList (1612ms)
      SLDSPillContainer
        ✓ Base Pill Container (810ms)
        ✓ Pill Container With Icons (3459ms)
        ✓ Pill Container With Avatars (1023ms)
        ✓ Bare Pill Container (789ms)
      SLDSProgressIndicator
        ✕ Base (1060ms)
        ✕ Base With Many Steps (1712ms)
        ✕ Base With Disabled Steps (1058ms)
        ✕ Step Error (1036ms)
        ✓ In A Modal (With Step Error) - Needs DOM (126ms)
        ✕ Completed Progress (1097ms)
      SLDSTree
        ✕ Base (1349ms)
        ✕ Base with stencil (1312ms)
        ✕ Initial Expanded/Selected (3199ms)
        ✕ No Branch Select (1389ms)
        ✕ Multiple Selection (1340ms)
        ✕ Assistive Heading (1394ms)
        ✓ Overflow Hidden (250548ms)
        ✓ Large dataset (300+) NoTest (323717ms)
        ✕ Highlighted Search (2869ms)

  ● aXe Testing › aXe storyshots › SLDSAccordion › Base

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('li:nth-child(1) > section > .slds-accordion__summary > .slds-dropdown-trigger.slds-dropdown-trigger_click') to have no violations:

    Received:

    "id attribute value must be unique (duplicate-id)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/duplicate-id?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSBreadcrumb › 2 Items

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('nav') to have no violations:

    Received:

    "ARIA role must be appropriate for the element (aria-allowed-role)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSBreadcrumb › 1 Item

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('nav') to have no violations:

Parent Entity

    Received:

    "ARIA role must be appropriate for the element (aria-allowed-role)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSButton › Small Icon Hint inverse

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('button') to have no violations:

    <button class="slds-button slds-button_icon-border-inverse slds-button_icon-small" type="button"><svg aria-hidden="true" class="slds-button__icon slds-button__icon_inverse-hint"><use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#down"></use></svg></button>

    Received:

    "Buttons must have discernible text (button-name)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/button-name?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSColorPicker › Default

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('#color-picker-summary-input-default-color-picker') to have no violations:

    <input aria-describedby="color-picker-summary-error-default-color-picker" class="slds-input" id="color-picker-summary-input-default-color-picker" type="text" value="">

    Received:

    "ARIA attributes must conform to valid values (aria-valid-attr-value)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSColorPicker › Custom Only

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('#color-picker-summary-input-custom-only-color-picker') to have no violations:

    <input aria-describedby="color-picker-summary-error-custom-only-color-picker" class="slds-input" id="color-picker-summary-input-custom-only-color-picker" type="text" value="">

    Received:

    "ARIA attributes must conform to valid values (aria-valid-attr-value)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSColorPicker › Swatch Only

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('#color-picker-summary-input-swatch-only-color-picker') to have no violations:

    <input aria-describedby="color-picker-summary-error-swatch-only-color-picker" class="slds-input" id="color-picker-summary-input-swatch-only-color-picker" type="text" value="">

    Received:

    "ARIA attributes must conform to valid values (aria-valid-attr-value)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSColorPicker › Predefined Colors

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('#color-picker-summary-input-predefined-color-picker') to have no violations:

    <input aria-describedby="color-picker-summary-error-predefined-color-picker" class="slds-input" id="color-picker-summary-input-predefined-color-picker" type="text" value="#000000">

    Received:

    "ARIA attributes must conform to valid values (aria-valid-attr-value)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSColorPicker › Predefined Colors Only

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('#color-picker-summary-input-predefined-only-color-picker') to have no violations:

    <input aria-describedby="color-picker-summary-error-predefined-only-color-picker" class="slds-input" id="color-picker-summary-input-predefined-only-color-picker" type="text" value="#000000">

    Received:

    "ARIA attributes must conform to valid values (aria-valid-attr-value)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSColorPicker › Custom Tab Selected

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('#color-picker-summary-input-Custom-tab-default-color-picker') to have no violations:

    <input aria-describedby="color-picker-summary-error-Custom-tab-default-color-picker" class="slds-input" id="color-picker-summary-input-Custom-tab-default-color-picker" type="text" value="">

    Received:

    "ARIA attributes must conform to valid values (aria-valid-attr-value)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSColorPicker › Working Color Input in Error State

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('#color-picker-summary-input-working-color-error-state-color-picker') to have no violations:

    <input aria-describedby="color-picker-summary-error-working-color-error-state-color-picker" class="slds-input" id="color-picker-summary-input-working-color-error-state-color-picker" type="text" value="">

    Received:

    "ARIA attributes must conform to valid values (aria-valid-attr-value)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSColorPicker › Custom Validator

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('#color-picker-summary-input-custom-validator-color-picker') to have no violations:

    <input aria-describedby="color-picker-summary-error-custom-validator-color-picker" class="slds-input" id="color-picker-summary-input-custom-validator-color-picker" type="text" value="">

    Received:

    "ARIA attributes must conform to valid values (aria-valid-attr-value)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSColorPicker › Color Picker Disabled

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('#color-picker-summary-input-color-picker') to have no violations:

    <input aria-describedby="color-picker-summary-error-color-picker" class="slds-input" disabled="" id="color-picker-summary-input-color-picker" type="text" value="">

    Received:

    "ARIA attributes must conform to valid values (aria-valid-attr-value)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSColorPicker › ColorPicker Menu Open

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('.slds-active.slds-tabs_default__link[href="javascript:void(0);"]') to have no violations:

    Default

    Expected the HTML found at $('#color-picker-tabs-color-picker-slds-tabs_tab-1 > .slds-tabs_default__link[href="javascript:void(0);"]') to have no violations:

    Custom

    Received:

    "ARIA role must be appropriate for the element (aria-allowed-role)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI

    ────────

    Expected the HTML found at $('#slds-color-picker__selector-color-picker-popover') to have no violations:

    Received:

    "ARIA roles used must conform to valid values (aria-roles)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-roles?application=axeAPI

    ────────

    Expected the HTML found at $('#color-picker-input-hex-color-picker') to have no violations:

    <input aria-describedby="color-picker-custom-error-color-picker" class="slds-input" id="color-picker-input-hex-color-picker" maxlength="7" type="text" value="">

    Expected the HTML found at $('#color-picker-input-r-color-picker') to have no violations:

    <input aria-describedby="color-picker-custom-error-color-picker" class="slds-input" id="color-picker-input-r-color-picker" maxlength="3" type="text" value="">

    Expected the HTML found at $('#color-picker-input-g-color-picker') to have no violations:

    <input aria-describedby="color-picker-custom-error-color-picker" class="slds-input" id="color-picker-input-g-color-picker" maxlength="3" type="text" value="">

    Expected the HTML found at $('#color-picker-input-b-color-picker') to have no violations:

    <input aria-describedby="color-picker-custom-error-color-picker" class="slds-input" id="color-picker-input-b-color-picker" maxlength="3" type="text" value="">

    Expected the HTML found at $('#color-picker-summary-input-color-picker') to have no violations:

    <input aria-describedby="color-picker-summary-error-color-picker" class="slds-input" id="color-picker-summary-input-color-picker" type="text" value="">

    Received:

    "ARIA attributes must conform to valid values (aria-valid-attr-value)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI

    ────────

    Expected the HTML found at $('#color-picker-transparent-swatch-color-picker') to have no violations:

    <input type="radio" id="color-picker-transparent-swatch-color-picker" name="color-picker-color-picker-swatch-toggle-button-group" value="">

    Received:

    "Form elements must have labels (label)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/label?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSColorPicker › Doc site Default

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('#color-picker-summary-input-default-color-picker') to have no violations:

    <input aria-describedby="color-picker-summary-error-default-color-picker" class="slds-input" id="color-picker-summary-input-default-color-picker" type="text" value="">

    Received:

    "ARIA attributes must conform to valid values (aria-valid-attr-value)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSCombobox › Base

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('#combobox-base') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-base-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-base" placeholder="Search Salesforce" role="textbox" type="text" value="">

    Received:

    "ARIA role must be appropriate for the element (aria-allowed-role)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI

    ────────

    Expected the HTML found at $('.slds-combobox') to have no violations:

    Expected the HTML found at $('#combobox-base') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-base-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-base" placeholder="Search Salesforce" role="textbox" type="text" value="">

    Received:

    "ARIA attributes must conform to valid values (aria-valid-attr-value)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSCombobox › Base Pre-defined Options Only

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('#combobox-base-predefined-options') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-base-predefined-options-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-base-predefined-options" placeholder="Search Salesforce" role="textbox" type="text" value="">

    Received:

    "ARIA role must be appropriate for the element (aria-allowed-role)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI

    ────────

    Expected the HTML found at $('.slds-combobox') to have no violations:

    Expected the HTML found at $('#combobox-base-predefined-options') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-base-predefined-options-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-base-predefined-options" placeholder="Search Salesforce" role="textbox" type="text" value="">

    Received:

    "ARIA attributes must conform to valid values (aria-valid-attr-value)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSCombobox › Base Inline Help

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('#combobox-base-inline-help') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-base-inline-help-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-base-inline-help" placeholder="Search Salesforce" role="textbox" type="text" value="">

    Received:

    "ARIA role must be appropriate for the element (aria-allowed-role)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI

    ────────

    Expected the HTML found at $('button') to have no violations:

    <button class="slds-button slds-button_icon" type="button" aria-disabled="true" aria-describedby="field-level-help-tooltip">

    Expected the HTML found at $('.slds-combobox') to have no violations:

    Expected the HTML found at $('#combobox-base-inline-help') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-base-inline-help-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-base-inline-help" placeholder="Search Salesforce" role="textbox" type="text" value="">

    Received:

    "ARIA attributes must conform to valid values (aria-valid-attr-value)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSCombobox › Inline Single Selection

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('#combobox-inline-single') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-inline-single-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-inline-single" placeholder="Search Salesforce" role="textbox" type="text" value="">

    Received:

    "ARIA role must be appropriate for the element (aria-allowed-role)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI

    ────────

    Expected the HTML found at $('#combobox-inline-single') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-inline-single-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-inline-single" placeholder="Search Salesforce" role="textbox" type="text" value="">

    Received:

    "ARIA attributes must conform to valid values (aria-valid-attr-value)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSCombobox › Inline Multiple Selection

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('.slds-combobox__form-element') to have no violations:

    Received:

    "Elements must only use allowed ARIA attributes (aria-allowed-attr)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-attr?application=axeAPI

    ────────

    Expected the HTML found at $('#combobox-inline-multiple') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-inline-multiple-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-inline-multiple" placeholder="Search Salesforce" role="textbox" type="text" value="">

    Received:

    "ARIA role must be appropriate for the element (aria-allowed-role)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI

    ────────

    Expected the HTML found at $('#combobox-inline-multiple') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-inline-multiple-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-inline-multiple" placeholder="Search Salesforce" role="textbox" type="text" value="">

    Received:

    "ARIA attributes must conform to valid values (aria-valid-attr-value)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSCombobox › Base Custom Menu Item

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('#combobox-base-custom-menu-item') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-base-custom-menu-item-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-base-custom-menu-item" placeholder="Search Salesforce" role="textbox" type="text" value="">

    Received:

    "ARIA role must be appropriate for the element (aria-allowed-role)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI

    ────────

    Expected the HTML found at $('.slds-combobox') to have no violations:

    Expected the HTML found at $('#combobox-base-custom-menu-item') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-base-custom-menu-item-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-base-custom-menu-item" placeholder="Search Salesforce" role="textbox" type="text" value="">

    Received:

    "ARIA attributes must conform to valid values (aria-valid-attr-value)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSCombobox › Base Menu Sub Headers

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('#combobox-base-menu-subheader') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-base-menu-subheader-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-base-menu-subheader" placeholder="Search Salesforce" role="textbox" type="text" value="">

    Received:

    "ARIA role must be appropriate for the element (aria-allowed-role)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI

    ────────

    Expected the HTML found at $('.slds-combobox') to have no violations:

    Expected the HTML found at $('#combobox-base-menu-subheader') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-base-menu-subheader-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-base-menu-subheader" placeholder="Search Salesforce" role="textbox" type="text" value="">

    Received:

    "ARIA attributes must conform to valid values (aria-valid-attr-value)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSCombobox › Base Menu Separator

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('#combobox-base-menu-separator') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-base-menu-separator-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-base-menu-separator" placeholder="Search Salesforce" role="textbox" type="text" value="">

    Received:

    "ARIA role must be appropriate for the element (aria-allowed-role)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI

    ────────

    Expected the HTML found at $('.slds-combobox') to have no violations:

    Expected the HTML found at $('#combobox-base-menu-separator') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-base-menu-separator-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-base-menu-separator" placeholder="Search Salesforce" role="textbox" type="text" value="">

    Received:

    "ARIA attributes must conform to valid values (aria-valid-attr-value)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSCombobox › Base Inherit Menu Width

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('#combobox-base-inherit-menu-width') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-base-inherit-menu-width-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-base-inherit-menu-width" placeholder="Search Salesforce" role="textbox" type="text" value="">

    Received:

    "ARIA role must be appropriate for the element (aria-allowed-role)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI

    ────────

    Expected the HTML found at $('.slds-combobox') to have no violations:

    Expected the HTML found at $('#combobox-base-inherit-menu-width') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-base-inherit-menu-width-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-base-inherit-menu-width" placeholder="Search Salesforce" role="textbox" type="text" value="">

    Received:

    "ARIA attributes must conform to valid values (aria-valid-attr-value)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSCombobox › Readonly Single Selection

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('.slds-combobox__form-element') to have no violations:

    Received:

    "Elements must only use allowed ARIA attributes (aria-allowed-attr)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-attr?application=axeAPI

    ────────

    Expected the HTML found at $('#combobox-readonly-single') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-readonly-single-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-readonly-single" placeholder="Select an Option" readonly="" role="textbox" type="text" value="">

    Received:

    "ARIA role must be appropriate for the element (aria-allowed-role)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI

    ────────

    Expected the HTML found at $('#combobox-readonly-single') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-readonly-single-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-readonly-single" placeholder="Select an Option" readonly="" role="textbox" type="text" value="">

    Received:

    "ARIA attributes must conform to valid values (aria-valid-attr-value)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSCombobox › Readonly Multiple Selection

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('.slds-combobox__form-element') to have no violations:

    Received:

    "Elements must only use allowed ARIA attributes (aria-allowed-attr)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-attr?application=axeAPI

    ────────

    Expected the HTML found at $('#combobox-readonly-multiple') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-readonly-multiple-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-readonly-multiple" placeholder="Select an Option" readonly="" role="textbox" type="text" value="">

    Received:

    "ARIA role must be appropriate for the element (aria-allowed-role)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI

    ────────

    Expected the HTML found at $('#combobox-readonly-multiple') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-readonly-multiple-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-readonly-multiple" placeholder="Select an Option" readonly="" role="textbox" type="text" value="">

    Received:

    "ARIA attributes must conform to valid values (aria-valid-attr-value)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSCombobox › Readonly Single Selection Custom Menu Item

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('.slds-combobox__form-element') to have no violations:

    Received:

    "Elements must only use allowed ARIA attributes (aria-allowed-attr)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-attr?application=axeAPI

    ────────

    Expected the HTML found at $('#combobox-readonly-single-custom-item') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-readonly-single-custom-item-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-readonly-single-custom-item" placeholder="Select company" readonly="" role="textbox" type="text" value="">

    Received:

    "ARIA role must be appropriate for the element (aria-allowed-role)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI

    ────────

    Expected the HTML found at $('#combobox-readonly-single-custom-item') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-readonly-single-custom-item-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-readonly-single-custom-item" placeholder="Select company" readonly="" role="textbox" type="text" value="">

    Received:

    "ARIA attributes must conform to valid values (aria-valid-attr-value)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSCombobox › Required Input in Error State

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('#combobox-required-error-state') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-required-error-state-listbox" aria-describedby="description-unique-id" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-required-error-state" placeholder="Search Salesforce" required="" role="textbox" type="text" value="">

    Received:

    "ARIA role must be appropriate for the element (aria-allowed-role)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI

    ────────

    Expected the HTML found at $('.slds-combobox') to have no violations:

    Expected the HTML found at $('#combobox-required-error-state') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-required-error-state-listbox" aria-describedby="description-unique-id" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-required-error-state" placeholder="Search Salesforce" required="" role="textbox" type="text" value="">

    Received:

    "ARIA attributes must conform to valid values (aria-valid-attr-value)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSCombobox › Snapshot Base Open

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('#combobox-unique-id') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Search Salesforce" role="textbox" type="text" value="">

    Received:

    "ARIA role must be appropriate for the element (aria-allowed-role)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI

    ────────

    Expected the HTML found at $('#combobox-unique-id') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Search Salesforce" role="textbox" type="text" value="">

    Received:

    "Form elements must have labels (label)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/label?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSCombobox › Snapshot Base Custom Menu Item Open

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('#combobox-base-custom-menu-item') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-base-custom-menu-item-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-base-custom-menu-item" placeholder="Search Salesforce" role="textbox" type="text" value="">

    Received:

    "ARIA role must be appropriate for the element (aria-allowed-role)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSCombobox › Snapshot Base Selected

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('#combobox-unique-id') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Search Salesforce" role="textbox" type="text" value="">

    Received:

    "ARIA role must be appropriate for the element (aria-allowed-role)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI

    ────────

    Expected the HTML found at $('.slds-combobox') to have no violations:

    Expected the HTML found at $('#combobox-unique-id') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Search Salesforce" role="textbox" type="text" value="">

    Received:

    "ARIA attributes must conform to valid values (aria-valid-attr-value)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI

    ────────

    Expected the HTML found at $('#combobox-unique-id') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Search Salesforce" role="textbox" type="text" value="">

    Received:

    "Form elements must have labels (label)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/label?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSCombobox › Snapshot Base Label Required

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('#combobox-required-error-state') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-required-error-state-listbox" aria-describedby="description-unique-id" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-required-error-state" placeholder="Search Salesforce" required="" role="textbox" type="text" value="">

    Received:

    "ARIA role must be appropriate for the element (aria-allowed-role)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI

    ────────

    Expected the HTML found at $('.slds-combobox') to have no violations:

    Expected the HTML found at $('#combobox-required-error-state') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-required-error-state-listbox" aria-describedby="description-unique-id" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-required-error-state" placeholder="Search Salesforce" required="" role="textbox" type="text" value="">

    Received:

    "ARIA attributes must conform to valid values (aria-valid-attr-value)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSCombobox › Snapshot Base Open Menu Sub Header Separator

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('#combobox-unique-id') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Search Salesforce" role="textbox" type="text" value="">

    Received:

    "ARIA role must be appropriate for the element (aria-allowed-role)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI

    ────────

    Expected the HTML found at $('#combobox-unique-id') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Search Salesforce" role="textbox" type="text" value="">

    Received:

    "Form elements must have labels (label)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/label?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSCombobox › Snapshot Base Open Menu inheritWidthOf prop

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('#combobox-unique-id') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Search Salesforce" role="textbox" type="text" value="">

    Received:

    "ARIA role must be appropriate for the element (aria-allowed-role)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI

    ────────

    Expected the HTML found at $('#combobox-unique-id') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Search Salesforce" role="textbox" type="text" value="">

    Received:

    "Form elements must have labels (label)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/label?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSCombobox › Snapshot Inline Single Selection

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('#combobox-unique-id') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Search Salesforce" role="textbox" type="text" value="">

    Received:

    "ARIA role must be appropriate for the element (aria-allowed-role)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI

    ────────

    Expected the HTML found at $('#combobox-unique-id') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Search Salesforce" role="textbox" type="text" value="">

    Received:

    "ARIA attributes must conform to valid values (aria-valid-attr-value)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSCombobox › Snapshot Inline Single Selection Selected

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('#combobox-unique-id') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Search Salesforce" readonly="" role="textbox" type="text" value="Acme">

    Received:

    "ARIA role must be appropriate for the element (aria-allowed-role)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI

    ────────

    Expected the HTML found at $('#combobox-unique-id') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Search Salesforce" readonly="" role="textbox" type="text" value="Acme">

    Received:

    "ARIA attributes must conform to valid values (aria-valid-attr-value)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSCombobox › Snapshot Inline Multiple Selection

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('.slds-combobox__form-element') to have no violations:

    Received:

    "Elements must only use allowed ARIA attributes (aria-allowed-attr)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-attr?application=axeAPI

    ────────

    Expected the HTML found at $('#combobox-unique-id') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Search Salesforce" role="textbox" type="text" value="">

    Received:

    "ARIA role must be appropriate for the element (aria-allowed-role)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI

    ────────

    Expected the HTML found at $('#combobox-unique-id') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Search Salesforce" role="textbox" type="text" value="">

    Received:

    "ARIA attributes must conform to valid values (aria-valid-attr-value)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSCombobox › Snapshot Inline Multiple Selection Selected

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('.slds-combobox__form-element') to have no violations:

    Received:

    "Elements must only use allowed ARIA attributes (aria-allowed-attr)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-attr?application=axeAPI

    ────────

    Expected the HTML found at $('#combobox-unique-id') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Search Salesforce" role="textbox" type="text" value="">

    Received:

    "ARIA role must be appropriate for the element (aria-allowed-role)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI

    ────────

    Expected the HTML found at $('#combobox-unique-id') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Search Salesforce" role="textbox" type="text" value="">

    Received:

    "ARIA attributes must conform to valid values (aria-valid-attr-value)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSCombobox › Snapshot Readonly Single Selection

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('.slds-combobox__form-element') to have no violations:

    Received:

    "Elements must only use allowed ARIA attributes (aria-allowed-attr)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-attr?application=axeAPI

    ────────

    Expected the HTML found at $('#combobox-unique-id') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Select an Option" readonly="" role="textbox" type="text" value="">

    Received:

    "ARIA role must be appropriate for the element (aria-allowed-role)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI

    ────────

    Expected the HTML found at $('#combobox-unique-id') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Select an Option" readonly="" role="textbox" type="text" value="">

    Received:

    "ARIA attributes must conform to valid values (aria-valid-attr-value)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSCombobox › Snapshot Readonly Single Selection Selected

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('.slds-combobox__form-element') to have no violations:

    Received:

    "Elements must only use allowed ARIA attributes (aria-allowed-attr)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-attr?application=axeAPI

    ────────

    Expected the HTML found at $('#combobox-unique-id') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Select an Option" readonly="" role="textbox" type="text" value="Acme">

    Received:

    "ARIA role must be appropriate for the element (aria-allowed-role)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI

    ────────

    Expected the HTML found at $('#combobox-unique-id') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Select an Option" readonly="" role="textbox" type="text" value="Acme">

    Received:

    "ARIA attributes must conform to valid values (aria-valid-attr-value)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSCombobox › Snapshot Readonly Single Selection Selected Open

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('.slds-combobox__form-element') to have no violations:

    Received:

    "Elements must only use allowed ARIA attributes (aria-allowed-attr)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-attr?application=axeAPI

    ────────

    Expected the HTML found at $('#combobox-unique-id') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Select an Option" readonly="" role="textbox" type="text" value="Acme">

    Received:

    "ARIA role must be appropriate for the element (aria-allowed-role)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSCombobox › Snapshot Readonly Multiple Selection

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('.slds-combobox__form-element') to have no violations:

    Received:

    "Elements must only use allowed ARIA attributes (aria-allowed-attr)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-attr?application=axeAPI

    ────────

    Expected the HTML found at $('#combobox-unique-id') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Select an Option" readonly="" role="textbox" type="text" value="">

    Received:

    "ARIA role must be appropriate for the element (aria-allowed-role)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI

    ────────

    Expected the HTML found at $('#combobox-unique-id') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Select an Option" readonly="" role="textbox" type="text" value="">

    Received:

    "ARIA attributes must conform to valid values (aria-valid-attr-value)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSCombobox › Snapshot Readonly Multiple Selection Single Item Selected

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('.slds-combobox__form-element') to have no violations:

    Received:

    "Elements must only use allowed ARIA attributes (aria-allowed-attr)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-attr?application=axeAPI

    ────────

    Expected the HTML found at $('#combobox-unique-id') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Select an Option" readonly="" role="textbox" type="text" value="Acme">

    Received:

    "ARIA role must be appropriate for the element (aria-allowed-role)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI

    ────────

    Expected the HTML found at $('#combobox-unique-id') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Select an Option" readonly="" role="textbox" type="text" value="Acme">

    Received:

    "ARIA attributes must conform to valid values (aria-valid-attr-value)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSCombobox › Snapshot Readonly Multiple Selection Multiple Items Selected

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('.slds-combobox__form-element') to have no violations:

    Received:

    "Elements must only use allowed ARIA attributes (aria-allowed-attr)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-attr?application=axeAPI

    ────────

    Expected the HTML found at $('#combobox-unique-id') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Select an Option" readonly="" role="textbox" type="text" value="2 options selected">

    Received:

    "ARIA role must be appropriate for the element (aria-allowed-role)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI

    ────────

    Expected the HTML found at $('#combobox-unique-id') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Select an Option" readonly="" role="textbox" type="text" value="2 options selected">

    Received:

    "ARIA attributes must conform to valid values (aria-valid-attr-value)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSCombobox › Snapshot Readonly Single Selection Custom Menu Item

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('.slds-combobox__form-element') to have no violations:

    Received:

    "Elements must only use allowed ARIA attributes (aria-allowed-attr)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-attr?application=axeAPI

    ────────

    Expected the HTML found at $('#combobox-readonly-single-custom-item') to have no violations:

    <input aria-autocomplete="list" aria-controls="combobox-readonly-single-custom-item-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-readonly-single-custom-item" placeholder="Select company" readonly="" role="textbox" type="text" value="">

    Received:

    "ARIA role must be appropriate for the element (aria-allowed-role)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSFilter › ErrorFilter

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('#sample-panel-filtering-show-me') to have no violations:

    <button class="slds-button_reset slds-grow slds-has-blur-focus" aria-describedby="sample-panel-filtering-show-me-error" id="sample-panel-filtering-show-me" tabindex="0">Edit filter:
Show Me

All Products
</button>

    Received:

    "ARIA attributes must conform to valid values (aria-valid-attr-value)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSDataTable › Advanced (Fixed Layout)

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('#DataTableExample-2-SLDSDataTableRow-8IKZHZZV80-SelectRow') to have no violations:

    <input id="DataTableExample-2-SLDSDataTableRow-8IKZHZZV80-SelectRow" name="SelectRow" type="checkbox">

    Received:

    "Checkbox inputs with the same name attribute value must be part of a group (checkboxgroup)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/checkboxgroup?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSDataTable › Advanced Single Select (Fixed Layout)

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('#DataTableExample-SingleRequiredSelect-SLDSDataTableRow-8IKZHZZV80-SelectRow') to have no violations:

    <input type="radio" id="DataTableExample-SingleRequiredSelect-SLDSDataTableRow-8IKZHZZV80-SelectRow" name="DataTableExample-SingleRequiredSelect-SelectRow" value="">

    Expected the HTML found at $('#DataTableExample-SingleRequiredSelect-SLDSDataTableRow-5GJOOOPWU7-SelectRow') to have no violations:

    <input type="radio" id="DataTableExample-SingleRequiredSelect-SLDSDataTableRow-5GJOOOPWU7-SelectRow" name="DataTableExample-SingleRequiredSelect-SelectRow" value="">

    Expected the HTML found at $('#DataTableExample-SingleRequiredSelect-SLDSDataTableRow-8IKZHZZV81-SelectRow') to have no violations:

    <input type="radio" id="DataTableExample-SingleRequiredSelect-SLDSDataTableRow-8IKZHZZV81-SelectRow" name="DataTableExample-SingleRequiredSelect-SelectRow" value="">

    Received:

    "Form elements must have labels (label)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/label?application=axeAPI

    ────────

    Expected the HTML found at $('#DataTableExample-SingleRequiredSelect-SLDSDataTableRow-8IKZHZZV80-SelectRow') to have no violations:

    <input type="radio" id="DataTableExample-SingleRequiredSelect-SLDSDataTableRow-8IKZHZZV80-SelectRow" name="DataTableExample-SingleRequiredSelect-SelectRow" value="">

    Received:

    "Radio inputs with the same name attribute value must be part of a group (radiogroup)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/radiogroup?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSDataTable › Advanced Single Select (Fixed Header)

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('#DataTableExample-SingleRequiredSelect-SLDSDataTableRow-8IKZHZZV80-SelectRow') to have no violations:

    <input type="radio" id="DataTableExample-SingleRequiredSelect-SLDSDataTableRow-8IKZHZZV80-SelectRow" name="DataTableExample-SingleRequiredSelect-SelectRow" value="">

    Expected the HTML found at $('#DataTableExample-SingleRequiredSelect-SLDSDataTableRow-5GJOOOPWU7-SelectRow') to have no violations:

    <input type="radio" id="DataTableExample-SingleRequiredSelect-SLDSDataTableRow-5GJOOOPWU7-SelectRow" name="DataTableExample-SingleRequiredSelect-SelectRow" value="">

    Expected the HTML found at $('#DataTableExample-SingleRequiredSelect-SLDSDataTableRow-8IKZHZZV81-SelectRow') to have no violations:

    <input type="radio" id="DataTableExample-SingleRequiredSelect-SLDSDataTableRow-8IKZHZZV81-SelectRow" name="DataTableExample-SingleRequiredSelect-SelectRow" value="">

    Received:

    "Form elements must have labels (label)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/label?application=axeAPI

    ────────

    Expected the HTML found at $('#DataTableExample-SingleRequiredSelect-SLDSDataTableRow-8IKZHZZV80-SelectRow') to have no violations:

    <input type="radio" id="DataTableExample-SingleRequiredSelect-SLDSDataTableRow-8IKZHZZV80-SelectRow" name="DataTableExample-SingleRequiredSelect-SelectRow" value="">

    Received:

    "Radio inputs with the same name attribute value must be part of a group (radiogroup)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/radiogroup?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSDataTable › Fixed Header

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('#DataTableExample-FixedHeaders-SLDSDataTableHead-SelectAll') to have no violations:

    <input id="DataTableExample-FixedHeaders-SLDSDataTableHead-SelectAll" name="SelectAll" type="checkbox">

    Expected the HTML found at $('#DataTableExample-FixedHeaders-SLDSDataTableRow-896a6a60-SelectRow') to have no violations:

    <input id="DataTableExample-FixedHeaders-SLDSDataTableRow-896a6a60-SelectRow" name="SelectRow" type="checkbox">

    Received:

    "Checkbox inputs with the same name attribute value must be part of a group (checkboxgroup)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/checkboxgroup?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSGlobalHeader › Search + Navigation

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('#undefinedLookup') to have no violations:

    <input aria-activedescendant="" aria-autocomplete="list" aria-expanded="false" class="slds-input" id="undefinedLookup" placeholder="Search Salesforce" role="combobox" type="text" value="">

    Received:

    "ARIA role must be appropriate for the element (aria-allowed-role)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI

    ────────

    Expected the HTML found at $('#global-header-dropdown-profile-example > .slds-button_icon-container') to have no violations:

    <button class="slds-button slds-button_icon-container" tabindex="0" type="button" aria-haspopup="true">

    Received:

    "Buttons must have discernible text (button-name)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/button-name?application=axeAPI

    ────────

    Expected the HTML found at $('.slds-p-around_xx-small') to have no violations:

    Received:

    "id attribute value must be unique (duplicate-id)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/duplicate-id?application=axeAPI

    ────────

    Expected the HTML found at $('#undefinedLookup') to have no violations:

    <input aria-activedescendant="" aria-autocomplete="list" aria-expanded="false" class="slds-input" id="undefinedLookup" placeholder="Search Salesforce" role="combobox" type="text" value="">

    Received:

    "Form elements must have labels (label)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/label?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSGlobalHeader › Open on Hybrid

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('#undefinedLookup') to have no violations:

    <input aria-activedescendant="" aria-autocomplete="list" aria-expanded="false" class="slds-input" id="undefinedLookup" placeholder="Search Salesforce" role="combobox" type="text" value="">

    Received:

    "ARIA role must be appropriate for the element (aria-allowed-role)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI

    ────────

    Expected the HTML found at $('#global-header-dropdown-profile-example > .slds-button_icon-container') to have no violations:

    <button class="slds-button slds-button_icon-container" tabindex="0" type="button" aria-haspopup="true">

    Received:

    "Buttons must have discernible text (button-name)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/button-name?application=axeAPI

    ────────

    Expected the HTML found at $('.slds-p-around_xx-small') to have no violations:

    Received:

    "id attribute value must be unique (duplicate-id)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/duplicate-id?application=axeAPI

    ────────

    Expected the HTML found at $('#undefinedLookup') to have no violations:

    <input aria-activedescendant="" aria-autocomplete="list" aria-expanded="false" class="slds-input" id="undefinedLookup" placeholder="Search Salesforce" role="combobox" type="text" value="">

    Received:

    "Form elements must have labels (label)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/label?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSGlobalHeader › Fewer Elements

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('#global-header-dropdown-profile-example > button') to have no violations:

    <button class="slds-button slds-button_icon-container" tabindex="0" type="button" aria-haspopup="true">

    Received:

    "Buttons must have discernible text (button-name)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/button-name?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSGlobalHeader › With custom <Avatar/>

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('#undefinedLookup') to have no violations:

    <input aria-activedescendant="" aria-autocomplete="list" aria-expanded="false" class="slds-input" id="undefinedLookup" placeholder="Search Salesforce" role="combobox" type="text" value="">

    Received:

    "ARIA role must be appropriate for the element (aria-allowed-role)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI

    ────────

    Expected the HTML found at $('.slds-p-around_xx-small') to have no violations:

    Received:

    "id attribute value must be unique (duplicate-id)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/duplicate-id?application=axeAPI

    ────────

    Expected the HTML found at $('#undefinedLookup') to have no violations:

    <input aria-activedescendant="" aria-autocomplete="list" aria-expanded="false" class="slds-input" id="undefinedLookup" placeholder="Search Salesforce" role="combobox" type="text" value="">

    Received:

    "Form elements must have labels (label)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/label?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSGlobalHeader › Doc site Default

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('#undefinedLookup') to have no violations:

    <input aria-activedescendant="" aria-autocomplete="list" aria-expanded="false" class="slds-input" id="undefinedLookup" placeholder="Search Salesforce" role="combobox" type="text" value="">

    Received:

    "ARIA role must be appropriate for the element (aria-allowed-role)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI

    ────────

    Expected the HTML found at $('#global-header-profile-example > .slds-button_icon-container[aria-haspopup="true"]') to have no violations:

    <button class="slds-button slds-button_icon-container" tabindex="0" type="button" aria-haspopup="true"></button>

    Received:

    "Buttons must have discernible text (button-name)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/button-name?application=axeAPI

    ────────

    Expected the HTML found at $('#undefinedLookup') to have no violations:

    <input aria-activedescendant="" aria-autocomplete="list" aria-expanded="false" class="slds-input" id="undefinedLookup" placeholder="Search Salesforce" role="combobox" type="text" value="">

    Received:

    "Form elements must have labels (label)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/label?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSInput › Field Level Help

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('button') to have no violations:

    <button class="slds-button slds-button_icon" type="button" aria-disabled="true" aria-describedby="field-level-help-tooltip">

    Received:

    "ARIA attributes must conform to valid values (aria-valid-attr-value)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSIllustration › Large Image and Text

    TypeError: Cannot add property height, object is not extensible

      79 | 	// large illustration svg should have a default height of 400px if not already specified
      80 | 	if (illustrationSvg && size === 'large' && !style.height) {
    > 81 | 		style.height = '400px';
         | 		^
      82 | 	}
      83 | 	return (
      84 | 		<div

      at Illustration (../components/illustration/index.jsx:81:3)
      at mountIndeterminateComponent (../node_modules/react-dom/cjs/react-dom.development.js:13381:13)
      at beginWork (../node_modules/react-dom/cjs/react-dom.development.js:13821:14)
      at performUnitOfWork (../node_modules/react-dom/cjs/react-dom.development.js:15864:12)
      at workLoop (../node_modules/react-dom/cjs/react-dom.development.js:15903:24)
      at renderRoot (../node_modules/react-dom/cjs/react-dom.development.js:15943:7)
      at performWorkOnRoot (../node_modules/react-dom/cjs/react-dom.development.js:16561:22)
      at performWork (../node_modules/react-dom/cjs/react-dom.development.js:16483:7)
      at performSyncWork (../node_modules/react-dom/cjs/react-dom.development.js:16455:3)
      at requestWork (../node_modules/react-dom/cjs/react-dom.development.js:16355:5)
      at scheduleWork$1 (../node_modules/react-dom/cjs/react-dom.development.js:16219:11)
      at scheduleRootUpdate (../node_modules/react-dom/cjs/react-dom.development.js:16786:3)
      at updateContainerAtExpirationTime (../node_modules/react-dom/cjs/react-dom.development.js:16813:10)
      at updateContainer (../node_modules/react-dom/cjs/react-dom.development.js:16840:10)
      at ReactRoot.Object.<anonymous>.ReactRoot.render (../node_modules/react-dom/cjs/react-dom.development.js:17123:3)
      at ../node_modules/react-dom/cjs/react-dom.development.js:17263:14
      at unbatchedUpdates (../node_modules/react-dom/cjs/react-dom.development.js:16680:10)
      at legacyRenderSubtreeIntoContainer (../node_modules/react-dom/cjs/react-dom.development.js:17259:5)
      at Object.render (../node_modules/react-dom/cjs/react-dom.development.js:17318:12)
      at Object.render (../node_modules/enzyme-adapter-react-16/build/ReactSixteenAdapter.js:253:114)
      at new ReactWrapper (../node_modules/enzyme/build/ReactWrapper.js:116:16)
      at mount (../node_modules/enzyme/build/mount.js:21:10)
      at _callee$ (story-based-accessibility-tests.js:46:20)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)
      at story-based-accessibility-tests.js:391:477
      at story-based-accessibility-tests.js:391:97
      at test (story-based-accessibility-tests.js:44:3)
      at Object.<anonymous> (../node_modules/@storybook/addon-storyshots/dist/index.js:125:20)

  ● aXe Testing › aXe storyshots › SLDSPageHeader › Record Home (truncates)

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('p[aria-describedby="page-header-truncate-tooltip"]') to have no violations:

here is a super long description that will truncate and the rest of it will show in the tooltip.

    Received:

    "ARIA attributes must conform to valid values (aria-valid-attr-value)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSPageHeader › Related List

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('.slds-m-bottom_xx-small') to have no violations:

    Expected the HTML found at $('nav[aria-label="Breadcrumbs"]') to have no violations:

    Received:

    "ARIA role must be appropriate for the element (aria-allowed-role)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSPageHeader › Docs site RelatedList

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('.slds-m-bottom_xx-small') to have no violations:

    Expected the HTML found at $('nav[aria-label="Breadcrumbs"]') to have no violations:

    Received:

    "ARIA role must be appropriate for the element (aria-allowed-role)"

    Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI

      45 | 			const component = story.render(context);
      46 | 			const wrapper = mount(component);
    > 47 | 			expect(await axe(wrapper.html())).toHaveNoViolations();
         | 			                                  ^
      48 | 		},
      49 | 	});
      50 | });

      at _callee$ (story-based-accessibility-tests.js:47:38)
      at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21)
      at step (story-based-accessibility-tests.js:391:221)
      at _next (story-based-accessibility-tests.js:391:409)

  ● aXe Testing › aXe storyshots › SLDSProgressIndicator › Base

    expect(received).toHaveNoViolations(expected)

    Expected the HTML found at $('button[aria-describedby="progress-indicator-tooltip-0"]') to have no violations:

    <button class="slds-button slds-progress__marker" aria-describedby="progress-indicator-tooltip-0" aria-current="step">This is custom text in the assistive text key</button>

    Expected the HTML found at $('button[aria-describedby="progress-indicator-tooltip-1"]') to have no violations:

    <button class="slds-button slds-progress__marker" aria-describedby="progress-indicator-tooltip-1">Step 2: tooltip label #2</button>