Axe-core® Accessibility Results

Page URL: https://www.saucedemo.com/

axe-core found 6 violations

# Description Axe rule ID WCAG Impact Count
1 Document should have one main landmark landmark-one-main Best practice moderate 1
2 Page should contain a level-one heading page-has-heading-one Best practice moderate 1
3 All page content should be contained by landmarks region Best practice moderate 4

Failed

1. Document should have one main landmark

Learn more

landmark-one-main

Best practice

Ensure the document has a main landmark

moderate

Issue Tags: cat.semantics best-practice

# Issue Description To solve this violation, you need to...
1

Element location

html

Element source

<html lang="en">

Fix all of the following:

  • Document does not have a main landmark

2. Page should contain a level-one heading

Learn more

page-has-heading-one

Best practice

Ensure that the page, or at least one of its frames contains a level-one heading

moderate

Issue Tags: cat.semantics best-practice

# Issue Description To solve this violation, you need to...
1

Element location

html

Element source

<html lang="en">

Fix all of the following:

  • Page must have a level-one heading

3. All page content should be contained by landmarks

Learn more

region

Best practice

Ensure all page content is contained by landmarks

moderate

Issue Tags: cat.keyboard best-practice

# Issue Description To solve this violation, you need to...
1

Element location

.login_logo

Element source

<div class="login_logo">Swag Labs</div>

Fix any of the following:

  • Some page content is not contained by landmarks
2

Element location

.form_group:nth-child(1)

Element source

<div class="form_group"><input class="input_error form_input" placeholder="Username" type="text" data-test="username" id="user-name" name="user-name" autocorrect="off" autocapitalize="none" value=""></div>

Fix any of the following:

  • Some page content is not contained by landmarks
3

Element location

.form_group:nth-child(2)

Element source

<div class="form_group"><input class="input_error form_input" placeholder="Password" type="password" data-test="password" id="password" name="password" autocorrect="off" autocapitalize="none" value=""></div>

Fix any of the following:

  • Some page content is not contained by landmarks
4

Element location

.login_credentials_wrap

Element source

<div class="login_credentials_wrap" data-test="login-credentials-container">

Fix any of the following:

  • Some page content is not contained by landmarks

# Description Axe rule ID WCAG Nodes passed check
1 aria-hidden="true" must not be present on the document body aria-hidden-body WCAG 2 Level A, WCAG 1.3.1, WCAG 4.1.2 1
2 Elements must meet minimum color contrast ratio thresholds color-contrast WCAG 2 Level AA, WCAG 1.4.3 8
3 Documents must have <title> element to aid in navigation document-title WCAG 2 Level A, WCAG 2.4.2 1
4 Headings should not be empty empty-heading Best practice 2
5 Form field must not have multiple label elements form-field-multiple-labels WCAG 2 Level A, WCAG 3.3.2 2
6 Heading levels should only increase by one heading-order Best practice 2
7 <html> element must have a lang attribute html-has-lang WCAG 2 Level A, WCAG 3.1.1 1
8 <html> element must have a valid value for the lang attribute html-lang-valid WCAG 2 Level A, WCAG 3.1.1 1
9 Input buttons must have discernible text input-button-name WCAG 2 Level A, WCAG 4.1.2 1
10 Form elements should have a visible label label-title-only Best practice 2
11 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2 2
12 Users should be able to zoom and scale the text up to 500% meta-viewport-large Best practice 1
13 Zooming and scaling must not be disabled meta-viewport WCAG 2 Level AA, WCAG 1.4.4 1
14 Interactive controls must not be nested nested-interactive WCAG 2 Level A, WCAG 4.1.2 1
15 All page content should be contained by landmarks region Best practice 22

What 'incomplete' axe checks means?

Incomplete results were aborted and require further testing. This can happen either because of technical restrictions to what the rule can test, or because a javascript error occurred.

Visit axe API Documentation to learn more.

