-
-

- Axe-core® Accessibility Results -

-
-
- Page URL: - https://dequeuniversity.com/demo/mars/ -
-
-
-

axe-core found 85 violations

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
#DescriptionAxe rule IDWCAGImpactCount
1Buttons must have discernible textbutton-nameWCAG 2 Level A, WCAG 4.1.2critical1
2Elements must have sufficient color contrastcolor-contrastWCAG 2 Level AA, WCAG 1.4.3serious11
3IDs of active elements must be uniqueduplicate-id-activeWCAG 2 Level A, WCAG 4.1.1serious1
4id attribute value must be uniqueduplicate-idWCAG 2 Level A, WCAG 4.1.1minor10
5Frames must have title attributeframe-titleWCAG 2 Level A, WCAG 2.4.1, WCAG 4.1.2serious2
6<html> element must have a lang attributehtml-has-langWCAG 2 Level A, WCAG 3.1.1serious1
7Images must have alternate textimage-altWCAG 2 Level A, WCAG 1.1.1critical4
8Form elements must have labelslabelWCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1critical1
9Document must have one main landmarklandmark-one-mainBest practicemoderate4
10Ensures landmarks are uniquelandmark-uniqueBest practicemoderate1
11Links must be distinguished from surrounding text in a way that does not rely on colorlink-in-text-blockWCAG 2 Level A, WCAG 1.4.1serious1
12Links must have discernible textlink-nameWCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4serious8
13All page content must be contained by landmarksregionBest practicemoderate37
14Elements should not have tabindex greater than zerotabindexBest practiceserious3
-

Failed

-
-
-
-

- 1. Buttons must have discernible text -

- Learn more -
-
-

button-name

-

- WCAG 2 Level A, WCAG 4.1.2 -

-
-
-

Ensures buttons have discernible text

-

- critical -

-
-
-

- Issue Tags: - cat.name-role-value - - wcag2a - - wcag412 - - section508 - - section508.22.a -

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

Element location

- 
.departure-date > .ui-datepicker-trigger:nth-child(4)
-

Element source

- 
<button class="ui-datepicker-trigger" type="button">
-<!-- <img title="..." alt="..." src="/redesign/assets/demo-sites/mars/images/calendar.png"> -->
-</button>
- 		-
-

Fix any of the following:

-
    -
  • Element does not have inner text that is visible to screen readers
    • -
  • aria-label attribute does not exist or is empty
    • -
  • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
    • -
  • Element's default semantics were not overridden with role="presentation"
    • -
  • Element's default semantics were not overridden with role="none"
    • -
  • Element has no title attribute or the title attribute is empty
    • -
-
-
-
-
-
-
-
-
-

- 2. Elements must have sufficient color contrast -

- Learn more -
-
-

color-contrast

-

- WCAG 2 Level AA, WCAG 1.4.3 -

-
-
-

Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds

-

- serious -

-
-
-

- Issue Tags: - cat.color - - wcag2aa - - wcag143 -

