From 750cf887c80f8d2482794286c19a4516fbf5db60 Mon Sep 17 00:00:00 2001 From: Liliia Pelypenko <2556875+lpelypenko@users.noreply.github.com> Date: Wed, 21 Aug 2024 14:53:29 +0900 Subject: [PATCH 1/2] fix link color violation and incorrect tbody --- artifacts/accessibilityReport.html | 3 + artifacts/tcAllPassedOnlyViolations.html | 3 + artifacts/tcInapplicablePresent.html | 77 +- artifacts/tcIncludingCustomSummary.html | 3 + artifacts/tcOnlyPasses.html | 3 + artifacts/tcPassesAndViolations.html | 40 +- artifacts/tcWithTheKey.html | 43 +- artifacts/tsAllOptionalParametersPresent.html | 74 +- artifacts/urlIsNotPassed.html | 3 + docs/index.html | 164 +- src/util/template/pageTemplate.html | 11 +- temp/tcPassesViolationsIncomplete.html | 43 +- test/__snapshots__/index.test.ts.snap | 2415 ++--------------- 13 files changed, 201 insertions(+), 2681 deletions(-) diff --git a/artifacts/accessibilityReport.html b/artifacts/accessibilityReport.html index ba3a153..22428f0 100644 --- a/artifacts/accessibilityReport.html +++ b/artifacts/accessibilityReport.html @@ -5,6 +5,9 @@ - - - - - - - - Axe-core® Accessibility Results - - -
-