What 'inapplicable' axe checks means?

The inapplicable array lists all the rules for which no matching elements were found on the page.

Visit axe API Documentation to learn more.

# Description Axe rule ID WCAG
1 accesskey attribute value should be unique accesskeys Best practice
2 Active <area> elements must have alternative text area-alt WCAG 2 Level A, WCAG 2.4.4, WCAG 4.1.2
3 Elements must only use supported ARIA attributes aria-allowed-attr WCAG 2 Level A, WCAG 4.1.2
4 ARIA role should be appropriate for the element aria-allowed-role Best practice
5 aria-braille attributes must have a non-braille equivalent aria-braille-equivalent WCAG 2 Level A, WCAG 4.1.2
6 ARIA commands must have an accessible name aria-command-name WCAG 2 Level A, WCAG 4.1.2
7 ARIA attributes must be used as specified for the element's role aria-conditional-attr WCAG 2 Level A, WCAG 4.1.2
8 Deprecated ARIA roles must not be used aria-deprecated-role WCAG 2 Level A, WCAG 4.1.2
9 ARIA dialog and alertdialog nodes should have an accessible name aria-dialog-name Best practice
10 ARIA hidden element must not be focusable or contain focusable elements aria-hidden-focus WCAG 2 Level A, WCAG 4.1.2
11 ARIA input fields must have an accessible name aria-input-field-name WCAG 2 Level A, WCAG 4.1.2
12 ARIA meter nodes must have an accessible name aria-meter-name WCAG 2 Level A, WCAG 1.1.1
13 ARIA progressbar nodes must have an accessible name aria-progressbar-name WCAG 2 Level A, WCAG 1.1.1
14 Elements must only use permitted ARIA attributes aria-prohibited-attr WCAG 2 Level A, WCAG 4.1.2
15 Required ARIA attributes must be provided aria-required-attr WCAG 2 Level A, WCAG 4.1.2
16 Certain ARIA roles must contain particular children aria-required-children WCAG 2 Level A, WCAG 1.3.1
17 Certain ARIA roles must be contained by particular parents aria-required-parent WCAG 2 Level A, WCAG 1.3.1
18 ARIA roles used must conform to valid values aria-roles WCAG 2 Level A, WCAG 4.1.2
19 "role=text" should have no focusable descendants aria-text Best practice
20 ARIA toggle fields must have an accessible name aria-toggle-field-name WCAG 2 Level A, WCAG 4.1.2
21 ARIA tooltip nodes must have an accessible name aria-tooltip-name WCAG 2 Level A, WCAG 4.1.2
22 ARIA treeitem nodes should have an accessible name aria-treeitem-name Best practice
23 ARIA attributes must conform to valid values aria-valid-attr-value WCAG 2 Level A, WCAG 4.1.2
24 ARIA attributes must conform to valid names aria-valid-attr WCAG 2 Level A, WCAG 4.1.2
25 autocomplete attribute must be used correctly autocomplete-valid WCAG 2.1 Level AA, WCAG 1.3.5
26 Inline text spacing must be adjustable with custom stylesheets avoid-inline-spacing WCAG 2.1 Level AA, WCAG 1.4.1.2
27 <blink> elements are deprecated and must not be used blink WCAG 2 Level A, WCAG 2.2.2
28 Buttons must have discernible text button-name WCAG 2 Level A, WCAG 4.1.2
29 Page must have means to bypass repeated blocks bypass WCAG 2 Level A, WCAG 2.4.1
30 <dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements definition-list WCAG 2 Level A, WCAG 1.3.1
31 <dt> and <dd> elements must be contained by a <dl> dlitem WCAG 2 Level A, WCAG 1.3.1
32 IDs used in ARIA and labels must be unique duplicate-id-aria WCAG 2 Level A, WCAG 4.1.2
33 Table header text should not be empty empty-table-header Best practice
34 Frames with focusable content must not have tabindex=-1 frame-focusable-content WCAG 2 Level A, WCAG 2.1.1
35 Frames should be tested with axe-core frame-tested Best practice
36 Frames must have a unique title attribute frame-title-unique WCAG 2 Level A, WCAG 4.1.2
37 Frames must have an accessible name frame-title WCAG 2 Level A, WCAG 4.1.2
38 HTML elements with lang and xml:lang must have the same base language html-xml-lang-mismatch WCAG 2 Level A, WCAG 3.1.1
39 Images must have alternative text image-alt WCAG 2 Level A, WCAG 1.1.1
40 Alternative text of images should not be repeated as text image-redundant-alt Best practice
41 Image buttons must have alternative text input-image-alt WCAG 2 Level A, WCAG 1.1.1, WCAG 4.1.2
42 Banner landmark should not be contained in another landmark landmark-banner-is-top-level Best practice
43 Aside should not be contained in another landmark landmark-complementary-is-top-level Best practice
44 Contentinfo landmark should not be contained in another landmark landmark-contentinfo-is-top-level Best practice
45 Main landmark should not be contained in another landmark landmark-main-is-top-level Best practice
46 Document should not have more than one banner landmark landmark-no-duplicate-banner Best practice
47 Document should not have more than one contentinfo landmark landmark-no-duplicate-contentinfo Best practice
48 Document should not have more than one main landmark landmark-no-duplicate-main Best practice
49 Landmarks should have a unique role or role/label/title (i.e. accessible name) combination landmark-unique Best practice
50 Links must be distinguishable without relying on color link-in-text-block WCAG 2 Level A, WCAG 1.4.1
51 Links must have discernible text link-name WCAG 2 Level A, WCAG 2.4.4, WCAG 4.1.2
52 <ul> and <ol> must only directly contain <li>, <script> or <template> elements list WCAG 2 Level A, WCAG 1.3.1
53 <li> elements must be contained in a <ul> or <ol> listitem WCAG 2 Level A, WCAG 1.3.1
54 <marquee> elements are deprecated and must not be used marquee WCAG 2 Level A, WCAG 2.2.2
55 Delayed refresh under 20 hours must not be used meta-refresh WCAG 2 Level A, WCAG 2.2.1
56 <object> elements must have alternative text object-alt WCAG 2 Level A, WCAG 1.1.1
57 Ensure elements marked as presentational are consistently ignored presentation-role-conflict Best practice
58 [role="img"] elements must have an alternative text role-img-alt WCAG 2 Level A, WCAG 1.1.1
59 scope attribute should be used correctly scope-attr-valid Best practice
60 Scrollable region must have keyboard access scrollable-region-focusable WCAG 2 Level A, WCAG 2.1.1, WCAG 2.1.3
61 Select element must have an accessible name select-name WCAG 2 Level A, WCAG 4.1.2
62 Server-side image maps must not be used server-side-image-map WCAG 2 Level A, WCAG 2.1.1
63 The skip-link target should exist and be focusable skip-link Best practice
64 Summary elements must have discernible text summary-name WCAG 2 Level A, WCAG 4.1.2
65 <svg> elements with an img role must have an alternative text svg-img-alt WCAG 2 Level A, WCAG 1.1.1
66 Elements should not have tabindex greater than zero tabindex Best practice
67 Tables should not have the same summary and caption table-duplicate-name Best practice
68 Table cells that use the headers attribute must only refer to cells in the same table td-headers-attr WCAG 2 Level A, WCAG 1.3.1
69 Table headers in a data table must refer to data cells th-has-data-cells WCAG 2 Level A, WCAG 1.3.1
70 lang attribute must have a valid value valid-lang WCAG 2 Level AA, WCAG 3.1.2
71 <video> elements must have captions video-caption WCAG 2 Level A, WCAG 1.2.2
72 <video> or <audio> elements must not play automatically no-autoplay-audio WCAG 2 Level A, WCAG 1.4.2