-
-
- - - - - - - - - - - - - @@ -10714,7 +8942,6 @@ img[src$="jot"] - @@ -10722,7 +8949,6 @@ img[src$="jot"] - @@ -10730,7 +8956,6 @@ img[src$="jot"] - @@ -10738,7 +8963,6 @@ img[src$="jot"] - @@ -10746,7 +8970,6 @@ img[src$="jot"] - @@ -10754,7 +8977,6 @@ img[src$="jot"] - @@ -10762,7 +8984,6 @@ img[src$="jot"] - @@ -10770,7 +8991,6 @@ img[src$="jot"] - @@ -10778,7 +8998,6 @@ img[src$="jot"] - @@ -10786,7 +9005,6 @@ img[src$="jot"] - @@ -10794,7 +9012,6 @@ img[src$="jot"] - @@ -10802,7 +9019,6 @@ img[src$="jot"] - @@ -10810,7 +9026,6 @@ img[src$="jot"] - @@ -10818,7 +9033,6 @@ img[src$="jot"] - @@ -10826,7 +9040,6 @@ img[src$="jot"] - @@ -10834,7 +9047,6 @@ img[src$="jot"] - @@ -10842,7 +9054,6 @@ img[src$="jot"] - @@ -10850,7 +9061,6 @@ img[src$="jot"] - @@ -10858,7 +9068,6 @@ img[src$="jot"] - @@ -10866,7 +9075,6 @@ img[src$="jot"] - @@ -10874,7 +9082,6 @@ img[src$="jot"] - @@ -10882,7 +9089,6 @@ img[src$="jot"] - @@ -10890,7 +9096,6 @@ img[src$="jot"] - @@ -10898,7 +9103,6 @@ img[src$="jot"] - @@ -10906,7 +9110,6 @@ img[src$="jot"] - @@ -10914,7 +9117,6 @@ img[src$="jot"] - @@ -10922,7 +9124,6 @@ img[src$="jot"] - @@ -10930,7 +9131,6 @@ img[src$="jot"] - @@ -10938,7 +9138,6 @@ img[src$="jot"] - @@ -10946,7 +9145,6 @@ img[src$="jot"] - @@ -10954,7 +9152,6 @@ img[src$="jot"] - @@ -10962,7 +9159,6 @@ img[src$="jot"] - @@ -10970,7 +9166,6 @@ img[src$="jot"] - @@ -10978,7 +9173,6 @@ img[src$="jot"] - @@ -10986,7 +9180,6 @@ img[src$="jot"] - @@ -10994,7 +9187,6 @@ img[src$="jot"] - @@ -11002,7 +9194,6 @@ img[src$="jot"] - @@ -11070,7 +9261,6 @@ img[src$="jot"] - @@ -11078,7 +9268,6 @@ img[src$="jot"] - @@ -11086,7 +9275,6 @@ img[src$="jot"] - @@ -11151,238 +9339,204 @@ img[src$="jot"] - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - @@ -11413,6 +9567,9 @@ exports[`Successful tests No violations found, passes, incomplete, url + reportF
#Issue Description - To solve this violation, you need to... -
1 -

Element location

- 
:root > h3
-

Element source

- 
<h3>Be Bold...</h3>
- 		-
-

Fix any of the following:

-
    -
  • Element has insufficient color contrast of 4.31 (foreground color: #ff9999, background color: #344b6e, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1
    • -
-
-

Related node:

- 
body
+

Related node:

+ 
body
WCAG 2 Level A, WCAG 4.1.2 10
2 ARIA role must be appropriate for the element Best practice 14
3 aria-hidden='true' must not be present on the document body WCAG 2 Level A, WCAG 4.1.2 1
4 ARIA hidden element must not contain focusable elements WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 2
5 Required ARIA attributes must be provided WCAG 2 Level A, WCAG 4.1.2 13
6 Certain ARIA roles must contain particular children WCAG 2 Level A, WCAG 1.3.1 13
7 Certain ARIA roles must be contained by particular parents WCAG 2 Level A, WCAG 1.3.1 13
8 ARIA roles used must conform to valid values WCAG 2 Level A, WCAG 4.1.2 13
9 ARIA attributes must conform to valid values WCAG 2 Level A, WCAG 4.1.2 10
10 ARIA attributes must conform to valid names WCAG 2 Level A, WCAG 4.1.2 10
11 autocomplete attribute must be used correctly WCAG 2.1 Level AA, WCAG 1.3.5 3
12 Inline text spacing must be adjustable with custom stylesheets WCAG 2.1 Level AA, WCAG 1.4.1.2 8
13 Buttons must have discernible text WCAG 2 Level A, WCAG 4.1.2 12
14 Page must have means to bypass repeated blocks WCAG 2 Level A, WCAG 2.4.1 1
15 Documents must have <title> element to aid in navigation WCAG 2 Level A, WCAG 2.4.2 1
16 IDs used in ARIA and labels must be unique WCAG 2 Level A, WCAG 4.1.1 7
17 id attribute value must be unique WCAG 2 Level A, WCAG 4.1.1 20
18 Headings must not be empty Best practice 6
19 Form field should not have multiple label elements WCAG 2 Level A, WCAG 3.3.2 17
20 Heading levels should only increase by one Best practice 6
21 Hidden content on the page cannot be analyzed Best practice 434
22 <html> element must have a lang attribute WCAG 2 Level A, WCAG 3.1.1 1
23 <html> element must have a valid value for the lang attribute WCAG 2 Level A, WCAG 3.1.1 1
24 Elements must have their visible text as part of their accessible name WCAG 2.1 Level A, WCAG 2.5.3 1
25 Form elements should have a visible label Best practice 17
26 Form elements must have labels WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 12
27 Links must be distinguished from surrounding text in a way that does not rely on color WCAG 2 Level A, WCAG 1.4.1 1
28 Links must have discernible text WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 5
29 <ul> and <ol> must only directly contain <li>, <script> or <template> elements WCAG 2 Level A, WCAG 1.3.1 1
30 <li> elements must be contained in a <ul> or <ol> WCAG 2 Level A, WCAG 1.3.1 3
31 Users should be able to zoom and scale the text up to 500% Best practice 1
32 Zooming and scaling must not be disabled Best practice 1
33 Page must contain a level-one heading Best practice 1
34 All page content must be contained by landmarks Best practice 280
35 Elements should not have tabindex greater than zero Best practice 5
36 The <caption> element should not contain the same text as the summary attribute Best practice 1
37 Data or header cells should not be used to give caption to a data table. WCAG 2 Level A, WCAG 1.3.1 1
38 All cells in a table element that use the headers attribute must only refer to other cells of that same table WCAG 2 Level AA, WCAG 1.4.3 132
2 Hidden content on the page cannot be analyzed Best practice 60
3 Links must be distinguished from surrounding text in a way that does not rely on color WCAG 2 Level A, WCAG 1.4.1 22
4 <video> elements must have captions accesskeys Best practice
2 Active <area> elements must have alternate text area-alt WCAG 2 Level A, WCAG 1.1.1, WCAG 2.4.4, WCAG 4.1.2
3 ARIA input fields must have an accessible name aria-input-field-name WCAG 2 Level A, WCAG 4.1.2
4 Use aria-roledescription on elements with a semantic role aria-roledescription WCAG 2 Level A, WCAG 4.1.2
5 ARIA toggle fields have an accessible name aria-toggle-field-name WCAG 2 Level A, WCAG 4.1.2
6 <audio> elements must have a captions track audio-caption WCAG 2 Level A, WCAG 1.2.1
7 <blink> elements are deprecated and must not be used blink WCAG 2 Level A, WCAG 2.2.2
8 <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
9 <dt> and <dd> elements must be contained by a <dl> dlitem WCAG 2 Level A, WCAG 1.3.1
10 Elements in the focus order need a role appropriate for interactive content focus-order-semantics Best practice
11 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
12 Image buttons must have alternate text input-image-alt WCAG 2 Level A, WCAG 1.1.1
13 Elements must have their visible text as part of their accessible name label-content-name-mismatch WCAG 2.1 Level A, WCAG 2.5.3
14 Banner landmark must not be contained in another landmark landmark-banner-is-top-level Best practice
15 Aside must not be contained in another landmark landmark-complementary-is-top-level Best practice
16 Contentinfo landmark must not be contained in another landmark landmark-contentinfo-is-top-level Best practice
17 Main landmark must not be contained in another landmark landmark-main-is-top-level Best practice
18 Document must not have more than one banner landmark landmark-no-duplicate-banner Best practice
19 Document must not have more than one contentinfo landmark landmark-no-duplicate-contentinfo Best practice
20 Document must not have more than one main landmark landmark-no-duplicate-main Best practice
21 <marquee> elements are deprecated and must not be used marquee WCAG 2 Level A, WCAG 2.2.2
22 Timed refresh must not exist meta-refresh WCAG 2 Level A, WCAG 2 Level AAA, WCAG 2.2.1, WCAG 2.2.4, WCAG 3.2.5
23 <object> elements must have alternate text object-alt WCAG 2 Level A, WCAG 1.1.1
24 Bold, italic text and font-size are not used to style p elements as a heading p-as-heading WCAG 2 Level A, WCAG 1.3.1
25 [role='img'] elements have an alternative text role-img-alt WCAG 2 Level A, WCAG 1.1.1
26 scope attribute should be used correctly scope-attr-valid Best practice
27 Ensure that scrollable region has keyboard access scrollable-region-focusable WCAG 2 Level A, WCAG 2.1.1
28 Server-side image maps must not be used server-side-image-map WCAG 2 Level A, WCAG 2.1.1
29 The skip-link target should exist and be focusable skip-link Best practice
30 svg elements with an img role have an alternative text svg-img-alt WCAG 2 Level A, WCAG 1.1.1
31 Data or header cells should not be used to give caption to a data table. table-fake-caption WCAG 2 Level A, WCAG 1.3.1
32 All non-empty td element in table larger than 3 by 3 must have an associated table header td-has-header WCAG 2 Level A, WCAG 1.3.1
33 All th elements and elements with role=columnheader/rowheader must have data cells they describe th-has-data-cells WCAG 2 Level A, WCAG 1.3.1
34 lang attribute must have a valid value valid-lang WCAG 2 Level AA, WCAG 3.1.2
35 <video> or <audio> elements do not autoplay audio