- 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 -
-
-
- - - - - - - - - - - - - @@ -10636,7 +8877,6 @@ img[src$="jot"] - @@ -10644,7 +8884,6 @@ img[src$="jot"] - @@ -10652,7 +8891,6 @@ img[src$="jot"] - @@ -10660,7 +8898,6 @@ img[src$="jot"] - @@ -10668,7 +8905,6 @@ img[src$="jot"] - @@ -10676,7 +8912,6 @@ img[src$="jot"] - @@ -10684,7 +8919,6 @@ img[src$="jot"] - @@ -10692,7 +8926,6 @@ img[src$="jot"] - @@ -10700,7 +8933,6 @@ img[src$="jot"] - @@ -10708,7 +8940,6 @@ img[src$="jot"] - @@ -10716,7 +8947,6 @@ img[src$="jot"] - @@ -10724,7 +8954,6 @@ img[src$="jot"] - @@ -10732,7 +8961,6 @@ img[src$="jot"] - @@ -10740,7 +8968,6 @@ img[src$="jot"] - @@ -10748,7 +8975,6 @@ img[src$="jot"] - @@ -10756,7 +8982,6 @@ img[src$="jot"] - @@ -10764,7 +8989,6 @@ img[src$="jot"] - @@ -10772,7 +8996,6 @@ img[src$="jot"] - @@ -10780,7 +9003,6 @@ img[src$="jot"] - @@ -10788,7 +9010,6 @@ img[src$="jot"] - @@ -10796,7 +9017,6 @@ img[src$="jot"] - @@ -10804,7 +9024,6 @@ img[src$="jot"] - @@ -10812,7 +9031,6 @@ img[src$="jot"] - @@ -10820,7 +9038,6 @@ img[src$="jot"] - @@ -10828,7 +9045,6 @@ img[src$="jot"] - @@ -10836,7 +9052,6 @@ img[src$="jot"] - @@ -10844,7 +9059,6 @@ img[src$="jot"] - @@ -10852,7 +9066,6 @@ img[src$="jot"] - @@ -10860,7 +9073,6 @@ img[src$="jot"] - @@ -10868,7 +9080,6 @@ img[src$="jot"] - @@ -10876,7 +9087,6 @@ img[src$="jot"] - @@ -10884,7 +9094,6 @@ img[src$="jot"] - @@ -10892,7 +9101,6 @@ img[src$="jot"] - @@ -10900,7 +9108,6 @@ img[src$="jot"] - @@ -10908,7 +9115,6 @@ img[src$="jot"] - @@ -10916,7 +9122,6 @@ img[src$="jot"] - @@ -10924,7 +9129,6 @@ img[src$="jot"] - @@ -10992,7 +9196,6 @@ img[src$="jot"] - @@ -11000,7 +9203,6 @@ img[src$="jot"] - @@ -11008,7 +9210,6 @@ img[src$="jot"] - @@ -11073,238 +9274,204 @@ img[src$="jot"] - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - @@ -11335,6 +9502,9 @@ exports[`Successful tests No violations found, passes, incomplete, url + reportF - - - - - - - - Axe-core® Accessibility Results - - -
-

- Axe-core® Accessibility Results -

-
-
- Page URL: - https://dequeuniversity.com/demo/mars/ -
-
-
-
axe-core found 85 violations
-
#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
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - +
+
+
+

+ +

+
+
+
+
#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 zero
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#DescriptionAxe rule IDWCAGNodes passed check
1Elements must only use allowed ARIA attributesaria-allowed-attrWCAG 2 Level A, WCAG 4.1.210
2ARIA role must be appropriate for the elementaria-allowed-roleBest practice14
3aria-hidden='true' must not be present on the document bodyaria-hidden-bodyWCAG 2 Level A, WCAG 4.1.21
4ARIA hidden element must not contain focusable elementsaria-hidden-focusWCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.12
5Required ARIA attributes must be providedaria-required-attrWCAG 2 Level A, WCAG 4.1.213
6Certain ARIA roles must contain particular childrenaria-required-childrenWCAG 2 Level A, WCAG 1.3.113
7Certain ARIA roles must be contained by particular parentsaria-required-parentWCAG 2 Level A, WCAG 1.3.113
8ARIA roles used must conform to valid valuesaria-rolesWCAG 2 Level A, WCAG 4.1.213
9ARIA attributes must conform to valid valuesaria-valid-attr-valueWCAG 2 Level A, WCAG 4.1.210
10ARIA attributes must conform to valid namesaria-valid-attrWCAG 2 Level A, WCAG 4.1.210
11autocomplete attribute must be used correctlyautocomplete-validWCAG 2.1 Level AA, WCAG 1.3.53
12Inline text spacing must be adjustable with custom stylesheetsavoid-inline-spacingWCAG 2.1 Level AA, WCAG 1.4.1.28
13Buttons must have discernible textbutton-nameWCAG 2 Level A, WCAG 4.1.212
14Page must have means to bypass repeated blocksbypassWCAG 2 Level A, WCAG 2.4.11
15Documents must have <title> element to aid in navigationdocument-titleWCAG 2 Level A, WCAG 2.4.21
16IDs used in ARIA and labels must be uniqueduplicate-id-ariaWCAG 2 Level A, WCAG 4.1.17
17id attribute value must be uniqueduplicate-idWCAG 2 Level A, WCAG 4.1.120
18Headings must not be emptyempty-headingBest practice6
19Form field should not have multiple label elementsform-field-multiple-labelsWCAG 2 Level A, WCAG 3.3.217
20Heading levels should only increase by oneheading-orderBest practice6
21Hidden content on the page cannot be analyzedhidden-contentBest practice434
22<html> element must have a lang attributehtml-has-langWCAG 2 Level A, WCAG 3.1.11
23<html> element must have a valid value for the lang attributehtml-lang-validWCAG 2 Level A, WCAG 3.1.11
24Elements must have their visible text as part of their accessible namelabel-content-name-mismatchWCAG 2.1 Level A, WCAG 2.5.31
25Form elements should have a visible labellabel-title-onlyBest practice17
26Form elements must have labelslabelWCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.112
27Links must be distinguished from surrounding text in a way that does not rely on colorlink-in-text-blockWCAG 2 Level A, WCAG 1.4.11
28Links must have discernible textlink-nameWCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.45
29<ul> and <ol> must only directly contain <li>, <script> or <template> elementslistWCAG 2 Level A, WCAG 1.3.11
30<li> elements must be contained in a <ul> or <ol>listitemWCAG 2 Level A, WCAG 1.3.13
31Users should be able to zoom and scale the text up to 500%meta-viewport-largeBest practice1
32Zooming and scaling must not be disabledmeta-viewportBest practice1
33Page must contain a level-one headingpage-has-heading-oneBest practice1
34All page content must be contained by landmarksregionBest practice280
35Elements should not have tabindex greater than zerotabindexBest practice5
36The <caption> element should not contain the same text as the summary attributetable-duplicate-nameBest practice1
37Data or header cells should not be used to give caption to a data table.table-fake-captionWCAG 2 Level A, WCAG 1.3.11
38All cells in a table element that use the headers attribute must only refer to other cells of that same tabletd-headers-attrWCAG 2 Level A, WCAG 1.3.11
+
+
+
+
+
+
+
+

+ +

+
+
+
+

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. +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#DescriptionAxe rule IDWCAG
1accesskey attribute value must be uniqueaccesskeysBest practice
2Active <area> elements must have alternate textarea-altWCAG 2 Level A, WCAG 1.1.1, WCAG 2.4.4, WCAG 4.1.2
3ARIA input fields must have an accessible namearia-input-field-nameWCAG 2 Level A, WCAG 4.1.2
4Use aria-roledescription on elements with a semantic rolearia-roledescriptionWCAG 2 Level A, WCAG 4.1.2
5ARIA toggle fields have an accessible namearia-toggle-field-nameWCAG 2 Level A, WCAG 4.1.2
6<audio> elements must have a captions trackaudio-captionWCAG 2 Level A, WCAG 1.2.1
7<blink> elements are deprecated and must not be usedblinkWCAG 2 Level A, WCAG 2.2.2
8<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elementsdefinition-listWCAG 2 Level A, WCAG 1.3.1
9<dt> and <dd> elements must be contained by a <dl>dlitemWCAG 2 Level A, WCAG 1.3.1
10Elements in the focus order need a role appropriate for interactive contentfocus-order-semanticsBest practice
11HTML elements with lang and xml:lang must have the same base languagehtml-xml-lang-mismatchWCAG 2 Level A, WCAG 3.1.1
12Image buttons must have alternate textinput-image-altWCAG 2 Level A, WCAG 1.1.1
13Elements must have their visible text as part of their accessible namelabel-content-name-mismatchWCAG 2.1 Level A, WCAG 2.5.3
14Banner landmark must not be contained in another landmarklandmark-banner-is-top-levelBest practice
15Aside must not be contained in another landmarklandmark-complementary-is-top-levelBest practice
16Contentinfo landmark must not be contained in another landmarklandmark-contentinfo-is-top-levelBest practice
17Main landmark must not be contained in another landmarklandmark-main-is-top-levelBest practice
18Document must not have more than one banner landmarklandmark-no-duplicate-bannerBest practice
19Document must not have more than one contentinfo landmarklandmark-no-duplicate-contentinfoBest practice
20Document must not have more than one main landmarklandmark-no-duplicate-mainBest practice
21<marquee> elements are deprecated and must not be usedmarqueeWCAG 2 Level A, WCAG 2.2.2
22Timed refresh must not existmeta-refreshWCAG 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 textobject-altWCAG 2 Level A, WCAG 1.1.1
24Bold, italic text and font-size are not used to style p elements as a headingp-as-headingWCAG 2 Level A, WCAG 1.3.1
25[role='img'] elements have an alternative textrole-img-altWCAG 2 Level A, WCAG 1.1.1
26scope attribute should be used correctlyscope-attr-validBest practice
27Ensure that scrollable region has keyboard accessscrollable-region-focusableWCAG 2 Level A, WCAG 2.1.1
28Server-side image maps must not be usedserver-side-image-mapWCAG 2 Level A, WCAG 2.1.1
29The skip-link target should exist and be focusableskip-linkBest practice
30svg elements with an img role have an alternative textsvg-img-altWCAG 2 Level A, WCAG 1.1.1
31Data or header cells should not be used to give caption to a data table.table-fake-captionWCAG 2 Level A, WCAG 1.3.1
32All non-empty td element in table larger than 3 by 3 must have an associated table headertd-has-headerWCAG 2 Level A, WCAG 1.3.1
33All th elements and elements with role=columnheader/rowheader must have data cells they describeth-has-data-cellsWCAG 2 Level A, WCAG 1.3.1
34lang attribute must have a valid valuevalid-langWCAG 2 Level AA, WCAG 3.1.2
35<video> or <audio> elements do not autoplay audiono-autoplay-audioWCAG 2 Level A, WCAG 1.4.2
+
+
+
+
+ + + + + +" +`; + +exports[`Successful tests Violations 1`] = ` +" + + + + + + + + + + + + + + Axe-core® Accessibility Results + +
+
+

+ Axe-core® Accessibility Results +

+
+
+

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 +

+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#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
+
2 +

Element location

+ 
#vap-plan > p:nth-child(3)
+

Element source

+ 
<p>Step out of your comfort zone, and into a rocket with enough fuel to blast a Manhattan-sized crater if it explodes. But it won't. Probably.<br>
+&nbsp; </p>
+ 		+
+

Fix any of the following:

+
    +
  • Element has insufficient color contrast of 4.49 (foreground color: #acbad0, background color: #344b6e, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1
    • +
+
+

Related node:

+ 
body
+
3 +

Element location

+ 
:root > h3
+

Element source

+ 
<h3>Countdown...</h3>
+ 		+
+

Fix any of the following:

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

Related node:

+ 
body
+
4 +

Element location

+ 
#vap-book > p:nth-child(3)
+

Element source

+ 
<p>If you're serious about traveling to Mars - really serious - then <a href="mars2.html?a=last_will">prepare your last will and testament</a>, and book a trip! </p>
+ 		+
+

Fix any of the following:

+
    +
  • Element has insufficient color contrast of 4.49 (foreground color: #acbad0, background color: #344b6e, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1
    • +
+
+

Related node:

+ 
body
+
5 +

Element location

+ 
:root > h3
+

Element source

+ 
<h3>Blast Off!</h3>
+ 		+
+

Fix any of the following:

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

Related node:

+ 
body
+
6 +

Element location

+ 
#vap-travel > p:nth-child(3)
+

Element source

+ 
<p>Expect violent turbulence, bone-crushing g-forces, muscle atrophy, and certain death (hey, everyone's death is certain at some point, right?).<br>
+&nbsp; </p>
+ 		+
+

Fix any of the following:

+
    +
  • Element has insufficient color contrast of 4.49 (foreground color: #acbad0, background color: #344b6e, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1
    • +
+
+

Related node:

+ 
body
+
7 +

Element location

+ 
:root > a[href="mars2\\.html\\?a\\=crater_adventure"]
+

Element source

+ 
<a class="" href="mars2.html?a=crater_adventure">10% off Crater Adventure</a>
+ 		+
+

Fix any of the following:

+
    +
  • Element has insufficient color contrast of 1.87 (foreground color: #067ab4, background color: #344b6e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
    • +
+
+

Related node:

+ 
body
+
8 +

Element location

+ 
:root > a[href="mars2\\.html\\?a\\=ice_cream"]
+

Element source

+ 
<a class="" href="mars2.html?a=ice_cream">Free Astronaut Ice Cream</a>
+ 		+
+

Fix any of the following:

+
    +
  • Element has insufficient color contrast of 1.87 (foreground color: #067ab4, background color: #344b6e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
    • +
+
+

Related node:

+ 
body
+
9 +

Element location

+ 
li:nth-child(2) > .deal-text > p
+

Element source

+ 
<p>Spend an extra 3 months in orbit around Mars in our newly-remodelled MarsPod and get a free package of freeze-wrapped dehydrated astronaut ice cream. <a class="link-arrow" href="mars2.html?a=ice_cream">Get your free dehydrated ice cream!</a>
+</p>
+ 		+
+

Fix any of the following:

+
    +
  • Element has insufficient color contrast of 2.37 (foreground color: #000000, background color: #344b6e, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1
    • +
+
+

Related node:

+ 
body
+
10 +

Element location

+ 
li:nth-child(3) > .deal-text > h3 > .link
+

Element source

+ 
<a class="link" href="mars2.html?a=low_price_guarantee">Lowest Price Guarantee</a>
+ 		+
+

Fix any of the following:

+
    +
  • Element has insufficient color contrast of 1.87 (foreground color: #067ab4, background color: #344b6e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
    • +
+
+

Related node:

+ 
body
+
11 +

Element location

+ 
:root > a[href="mars2\\.html\\?a\\=free_year"]
+

Element source

+ 
<a href="mars2.html?a=free_year">Book a free year on Mars</a>
+ 		+
+

Fix any of the following:

+
    +
  • Element has insufficient color contrast of 1.87 (foreground color: #067ab4, background color: #344b6e, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1
    • +
+
+

Related node:

+ 
body
+
+
+
+
+
+
+
+

+ 3. IDs of active elements must be unique +

+ Learn more +
+
+

duplicate-id-active

+

+ WCAG 2 Level A, WCAG 4.1.1 +

+
+
+

Ensures every id attribute value of active elements is unique

+

+ serious +

+
+
+

+ Issue Tags: + cat.parsing + + wcag2a + + wcag411 +

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

Element location

+ 
.active
+

Element source

+ 
<a target="player" data-text="Life was possible on Mars" class="fader first active" href="http://www.youtube.com/embed/OagLGti_hTE?controls=1&amp;showinfo=1&amp;modestbranding=0&amp;wmode=opaque&amp;enablejsapi=1" id="default"></a>
+ 		+
+

Fix any of the following:

+
    +
  • Document has active elements with the same id attribute: default
    • +
+
+

Related node:

+ 
a[data-text="Why\\ Mars\\ died"]
+ 
a[data-text="The\\ world\\ that\\ never\\ was"]
+
+
+
+
+
+
+
+

+ 4. id attribute value must be unique +

+ Learn more +
+
+

duplicate-id

+

+ WCAG 2 Level A, WCAG 4.1.1 +

+
+
+

Ensures every id attribute value is unique

+

+ minor +

+
+
+

+ Issue Tags: + cat.parsing + + wcag2a + + wcag411 +

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

Element location

+ 
.loginnow > .container-fluid-full
+

Element source

+ 
<div id="control-panel" class="container-fluid-full">
+ 		+
+

Fix any of the following:

+
    +
  • Document has multiple static elements with the same id attribute
    • +
+
+

Related node:

+ 
.loggedin > .container-fluid-full
+
2 +

Element location

+ 
.loginnow > .container-fluid-full > .container > .span5.pull-left.left-first > .pull-left:nth-child(1)
+

Element source

+ 
<nav id="left-control-nav" class="pull-left">
+ 		+
+

Fix any of the following:

+
    +
  • Document has multiple static elements with the same id attribute
    • +
+
+

Related node:

+ 
.loggedin > .container-fluid-full > .container > .span5.pull-left.left-first > .pull-left:nth-child(1)
+
3 +

Element location

+ 
.loginnow > .container-fluid-full > .container > .span5.pull-left.left-first > .pull-left:nth-child(2)
+

Element source

+ 
<div id="search-bar" class="pull-left">
+<form id="search" action="/demo/mars/mars2" method="get">
+<input type="hidden" name="fn" value="Search">
+<input type="text" class="search" name="query" placeholder="search">
+<input type="submit" class="control-search">
+</form>
+</div>
+ 		+
+

Fix any of the following:

+
    +
  • Document has multiple static elements with the same id attribute
    • +
+
+

Related node:

+ 
.loggedin > .container-fluid-full > .container > .span5.pull-left.left-first > .pull-left:nth-child(2)
+
4 +

Element location

+ 
:root > form[method="get"][action="\\/demo\\/mars\\/mars2"]
+

Element source

+ 
<form id="search" action="/demo/mars/mars2" method="get">
+<input type="hidden" name="fn" value="Search">
+<input type="text" class="search" name="query" placeholder="search">
+<input type="submit" class="control-search">
+</form>
+ 		+
+

Fix any of the following:

+
    +
  • Document has multiple static elements with the same id attribute
    • +
+
+

Related node:

+ 
:root > form[method="get"][action="\\/demo\\/mars\\/mars2"]
+
5 +

Element location

+ 
.loginnow > .container-fluid-full > .container > .span7.pull-right > .pull-right
+

Element source

+ 
<nav id="right-control-nav" class="pull-right" style="display: inline;">
+ 		+
+

Fix any of the following:

+
    +
  • Document has multiple static elements with the same id attribute
    • +
+
+

Related node:

+ 
.loggedin > .container-fluid-full > .container > .span7.pull-right > .pull-right
+
6 +

Element location

+ 
#left-column > div:nth-child(1)
+

Element source

+ 
<div id="vap-section">
+<h1 style="color:#eee;">Destination Mars </h1>
+<h2 style="color:#acbad0;">A trip to Mars starts in your imagination. Are you bold enough, brave enough, <strong>foolish enough?</strong> We are. You belong on Mars with fools like us. Most of us don't bite. Much.</h2></div>
+ 		+
+

Fix any of the following:

+
    +
  • Document has multiple static elements with the same id attribute
    • +
+
+

Related node:

+ 
#left-column > div:nth-child(2)
+
7 +

Element location

+ 
#select-country > input[name="nCountries"][type="hidden"]
+

Element source

+ 
<input type="hidden" id="nCountries" name="nCountries">
+ 		+
+

Fix any of the following:

+
    +
  • Document has multiple static elements with the same id attribute
    • +
+
+

Related node:

+ 
input[name="nCountries"][value="\\31 "][type="hidden"]
+
8 +

Element location

+ 
.middle.widget-container:nth-child(13)
+

Element source

+ 
<div id="passenger-select" class="widget-container middle">
+ 		+
+

Fix any of the following:

+
    +
  • Document has multiple static elements with the same id attribute
    • +
+
+

Related node:

+ 
.middle.widget-container:nth-child(8)
+
9 +

Element location

+ 
.middle.widget-container:nth-child(13) > .interior-container > div:nth-child(3)
+

Element source

+ 
<div id="passengers">
+ 		+
+

Fix any of the following:

+
    +
  • Document has multiple static elements with the same id attribute
    • +
+
+

Related node:

+ 
.middle.widget-container:nth-child(8) > .interior-container > div
+
10 +

Element location

+ 
.ui-datepicker.ui-helper-clearfix.ui-corner-all:nth-child(33)
+

Element source

+ 
<div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all"></div>
+ 		+
+

Fix any of the following:

+
    +
  • Document has multiple static elements with the same id attribute
    • +
+
+

Related node:

+ 
.ui-datepicker.ui-helper-clearfix.ui-corner-all:nth-child(38)
+
+
+
+
+
+
+
+

+ 5. Frames must have title attribute +

+ Learn more +
+
+

frame-title

+

+ WCAG 2 Level A, WCAG 2.4.1, WCAG 4.1.2 +

+
+
+

Ensures <iframe> and <frame> elements contain a non-empty title attribute

+

+ serious +

+
+
+

+ Issue Tags: + cat.text-alternatives + + wcag2a + + wcag241 + + wcag412 + + section508 + + section508.22.i +

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

Element location

+ 
#player
+

Element source

+ 
<iframe width="365" height="205" name="player" id="player" src="https://www.youtube.com/embed/OagLGti_hTE?controls=1&amp;showinfo=1&amp;modestbranding=0&amp;wmode=opaque&amp;enablejsapi=1" frameborder="0" allowfullscreen=""></iframe>
+ 		+
+

Fix any of the following:

+
    +
  • 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 has no title attribute or the title attribute is empty
    • +
  • Element's default semantics were not overridden with role="presentation"
    • +
  • Element's default semantics were not overridden with role="none"
    • +
+
+
2 +

Element location

+ 
#fafbba78
+

Element source

+ 
<iframe id="fafbba78" name="f2bc5e72d" scrolling="no" style="border: none; overflow: hidden; height: 62px; width: 292px;" class="fb_ltr" src="/assets/demo-sites/mars/js/likebox.html"></iframe>
+ 		+
+

Fix any of the following:

+
    +
  • 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 has no title attribute or the title attribute is empty
    • +
  • Element's default semantics were not overridden with role="presentation"
    • +
  • Element's default semantics were not overridden with role="none"
    • +
+
+
+
+
+
+
+
+
+

+ 6. <html> element must have a lang attribute +

+ Learn more +
+
+

html-has-lang

+

+ WCAG 2 Level A, WCAG 3.1.1 +

+
+
+

Ensures every HTML document has a lang attribute

+

+ serious +

+
+
+

+ Issue Tags: + cat.language + + wcag2a + + wcag311 +

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

Element location

+ 
html
+

Element source

+ 
<html class=" js no-flexbox flexbox-legacy canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths js no-flexbox flexbox-legacy canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers no-applicationcache svg inlinesvg smil svgclippaths">
+ 		+
+

Fix any of the following:

+
    +
  • The <html> element does not have a lang attribute
    • +
+
+
+
+
+
+
+
+
+

+ 7. Images must have alternate text +

+ Learn more +
+
+

image-alt

+

+ WCAG 2 Level A, WCAG 1.1.1 +

+
+
+

Ensures <img> elements have alternate text or a role of none or presentation

+

+ critical +

+
+
+

+ Issue Tags: + cat.text-alternatives + + wcag2a + + wcag111 + + section508 + + section508.22.a +

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

Element location

+ 
img[src$="seg"]
+

Element source

+ 
<img src="/assets/demo-sites/mars/js/seg" width="1" height="1">
+ 		+
+

Fix any of the following:

+
    +
  • Element does not have an alt attribute
    • +
  • 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 has no title attribute or the title attribute is empty
    • +
  • Element's default semantics were not overridden with role="presentation"
    • +
  • Element's default semantics were not overridden with role="none"
    • +
+
+
2 +

Element location

+ 
:root > img[width="\\32 10"][height="\\31 20"]
+

Element source

+ 
<img src="/assets/demo-sites/mars/images/mars-spaceman.jpg" class="" width="210" height="120">
+ 		+
+

Fix any of the following:

+
    +
  • Element does not have an alt attribute
    • +
  • 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 has no title attribute or the title attribute is empty
    • +
  • Element's default semantics were not overridden with role="presentation"
    • +
  • Element's default semantics were not overridden with role="none"
    • +
+
+
3 +

Element location

+ 
:root > img[width="\\32 10"][height="\\31 20"]
+

Element source

+ 
<img src="/assets/demo-sites/mars/images/mars-spaceman.jpg" class="" width="210" height="120">
+ 		+
+

Fix any of the following:

+
    +
  • Element does not have an alt attribute
    • +
  • 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 has no title attribute or the title attribute is empty
    • +
  • Element's default semantics were not overridden with role="presentation"
    • +
  • Element's default semantics were not overridden with role="none"
    • +
+
+
4 +

Element location

+ 
:root > img[width="\\32 10"][height="\\31 20"]
+

Element source

+ 
<img src="/assets/demo-sites/mars/images/mars-spaceman.jpg" class="" width="210" height="120">
+ 		+
+

Fix any of the following:

+
    +
  • Element does not have an alt attribute
    • +
  • 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 has no title attribute or the title attribute is empty
    • +
  • Element's default semantics were not overridden with role="presentation"
    • +
  • Element's default semantics were not overridden with role="none"
    • +
+
+
+
+
+
+
+
+
+

+ 8. Form elements must have labels +

+ Learn more +
+
+

label

+

+ WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 +

+
+
+

Ensures every form element has a label

+

+ critical +

+
+
+

+ Issue Tags: + cat.forms + + wcag2a + + wcag412 + + wcag131 + + section508 + + section508.22.n +

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

Element location

+ 
:root > .search[name="query"][placeholder="search"]
+

Element source

+ 
<input type="text" class="search" name="query" placeholder="search">
+ 		+
+

Fix any of the following:

+
    +
  • 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
    • +
  • Form element does not have an implicit (wrapped) <label>
    • +
  • Form element does not have an explicit <label>
    • +
  • Element has no title attribute or the title attribute is empty
    • +
+
+
+
+
+
+
+
+
+

+ 9. Document must have one main landmark +

+ Learn more +
+
+

landmark-one-main

+

+ Best practice +

+
+
+

Ensures 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 class=" js no-flexbox flexbox-legacy canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths js no-flexbox flexbox-legacy canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers no-applicationcache svg inlinesvg smil svgclippaths">
+ 		+
+

Fix all of the following:

+
    +
  • Document does not have a main landmark
    • +
+
+
2 +

Element location

+ 
#player
+html
+

Element source

+ 
<html lang="en" dir="ltr" data-cast-api-enabled="true">
+ 		+
+

Fix all of the following:

+
    +
  • Document does not have a main landmark
    • +
+
+
3 +

Element location

+ 
#fafbba78
+#facebook
+

Element source

+ 
<html lang="en" id="facebook" class="">
+ 		+
+

Fix all of the following:

+
    +
  • Document does not have a main landmark
    • +
+
+
4 +

Element location

+ 
.twitter-follow-button
+html
+

Element source

+ 
<html lang="en" class=" xl en">
+ 		+
+

Fix all of the following:

+
    +
  • Document does not have a main landmark
    • +
+
+
+
+
+
+
+
+
+

+ 10. Ensures landmarks are unique +

+ Learn more +
+
+

landmark-unique

+

+ Best practice +

+
+
+

Landmarks must have a unique role or role/label/title (i.e. accessible name) combination

+

+ moderate +

+
+
+

+ Issue Tags: + cat.semantics + + best-practice +

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

Element location

+ 
.loginnow > .container-fluid-full > .container > .span5.pull-left.left-first > .pull-left:nth-child(1)
+

Element source

+ 
<nav id="left-control-nav" class="pull-left">
+ 		+
+

Fix any of the following:

+
    +
  • The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable
    • +
+
+

Related node:

+ 
.loginnow > .container-fluid-full > .container > .span7.pull-right > .pull-right
+ 
#language-bar > nav
+ 
#main-nav
+ 
#main-sub-nav
+ 
#footer-book > nav
+ 
#footer-trains > nav
+ 
#footer-passes > nav
+ 
#footer-plan > nav
+ 
#footer-faq > nav
+ 
#footer-connect > nav
+
+
+
+
+
+
+
+

+ 11. Links must be distinguished from surrounding text in a way that does not rely on color +

+ Learn more +
+
+

link-in-text-block

+

+ WCAG 2 Level A, WCAG 1.4.1 +

+
+
+

Links can be distinguished without relying on color

+

+ serious +

+
+
+

+ Issue Tags: + cat.color + + experimental + + wcag2a + + wcag141 +

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

Element location

+ 
a[href="mars2\\.html\\?a\\=last_will"]
+

Element source

+ 
<a href="mars2.html?a=last_will">prepare your last will and testament</a>
+ 		+
+

Fix all of the following:

+
    +
  • Links need to be distinguished from surrounding text in some way other than by color
    • +
+
+
+
+
+
+
+
+
+

+ 12. Links must have discernible text +

+ Learn more +
+
+

link-name

+

+ WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 +

+
+
+

Ensures links have discernible text

+

+ serious +

+
+
+

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

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

Element location

+ 
.link[href$="mars\\/\\#"]
+

Element source

+ 
<a class="link" href="demo/mars/#"><i class="icon-menu-home"></i> </a>
+ 		+
+

Fix all of the following:

+
    +
  • Element is in tab order and does not have accessible text
    • +
+
+
+

Fix any of the following:

+
    +
  • Element does not have 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"
    • +
+
+
2 +

Element location

+ 
:root > a[href="mars2\\.html\\?a\\=crater_adventure"]
+

Element source

+ 
<a href="mars2.html?a=crater_adventure">
+<img src="/assets/demo-sites/mars/images/mars-spaceman.jpg" class="" width="210" height="120"></a>
+ 		+
+

Fix all of the following:

+
    +
  • Element is in tab order and does not have accessible text
    • +
+
+
+

Fix any of the following:

+
    +
  • Element does not have 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"
    • +
+
+
3 +

Element location

+ 
:root > a[href="mars2\\.html\\?a\\=crater_adventure"]
+

Element source

+ 
<a href="mars2.html?a=crater_adventure">
+<img src="/assets/demo-sites/mars/images/mars-spaceman.jpg" class="" width="210" height="120"></a>
+ 		+
+

Fix all of the following:

+
    +
  • Element is in tab order and does not have accessible text
    • +
+
+
+

Fix any of the following:

+
    +
  • Element does not have 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"
    • +
+
+
4 +

Element location

+ 
:root > a[href="mars2\\.html\\?a\\=crater_adventure"]
+

Element source

+ 
<a href="mars2.html?a=crater_adventure">
+<img src="/assets/demo-sites/mars/images/mars-spaceman.jpg" class="" width="210" height="120"></a>
+ 		+
+

Fix all of the following:

+
    +
  • Element is in tab order and does not have accessible text
    • +
+
+
+

Fix any of the following:

+
    +
  • Element does not have 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"
    • +
+
+
5 +

Element location

+ 
:root > a[href="mars2\\.html\\?a\\="]
+

Element source

+ 
<a href="mars2.html?a="></a>
+ 		+
+

Fix all of the following:

+
    +
  • Element is in tab order and does not have accessible text
    • +
+
+
+

Fix any of the following:

+
    +
  • Element does not have 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"
    • +
+
+
6 +

Element location

+ 
.active
+

Element source

+ 
<a target="player" data-text="Life was possible on Mars" class="fader first active" href="http://www.youtube.com/embed/OagLGti_hTE?controls=1&amp;showinfo=1&amp;modestbranding=0&amp;wmode=opaque&amp;enablejsapi=1" id="default"></a>
+ 		+
+

Fix all of the following:

+
    +
  • Element is in tab order and does not have accessible text
    • +
+
+
+

Fix any of the following:

+
    +
  • Element does not have 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"
    • +
+
+
7 +

Element location

+ 
a[data-text="Why\\ Mars\\ died"]
+

Element source

+ 
<a target="player" data-text="Why Mars died" class="fader first" href="http://www.youtube.com/embed/oC31pqk9sak?controls=1&amp;showinfo=1&amp;modestbranding=0&amp;wmode=opaque&amp;enablejsapi=1" id="default"></a>
+ 		+
+

Fix all of the following:

+
    +
  • Element is in tab order and does not have accessible text
    • +
+
+
+

Fix any of the following:

+
    +
  • Element does not have 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"
    • +
+
+
8 +

Element location

+ 
a[data-text="The\\ world\\ that\\ never\\ was"]
+

Element source

+ 
<a target="player" data-text="The world that never was" class="fader first" href="http://www.youtube.com/embed/JgMXPXdqJn8?controls=1&amp;showinfo=1&amp;modestbranding=0&amp;wmode=opaque&amp;enablejsapi=1" id="default"></a>
+ 		+
+

Fix all of the following:

+
    +
  • Element is in tab order and does not have accessible text
    • +
+
+
+

Fix any of the following:

+
    +
  • Element does not have 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"
    • +
+
+
+
+
+
+
+
+
+

+ 13. All page content must be contained by landmarks +

+ Learn more +
+
+

region

+

+ Best practice +

+
+
+

Ensures 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

+ 
body > div:nth-child(1)
+

Element source

+ 
<div style="width: 1px; height: 1px; display: inline;">
+ 		+
+

Fix any of the following:

+
    +
  • Some page content is not contained by landmarks
    • +
+
+
2 +

Element location

+ 
#purposeDisclaimer
+

Element source

+ 
<div id="purposeDisclaimer">This web page is for demonstration purposes, to show common accessibility errors.</div>
+ 		+
+

Fix any of the following:

+
    +
  • Some page content is not contained by landmarks
    • +
+
+
3 +

Element location

+ 
:root > .search[name="query"][placeholder="search"]
+

Element source

+ 
<input type="text" class="search" name="query" placeholder="search">
+ 		+
+

Fix any of the following:

+
    +
  • Some page content is not contained by landmarks
    • +
+
+
4 +

Element location

+ 
:root > .control-search[type="submit"]
+

Element source

+ 
<input type="submit" class="control-search">
+ 		+
+

Fix any of the following:

+
    +
  • Some page content is not contained by landmarks
    • +
+
+
5 +

Element location

+ 
#left-column
+

Element source

+ 
<div class="span7 left-first pull-left" id="left-column">
+ 		+
+

Fix any of the following:

+
    +
  • Some page content is not contained by landmarks
    • +
+
+
6 +

Element location

+ 
#widget-controls
+

Element source

+ 
<div id="widget-controls" class="widget-container head">
+ 		+
+

Fix any of the following:

+
    +
  • Some page content is not contained by landmarks
    • +
+
+
7 +

Element location

+ 
#route-select > .interior-container > h3
+

Element source

+ 
<h3>Book your Trip</h3>
+ 		+
+

Fix any of the following:

+
    +
  • Some page content is not contained by landmarks
    • +
+
+
8 +

Element location

+ 
#route-type-radio-group
+

Element source

+ 
<div id="route-type-radio-group" class="">
+ 		+
+

Fix any of the following:

+
    +
  • Some page content is not contained by landmarks
    • +
+
+
9 +

Element location

+ 
#route-type
+

Element source

+ 
<div id="route-type">
+ 		+
+

Fix any of the following:

+
    +
  • Some page content is not contained by landmarks
    • +
+
+
10 +

Element location

+ 
#pass-question-radio-group
+

Element source

+ 
<div id="pass-question-radio-group" class="">
+ 		+
+

Fix any of the following:

+
    +
  • Some page content is not contained by landmarks
    • +
+
+
11 +

Element location

+ 
.middle.widget-container:nth-child(13) > .interior-container > h3
+

Element source

+ 
<h3>Who Is Traveling?</h3>
+ 		+
+

Fix any of the following:

+
    +
  • Some page content is not contained by landmarks
    • +
+
+
12 +

Element location

+ 
#passenger0 > .wrapper:nth-child(1)
+

Element source

+ 
<span class="wrapper">
+<span class="traveler-label">Traveler</span>
+</span>
+ 		+
+

Fix any of the following:

+
    +
  • Some page content is not contained by landmarks
    • +
+
+
13 +

Element location

+ 
#passenger0 > .age-range.wrapper
+

Element source

+ 
<span class="wrapper age-range">
+<select id="traveler0" class="traveler-type">
+<option value="0">Adult (26+)</option>
+<option value="1">Youth (12-25)</option>
+<option value="2">Child (4-11)</option>
+<option value="3">Senior (60+)</option>
+</select>
+</span>
+ 		+
+

Fix any of the following:

+
    +
  • Some page content is not contained by landmarks
    • +
+
+
14 +

Element location

+ 
#add-traveler
+

Element source

+ 
<div class="add-buttons" id="add-traveler">
+ 		+
+

Fix any of the following:

+
    +
  • Some page content is not contained by landmarks
    • +
+
+
15 +

Element location

+ 
#booking-box-submit
+

Element source

+ 
<div id="booking-box-submit" class="widget-container footer">
+ 		+
+

Fix any of the following:

+
    +
  • Some page content is not contained by landmarks
    • +
+
+
16 +

Element location

+ 
#video-box > .interior-container
+

Element source

+ 
<div class="interior-container">
+ 		+
+

Fix any of the following:

+
    +
  • Some page content is not contained by landmarks
    • +
+
+
17 +

Element location

+ 
#social-bar
+

Element source

+ 
<div id="social-bar" class="container-fluid-full">
+ 		+
+

Fix any of the following:

+
    +
  • Some page content is not contained by landmarks
    • +
+
+
18 +

Element location

+ 
#footer-book > h4
+

Element source

+ 
<h4>Book Your Trip</h4>
+ 		+
+

Fix any of the following:

+
    +
  • Some page content is not contained by landmarks
    • +
+
+
19 +

Element location

+ 
#footer-book > ul
+

Element source

+ 
<ul>
+ 		+
+

Fix any of the following:

+
    +
  • Some page content is not contained by landmarks
    • +
+
+
20 +

Element location

+ 
#footer-trains > h4
+

Element source

+ 
<h4>Mars Shuttles</h4>
+ 		+
+

Fix any of the following:

+
    +
  • Some page content is not contained by landmarks
    • +
+
+
21 +

Element location

+ 
#footer-trains > ul
+

Element source

+ 
<ul>
+ 		+
+

Fix any of the following:

+
    +
  • Some page content is not contained by landmarks
    • +
+
+
22 +

Element location

+ 
#footer-passes > h4
+

Element source

+ 
<h4>Mars Tourist Passes</h4>
+ 		+
+

Fix any of the following:

+
    +
  • Some page content is not contained by landmarks
    • +
+
+
23 +

Element location

+ 
#footer-passes > ul
+

Element source

+ 
<ul>
+ 		+
+

Fix any of the following:

+
    +
  • Some page content is not contained by landmarks
    • +
+
+
24 +

Element location

+ 
#footer-plan > h4
+

Element source

+ 
<h4>Mars Adventures</h4>
+ 		+
+

Fix any of the following:

+
    +
  • Some page content is not contained by landmarks
    • +
+
+
25 +

Element location

+ 
#footer-plan > ul
+

Element source

+ 
<ul>
+ 		+
+

Fix any of the following:

+
    +
  • Some page content is not contained by landmarks
    • +
+
+
26 +

Element location

+ 
#footer-faq > h4
+

Element source

+ 
<h4>FAQs</h4>
+ 		+
+

Fix any of the following:

+
    +
  • Some page content is not contained by landmarks
    • +
+
+
27 +

Element location

+ 
#footer-faq > ul
+

Element source

+ 
<ul>
+ 		+
+

Fix any of the following:

+
    +
  • Some page content is not contained by landmarks
    • +
+
+
28 +

Element location

+ 
#footer-connect > h4
+

Element source

+ 
<h4>Connect With Us</h4>
+ 		+
+

Fix any of the following:

+
    +
  • Some page content is not contained by landmarks
    • +
+
+
29 +

Element location

+ 
#footer-connect > ul
+

Element source

+ 
<ul>
+ 		+
+

Fix any of the following:

+
    +
  • Some page content is not contained by landmarks
    • +
+
+
30 +

Element location

+ 
#copyright
+

Element source

+ 
<div id="copyright" class="container">
+ 		+
+

Fix any of the following:

+
    +
  • Some page content is not contained by landmarks
    • +
+
+
31 +

Element location

+ 
#player
+#player
+

Element source

+ 
<div id="player" style="width: 100%; height: 100%;">
+ 		+
+

Fix any of the following:

+
    +
  • Some page content is not contained by landmarks
    • +
+
+
32 +

Element location

+ 
#fafbba78
+._8m > table > tbody > tr:nth-child(1)
+

Element source

+ 
<tr><td><span class="fsl fwb"><a href="../mars2.html" target="_blank">Mars Commuter Express</a></span></td></tr>
+ 		+
+

Fix any of the following:

+
    +
  • Some page content is not contained by landmarks
    • +
+
+
33 +

Element location

+ 
#fafbba78
+.pluginConnectButtonDisconnected
+

Element source

+ 
<div class="pluginButton pluginConnectButtonDisconnected" title=""><div><button type="submit"><i class="pluginButtonIcon img sp_like sx_like_thumb"></i>Like</button></div></div>
+ 		+
+

Fix any of the following:

+
    +
  • Some page content is not contained by landmarks
    • +
+
+
34 +

Element location

+ 
#fafbba78
+#u_0_2
+

Element source

+ 
<span id="u_0_2">378,121</span>
+ 		+
+

Fix any of the following:

+
    +
  • Some page content is not contained by landmarks
    • +
+
+
35 +

Element location

+ 
.twitter-follow-button
+.btn-o
+

Element source

+ 
<div class="btn-o" contextmenu="menu"><a id="follow-button" target="_blank" class="btn" title="Follow MarsCommuter on Twitter" href="mars2.html"><i></i><span class="label" id="l">Follow @MarsTrip1</span></a></div>
+ 		+
+

Fix any of the following:

+
    +
  • Some page content is not contained by landmarks
    • +
+
+
36 +

Element location

+ 
.twitter-follow-button
+img[src="\\.\\.\\/images\\/f\\.gif"]
+

Element source

+ 
<img src="../images/f.gif" alt="" style="position: absolute; height: 1px; width: 1px; top: -9999px; left: -9999px;">
+ 		+
+

Fix any of the following:

+
    +
  • Some page content is not contained by landmarks
    • +
+
+
37 +

Element location

+ 
.twitter-follow-button
+img[src$="jot"]
+

Element source

+ 
<img src="jot" alt="" style="position: absolute; height: 1px; width: 1px; top: -9999px; left: -9999px;">
+ 		+
+

Fix any of the following:

+
    +
  • Some page content is not contained by landmarks
    • +
+
+
+
+
+
+
+
+
+

+ 14. Elements should not have tabindex greater than zero +

+ Learn more +
+
+

tabindex

+

+ Best practice +

+
+
+

Ensures tabindex attribute values are not greater than 0

+

+ serious +

+
+
+

+ Issue Tags: + cat.keyboard + + best-practice +

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

Element location

+ 
#from0
+

Element source

+ 
<input type="text" value="" class="city-input ac_input ui-autocomplete-input" autocomplete="off" id="from0" name="from0" tabindex="1" role="textbox" aria-autocomplete="list" aria-haspopup="true">
+ 		+
+

Fix any of the following:

+
    +
  • Element has a tabindex greater than 0
    • +
+
+
2 +

Element location

+ 
#to0
+

Element source

+ 
<input type="text" value="" class="city-input ac_input ui-autocomplete-input" autocomplete="off" id="to0" name="to0" tabindex="1" role="textbox" aria-autocomplete="list" aria-haspopup="true">
+ 		+
+

Fix any of the following:

+
    +
  • Element has a tabindex greater than 0
    • +
+
+
3 +

Element location

+ 
#deptDate0
+

Element source

+ 
<input size="10" id="deptDate0" name="deptDate0" placeholder="mm/dd/yyyy" value="" tabindex="3" class="hasDatepicker input-dept">
+ 		+
+

Fix any of the following:

+
    +
  • Element has a tabindex greater than 0
    • +
+
+
+
+
+
+
+ + +
+ +" +`; + +exports[`Successful tests Violations and URL with default report file name 1`] = ` +" + + + + + + + + + + + + + + Axe-core® Accessibility Results + +
+
+

+ Axe-core® Accessibility Results +

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

axe-core found 85 violations

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -14391,9 +17766,9 @@ exports[`Successful tests Violations and URL with default report file name 1`] =
-
+

1. Buttons must have discernible text -

+

-
button-name
-
+

button-name

+

WCAG 2 Level A, WCAG 4.1.2 -

+

Ensures buttons have discernible text

-
+

critical -

+

-
+

Issue Tags: cat.name-role-value @@ -14425,7 +17800,7 @@ exports[`Successful tests Violations and URL with default report file name 1`] = section508 section508.22.a -

+

#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 zero tabindex Best practice serious
@@ -14471,9 +17846,9 @@ exports[`Successful tests Violations and URL with default report file name 1`] =
-
+

2. Elements must have sufficient color contrast -

+

-
color-contrast
-
+

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 -

+

@@ -14735,9 +18110,9 @@ exports[`Successful tests Violations and URL with default report file name 1`] =
-
+

3. IDs of active elements must be unique -

+

-
duplicate-id-active
-
+

duplicate-id-active

+

WCAG 2 Level A, WCAG 4.1.1 -

+

Ensures every id attribute value of active elements is unique

-
+

serious -

+

-
+

Issue Tags: cat.parsing wcag2a wcag411 -

+

@@ -14807,9 +18182,9 @@ exports[`Successful tests Violations and URL with default report file name 1`] =
-
+

4. id attribute value must be unique -

+

-
duplicate-id
-
+

duplicate-id

+

WCAG 2 Level A, WCAG 4.1.1 -

+

Ensures every id attribute value is unique

-
+

minor -

+

-
+

Issue Tags: cat.parsing wcag2a wcag411 -

+

@@ -15061,9 +18436,9 @@ exports[`Successful tests Violations and URL with default report file name 1`] =
-
+

5. Frames must have title attribute -

+

-
frame-title
-
+

frame-title

+

WCAG 2 Level A, WCAG 2.4.1, WCAG 4.1.2 -

+

Ensures <iframe> and <frame> elements contain a non-empty title attribute

-
+

serious -

+

-
+

Issue Tags: cat.text-alternatives @@ -15097,7 +18472,7 @@ exports[`Successful tests Violations and URL with default report file name 1`] = section508 section508.22.i -

+

@@ -15161,9 +18536,9 @@ exports[`Successful tests Violations and URL with default report file name 1`] =
-
+

6. <html> element must have a lang attribute -

+

-
html-has-lang
-
+

html-has-lang

+

WCAG 2 Level A, WCAG 3.1.1 -

+

Ensures every HTML document has a lang attribute

-
+

serious -

+

-
+

Issue Tags: cat.language wcag2a wcag311 -

+

@@ -15230,9 +18605,9 @@ exports[`Successful tests Violations and URL with default report file name 1`] =
-
+

7. Images must have alternate text -

+

-
image-alt
-
+

image-alt

+

WCAG 2 Level A, WCAG 1.1.1 -

+

Ensures <img> elements have alternate text or a role of none or presentation

-
+

critical -

+

-
+

Issue Tags: cat.text-alternatives @@ -15264,7 +18639,7 @@ exports[`Successful tests Violations and URL with default report file name 1`] = section508 section508.22.a -

+

@@ -15374,9 +18749,9 @@ exports[`Successful tests Violations and URL with default report file name 1`] =
-
+

8. Form elements must have labels -

+

-
label
-
+

label

+

WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 -

+

Ensures every form element has a label

-
+

critical -

+

-
+

Issue Tags: cat.forms @@ -15410,7 +18785,7 @@ exports[`Successful tests Violations and URL with default report file name 1`] = section508 section508.22.n -

+

@@ -15453,9 +18828,9 @@ exports[`Successful tests Violations and URL with default report file name 1`] =
-
+

9. Document must have one main landmark -

+

-
landmark-one-main
-
+

landmark-one-main

+

Best practice -

+

Ensures the document has a main landmark

-
+

moderate -

+

-
+

Issue Tags: cat.semantics best-practice -

+

@@ -15574,9 +18949,9 @@ html
-
+

10. Ensures landmarks are unique -

+

>
-
landmark-unique
-
+

landmark-unique

+

Best practice -

+

Landmarks must have a unique role or role/label/title (i.e. accessible name) combination

-
+

moderate -

+

-
+

Issue Tags: cat.semantics best-practice -

+

@@ -15652,9 +19027,9 @@ html
-
+

11. Links must be distinguished from surrounding text in a way that does not rely on color -

+

>
-
link-in-text-block
-
+

link-in-text-block

+

WCAG 2 Level A, WCAG 1.4.1 -

+

Links can be distinguished without relying on color

-
+

serious -

+

-
+

Issue Tags: cat.color @@ -15684,7 +19059,7 @@ html wcag2a wcag141 -

+

@@ -15723,9 +19098,9 @@ html
-
+

12. Links must have discernible text -

+

>
-
link-name
-
+

link-name

+

WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 -

+

Ensures links have discernible text

-
+

serious -

+

-
+

Issue Tags: cat.name-role-value @@ -15759,7 +19134,7 @@ html section508 section508.22.a -

+

@@ -16000,9 +19375,9 @@ html
-
+

13. All page content must be contained by landmarks -

+

>
-
region
-
+

region

+

Best practice -

+

Ensures all page content is contained by landmarks

-
+

moderate -

+

-
+

Issue Tags: cat.keyboard best-practice -

+

@@ -16695,9 +20070,9 @@ img[src$="jot"]
-
+

14. Elements should not have tabindex greater than zero -

+

>
-
tabindex
-
+

tabindex

+

Best practice -

+

Ensures tabindex attribute values are not greater than 0

-
+

serious -

+

-
+

Issue Tags: cat.keyboard best-practice -

+

@@ -16798,7 +20173,7 @@ img[src$="jot"] - + " `; @@ -16822,6 +20197,19 @@ exports[`Successful tests Violations, passes and url 1`] = ` display: flex; justify-content: space-between; align-items: start; + font-weight: 500; + line-height: 1.2; + } + .card-title { + font-size: 1.25rem; + } + .violationCardTitleItem { + font-size: 1rem; + font-weight: 500; + } + .card-text { + font-size: 0.95rem; + font-weight: 300; } .learnMore { margin-bottom: 0.75rem; @@ -16832,7 +20220,7 @@ exports[`Successful tests Violations, passes and url 1`] = ` color: #2557a7; } .violationNode { - font-size: 0.75rem; + font-size: 0.85rem; } .wrapBreakWord { word-break: break-word; @@ -16884,11 +20272,11 @@ exports[`Successful tests Violations, passes and url 1`] = ` Axe-core® Accessibility Results - +
-

+

Axe-core® Accessibility Results -

+
Page URL: @@ -16896,7 +20284,7 @@ exports[`Successful tests Violations, passes and url 1`] = `
-
axe-core found 85 violations
+

axe-core found 85 violations

@@ -17027,9 +20415,9 @@ exports[`Successful tests Violations, passes and url 1`] = `
-
+

1. Buttons must have discernible text -

+

-
button-name
-
+

button-name

+

WCAG 2 Level A, WCAG 4.1.2 -

+

Ensures buttons have discernible text

-
+

critical -

+

-
+

Issue Tags: cat.name-role-value @@ -17061,7 +20449,7 @@ exports[`Successful tests Violations, passes and url 1`] = ` section508 section508.22.a -

+

@@ -17107,9 +20495,9 @@ exports[`Successful tests Violations, passes and url 1`] = `
-
+

2. Elements must have sufficient color contrast -

+

-
color-contrast
-
+

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 -

+

@@ -17371,9 +20759,9 @@ exports[`Successful tests Violations, passes and url 1`] = `
-
+

3. IDs of active elements must be unique -

+

-
duplicate-id-active
-
+

duplicate-id-active

+

WCAG 2 Level A, WCAG 4.1.1 -

+

Ensures every id attribute value of active elements is unique

-
+

serious -

+

-
+

Issue Tags: cat.parsing wcag2a wcag411 -

+

@@ -17443,9 +20831,9 @@ exports[`Successful tests Violations, passes and url 1`] = `
-
+

4. id attribute value must be unique -

+

-
duplicate-id
-
+

duplicate-id

+

WCAG 2 Level A, WCAG 4.1.1 -

+

Ensures every id attribute value is unique

-
+

minor -

+

-
+

Issue Tags: cat.parsing wcag2a wcag411 -

+

@@ -17697,9 +21085,9 @@ exports[`Successful tests Violations, passes and url 1`] = `
-
+

5. Frames must have title attribute -

+

-
frame-title
-
+

frame-title

+

WCAG 2 Level A, WCAG 2.4.1, WCAG 4.1.2 -

+

Ensures <iframe> and <frame> elements contain a non-empty title attribute

-
+

serious -

+

-
+

Issue Tags: cat.text-alternatives @@ -17733,7 +21121,7 @@ exports[`Successful tests Violations, passes and url 1`] = ` section508 section508.22.i -

+

@@ -17797,9 +21185,9 @@ exports[`Successful tests Violations, passes and url 1`] = `
-
+

6. <html> element must have a lang attribute -

+

-
html-has-lang
-
+

html-has-lang

+

WCAG 2 Level A, WCAG 3.1.1 -

+

Ensures every HTML document has a lang attribute

-
+

serious -

+

-
+

Issue Tags: cat.language wcag2a wcag311 -

+

@@ -17866,9 +21254,9 @@ exports[`Successful tests Violations, passes and url 1`] = `
-
+

7. Images must have alternate text -

+

-
image-alt
-
+

image-alt

+

WCAG 2 Level A, WCAG 1.1.1 -

+

Ensures <img> elements have alternate text or a role of none or presentation

-
+

critical -

+

-
+

Issue Tags: cat.text-alternatives @@ -17900,7 +21288,7 @@ exports[`Successful tests Violations, passes and url 1`] = ` section508 section508.22.a -

+

@@ -18010,9 +21398,9 @@ exports[`Successful tests Violations, passes and url 1`] = `
-
+

8. Form elements must have labels -

+

-
label
-
+

label

+

WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 -

+

Ensures every form element has a label

-
+

critical -

+

-
+

Issue Tags: cat.forms @@ -18046,7 +21434,7 @@ exports[`Successful tests Violations, passes and url 1`] = ` section508 section508.22.n -

+

@@ -18089,9 +21477,9 @@ exports[`Successful tests Violations, passes and url 1`] = `
-
+

9. Document must have one main landmark -

+

-
landmark-one-main
-
+

landmark-one-main

+

Best practice -

+

Ensures the document has a main landmark

-
+

moderate -

+

-
+

Issue Tags: cat.semantics best-practice -

+

@@ -18210,9 +21598,9 @@ html
-
+

10. Ensures landmarks are unique -

+

>
-
landmark-unique
-
+

landmark-unique

+

Best practice -

+

Landmarks must have a unique role or role/label/title (i.e. accessible name) combination

-
+

moderate -

+

-
+

Issue Tags: cat.semantics best-practice -

+

@@ -18288,9 +21676,9 @@ html
-
+

11. Links must be distinguished from surrounding text in a way that does not rely on color -

+

>
-
link-in-text-block
-
+

link-in-text-block

+

WCAG 2 Level A, WCAG 1.4.1 -

+

Links can be distinguished without relying on color

-
+

serious -

+

-
+

Issue Tags: cat.color @@ -18320,7 +21708,7 @@ html wcag2a wcag141 -

+

@@ -18359,9 +21747,9 @@ html
-
+

12. Links must have discernible text -

+

>
-
link-name
-
+

link-name

+

WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 -

+

Ensures links have discernible text

-
+

serious -

+

-
+

Issue Tags: cat.name-role-value @@ -18395,7 +21783,7 @@ html section508 section508.22.a -

+

@@ -18636,9 +22024,9 @@ html
-
+

13. All page content must be contained by landmarks -

+

>
-
region
-
+

region

+

Best practice -

+

Ensures all page content is contained by landmarks

-
+

moderate -

+

-
+

Issue Tags: cat.keyboard best-practice -

+

@@ -19331,9 +22719,9 @@ img[src$="jot"]
-
+

14. Elements should not have tabindex greater than zero -

+

>
-
tabindex
-
+

tabindex

+

Best practice -

+

Ensures tabindex attribute values are not greater than 0

-
+

serious -

+

-
+

Issue Tags: cat.keyboard best-practice -

+

@@ -19432,7 +22820,7 @@ img[src$="jot"]
-
+

-

+

- + " `; @@ -19765,6 +23153,19 @@ exports[`Successful tests Violations, passes, incomplete, url with reportFileNam display: flex; justify-content: space-between; align-items: start; + font-weight: 500; + line-height: 1.2; + } + .card-title { + font-size: 1.25rem; + } + .violationCardTitleItem { + font-size: 1rem; + font-weight: 500; + } + .card-text { + font-size: 0.95rem; + font-weight: 300; } .learnMore { margin-bottom: 0.75rem; @@ -19775,7 +23176,7 @@ exports[`Successful tests Violations, passes, incomplete, url with reportFileNam color: #2557a7; } .violationNode { - font-size: 0.75rem; + font-size: 0.85rem; } .wrapBreakWord { word-break: break-word; @@ -19827,11 +23228,11 @@ exports[`Successful tests Violations, passes, incomplete, url with reportFileNam Axe-core® Accessibility Results - +
-

+

Axe-core® Accessibility Results -

+
Page URL: @@ -19839,7 +23240,7 @@ exports[`Successful tests Violations, passes, incomplete, url with reportFileNam
-
axe-core found 85 violations
+

axe-core found 85 violations

@@ -19970,9 +23371,9 @@ exports[`Successful tests Violations, passes, incomplete, url with reportFileNam
-
+

1. Buttons must have discernible text -

+

-
button-name
-
+

button-name

+

WCAG 2 Level A, WCAG 4.1.2 -

+

Ensures buttons have discernible text

-
+

critical -

+

-
+

Issue Tags: cat.name-role-value @@ -20004,7 +23405,7 @@ exports[`Successful tests Violations, passes, incomplete, url with reportFileNam section508 section508.22.a -

+

@@ -20050,9 +23451,9 @@ exports[`Successful tests Violations, passes, incomplete, url with reportFileNam
-
+

2. Elements must have sufficient color contrast -

+

-
color-contrast
-
+

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 -

+

@@ -20314,9 +23715,9 @@ exports[`Successful tests Violations, passes, incomplete, url with reportFileNam
-
+

3. IDs of active elements must be unique -

+

-
duplicate-id-active
-
+

duplicate-id-active

+

WCAG 2 Level A, WCAG 4.1.1 -

+

Ensures every id attribute value of active elements is unique

-
+

serious -

+

-
+

Issue Tags: cat.parsing wcag2a wcag411 -

+

@@ -20386,9 +23787,9 @@ exports[`Successful tests Violations, passes, incomplete, url with reportFileNam
-
+

4. id attribute value must be unique -

+

-
duplicate-id
-
+

duplicate-id

+

WCAG 2 Level A, WCAG 4.1.1 -

+

Ensures every id attribute value is unique

-
+

minor -

+

-
+

Issue Tags: cat.parsing wcag2a wcag411 -

+

@@ -20640,9 +24041,9 @@ exports[`Successful tests Violations, passes, incomplete, url with reportFileNam
-
+

5. Frames must have title attribute -

+

-
frame-title
-
+

frame-title

+

WCAG 2 Level A, WCAG 2.4.1, WCAG 4.1.2 -

+

Ensures <iframe> and <frame> elements contain a non-empty title attribute

-
+

serious -

+

-
+

Issue Tags: cat.text-alternatives @@ -20676,7 +24077,7 @@ exports[`Successful tests Violations, passes, incomplete, url with reportFileNam section508 section508.22.i -

+

@@ -20740,9 +24141,9 @@ exports[`Successful tests Violations, passes, incomplete, url with reportFileNam
-
+

6. <html> element must have a lang attribute -

+

-
html-has-lang
-
+

html-has-lang

+

WCAG 2 Level A, WCAG 3.1.1 -

+

Ensures every HTML document has a lang attribute

-
+

serious -

+

-
+

Issue Tags: cat.language wcag2a wcag311 -

+

@@ -20809,9 +24210,9 @@ exports[`Successful tests Violations, passes, incomplete, url with reportFileNam
-
+

7. Images must have alternate text -

+

-
image-alt
-
+

image-alt

+

WCAG 2 Level A, WCAG 1.1.1 -

+

Ensures <img> elements have alternate text or a role of none or presentation

-
+

critical -

+

-
+

Issue Tags: cat.text-alternatives @@ -20843,7 +24244,7 @@ exports[`Successful tests Violations, passes, incomplete, url with reportFileNam section508 section508.22.a -

+

@@ -20953,9 +24354,9 @@ exports[`Successful tests Violations, passes, incomplete, url with reportFileNam
-
+

8. Form elements must have labels -

+

-
label
-
+

label

+

WCAG 2 Level A, WCAG 4.1.2, WCAG 1.3.1 -

+

Ensures every form element has a label

-
+

critical -

+

-
+

Issue Tags: cat.forms @@ -20989,7 +24390,7 @@ exports[`Successful tests Violations, passes, incomplete, url with reportFileNam section508 section508.22.n -

+

@@ -21032,9 +24433,9 @@ exports[`Successful tests Violations, passes, incomplete, url with reportFileNam
-
+

9. Document must have one main landmark -

+

-
landmark-one-main
-
+

landmark-one-main

+

Best practice -

+

Ensures the document has a main landmark

-
+

moderate -

+

-
+

Issue Tags: cat.semantics best-practice -

+

@@ -21153,9 +24554,9 @@ html
-
+

10. Ensures landmarks are unique -

+

>
-
landmark-unique
-
+

landmark-unique

+

Best practice -

+

Landmarks must have a unique role or role/label/title (i.e. accessible name) combination

-
+

moderate -

+

-
+

Issue Tags: cat.semantics best-practice -

+

@@ -21231,9 +24632,9 @@ html
-
+

11. Links must be distinguished from surrounding text in a way that does not rely on color -

+

>
-
link-in-text-block
-
+

link-in-text-block

+

WCAG 2 Level A, WCAG 1.4.1 -

+

Links can be distinguished without relying on color

-
+

serious -

+

-
+

Issue Tags: cat.color @@ -21263,7 +24664,7 @@ html wcag2a wcag141 -

+

@@ -21302,9 +24703,9 @@ html
-
+

12. Links must have discernible text -

+

>
-
link-name
-
+

link-name

+

WCAG 2 Level A, WCAG 4.1.2, WCAG 2.4.4 -

+

Ensures links have discernible text

-
+

serious -

+

-
+

Issue Tags: cat.name-role-value @@ -21338,7 +24739,7 @@ html section508 section508.22.a -

+

@@ -21579,9 +24980,9 @@ html
-
+

13. All page content must be contained by landmarks -

+

>
-
region
-
+

region

+

Best practice -

+

Ensures all page content is contained by landmarks

-
+

moderate -

+

-
+

Issue Tags: cat.keyboard best-practice -

+

@@ -22274,9 +25675,9 @@ img[src$="jot"]
-
+

14. Elements should not have tabindex greater than zero -

+

>
-
tabindex
-
+

tabindex

+

Best practice -

+

Ensures tabindex attribute values are not greater than 0

-
+

serious -

+

-
+

Issue Tags: cat.keyboard best-practice -

+

@@ -22375,7 +25776,7 @@ img[src$="jot"]
-
+

-

+

-
+

-

+

- + " `;