From c8f107f689267950ec9d8cd53e6483146f7891c3 Mon Sep 17 00:00:00 2001 From: Liliia Pelypenko <2556875+lpelypenko@users.noreply.github.com> Date: Wed, 21 Aug 2024 12:52:52 +0900 Subject: [PATCH] fix axe violations --- artifacts/accessibilityReport.html | 277 +- artifacts/tcAllPassedOnlyViolations.html | 25 +- artifacts/tcInapplicablePresent.html | 289 +- artifacts/tcIncludingCustomSummary.html | 277 +- artifacts/tcOnlyPasses.html | 37 +- artifacts/tcPassesAndViolations.html | 281 +- artifacts/tcWithTheKey.html | 33 +- artifacts/tsAllOptionalParametersPresent.html | 289 +- artifacts/urlIsNotPassed.html | 277 +- docs/index.html | 113 +- src/util/template/pageTemplate.html | 59 +- temp/tcPassesViolationsIncomplete.html | 285 +- test/__snapshots__/index.test.ts.snap | 6052 +++++++++++++---- test/index.test.ts | 21 + 14 files changed, 5987 insertions(+), 2328 deletions(-) diff --git a/artifacts/accessibilityReport.html b/artifacts/accessibilityReport.html index ba3a153..d7ee344 100644 --- a/artifacts/accessibilityReport.html +++ b/artifacts/accessibilityReport.html @@ -13,6 +13,19 @@ 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; @@ -23,7 +36,7 @@ color: #2557a7; } .violationNode { - font-size: 0.75rem; + font-size: 0.85rem; } .wrapBreakWord { word-break: break-word; @@ -75,11 +88,11 @@ Axe-core® Accessibility Results - +
-

+

Axe-core® Accessibility Results -

+
Page URL: @@ -87,7 +100,7 @@


-
axe-core found 85 violations
+

axe-core found 85 violations

@@ -218,9 +231,9 @@

Failed

-
+

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 @@ -252,7 +265,7 @@

section508 section508.22.a -
+

@@ -298,9 +311,9 @@
-
+

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 -

+

@@ -562,9 +575,9 @@
-
+

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 -

+

@@ -634,9 +647,9 @@
-
+

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 -

+

@@ -888,9 +901,9 @@
-
+

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 @@ -924,7 +937,7 @@

section508 section508.22.i -
+

@@ -988,9 +1001,9 @@
-
+

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 -

+

@@ -1057,9 +1070,9 @@
-
+

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 @@ -1091,7 +1104,7 @@

section508 section508.22.a -
+

@@ -1201,9 +1214,9 @@
-
+

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 @@ -1237,7 +1250,7 @@

section508 section508.22.n -
+

@@ -1280,9 +1293,9 @@
-
+

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 -

+

@@ -1401,9 +1414,9 @@
-
+

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 -

+

@@ -1479,9 +1492,9 @@
-
+

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 @@ -1511,7 +1524,7 @@

wcag2a wcag141 -
+

@@ -1550,9 +1563,9 @@
-
+

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 @@ -1586,7 +1599,7 @@

section508 section508.22.a -
+

@@ -1827,9 +1840,9 @@
-
+

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 -

+

@@ -2522,9 +2535,9 @@
-
+

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 -

+

@@ -2625,5 +2638,5 @@
- + diff --git a/artifacts/tcAllPassedOnlyViolations.html b/artifacts/tcAllPassedOnlyViolations.html index 6257402..3875801 100644 --- a/artifacts/tcAllPassedOnlyViolations.html +++ b/artifacts/tcAllPassedOnlyViolations.html @@ -13,6 +13,19 @@ 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; @@ -23,7 +36,7 @@ color: #2557a7; } .violationNode { - font-size: 0.75rem; + font-size: 0.85rem; } .wrapBreakWord { word-break: break-word; @@ -75,14 +88,14 @@ Axe-core® Accessibility Results - +
-

+

Axe-core® Accessibility Results -

+
-
axe-core found 0 violations
+

axe-core found 0 violations

@@ -91,5 +104,5 @@
axe-core found 0 violations
- +
diff --git a/artifacts/tcInapplicablePresent.html b/artifacts/tcInapplicablePresent.html index 015a8b3..71d85cf 100644 --- a/artifacts/tcInapplicablePresent.html +++ b/artifacts/tcInapplicablePresent.html @@ -13,6 +13,19 @@ 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; @@ -23,7 +36,7 @@ color: #2557a7; } .violationNode { - font-size: 0.75rem; + font-size: 0.85rem; } .wrapBreakWord { word-break: break-word; @@ -75,11 +88,11 @@ Axe-core® Accessibility Results - +
-

+

Axe-core® Accessibility Results -

+
Page URL: @@ -87,7 +100,7 @@


-
axe-core found 85 violations
+

axe-core found 85 violations

@@ -218,9 +231,9 @@

Failed

-
+

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 @@ -252,7 +265,7 @@

section508 section508.22.a -
+

@@ -298,9 +311,9 @@
-
+

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 -

+

@@ -562,9 +575,9 @@
-
+

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 -

+

@@ -634,9 +647,9 @@
-
+

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 -

+

@@ -888,9 +901,9 @@
-
+

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 @@ -924,7 +937,7 @@

section508 section508.22.i -
+

@@ -988,9 +1001,9 @@
-
+

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 -

+

@@ -1057,9 +1070,9 @@
-
+

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 @@ -1091,7 +1104,7 @@

section508 section508.22.a -
+

@@ -1201,9 +1214,9 @@
-
+

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 @@ -1237,7 +1250,7 @@

section508 section508.22.n -
+

@@ -1280,9 +1293,9 @@
-
+

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 -

+

@@ -1401,9 +1414,9 @@
-
+

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 -

+

@@ -1479,9 +1492,9 @@
-
+

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 @@ -1511,7 +1524,7 @@

wcag2a wcag141 -
+

@@ -1550,9 +1563,9 @@
-
+

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 @@ -1586,7 +1599,7 @@

section508 section508.22.a -
+

@@ -1827,9 +1840,9 @@
-
+

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 -

+

@@ -2522,9 +2535,9 @@
-
+

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 -

+

@@ -2623,7 +2636,7 @@
-
+

-

+

-
+

-

+

-
+

-

+

- + diff --git a/artifacts/tcIncludingCustomSummary.html b/artifacts/tcIncludingCustomSummary.html index e85ea27..33e93a2 100644 --- a/artifacts/tcIncludingCustomSummary.html +++ b/artifacts/tcIncludingCustomSummary.html @@ -13,6 +13,19 @@ 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; @@ -23,7 +36,7 @@ color: #2557a7; } .violationNode { - font-size: 0.75rem; + font-size: 0.85rem; } .wrapBreakWord { word-break: break-word; @@ -75,11 +88,11 @@ Axe-core® Accessibility Results - +
-

+

Axe-core® Accessibility Results -

+
Page URL: @@ -93,7 +106,7 @@

  • Analyze full page with all rules enabled

    • -
    axe-core found 85 violations
    +

    axe-core found 85 violations

    @@ -224,9 +237,9 @@

    Failed

    -
    +

    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 @@ -258,7 +271,7 @@

    section508 section508.22.a -
    +

    @@ -304,9 +317,9 @@
    -
    +

    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 -

    +

    @@ -568,9 +581,9 @@
    -
    +

    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 -

    +

    @@ -640,9 +653,9 @@
    -
    +

    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 -

    +

    @@ -894,9 +907,9 @@
    -
    +

    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 @@ -930,7 +943,7 @@

    section508 section508.22.i -
    +

    @@ -994,9 +1007,9 @@
    -
    +

    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 -

    +

    @@ -1063,9 +1076,9 @@
    -
    +

    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 @@ -1097,7 +1110,7 @@

    section508 section508.22.a -
    +

    @@ -1207,9 +1220,9 @@
    -
    +

    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 @@ -1243,7 +1256,7 @@

    section508 section508.22.n -
    +

    @@ -1286,9 +1299,9 @@
    -
    +

    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 -

    +

    @@ -1407,9 +1420,9 @@
    -
    +

    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 -

    +

    @@ -1485,9 +1498,9 @@
    -
    +

    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 @@ -1517,7 +1530,7 @@

    wcag2a wcag141 -
    +

    @@ -1556,9 +1569,9 @@
    -
    +

    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 @@ -1592,7 +1605,7 @@

    section508 section508.22.a -
    +

    @@ -1833,9 +1846,9 @@
    -
    +

    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 -

    +

    @@ -2528,9 +2541,9 @@
    -
    +

    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 -

    +

    @@ -2631,5 +2644,5 @@
    - + diff --git a/artifacts/tcOnlyPasses.html b/artifacts/tcOnlyPasses.html index e900f03..41e0760 100644 --- a/artifacts/tcOnlyPasses.html +++ b/artifacts/tcOnlyPasses.html @@ -13,6 +13,19 @@ 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; @@ -23,7 +36,7 @@ color: #2557a7; } .violationNode { - font-size: 0.75rem; + font-size: 0.85rem; } .wrapBreakWord { word-break: break-word; @@ -75,11 +88,11 @@ Axe-core® Accessibility Results - +
    -

    +

    Axe-core® Accessibility Results -

    +
    Page URL: @@ -87,14 +100,14 @@


    -
    axe-core found 0 violations
    +

    axe-core found 0 violations

    -
    +

    -

    +

    -
    +

    -

    +

    -
    +

    -

    +

    - +
    diff --git a/artifacts/tcPassesAndViolations.html b/artifacts/tcPassesAndViolations.html index b636c7c..2e1e441 100644 --- a/artifacts/tcPassesAndViolations.html +++ b/artifacts/tcPassesAndViolations.html @@ -13,6 +13,19 @@ 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; @@ -23,7 +36,7 @@ color: #2557a7; } .violationNode { - font-size: 0.75rem; + font-size: 0.85rem; } .wrapBreakWord { word-break: break-word; @@ -75,11 +88,11 @@ Axe-core® Accessibility Results - +
    -

    +

    Axe-core® Accessibility Results -

    +
    Page URL: @@ -87,7 +100,7 @@


    -
    axe-core found 85 violations
    +

    axe-core found 85 violations

    @@ -218,9 +231,9 @@

    Failed

    -
    +

    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 @@ -252,7 +265,7 @@

    section508 section508.22.a -
    +

    @@ -298,9 +311,9 @@
    -
    +

    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 -

    +

    @@ -562,9 +575,9 @@
    -
    +

    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 -

    +

    @@ -634,9 +647,9 @@
    -
    +

    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 -

    +

    @@ -888,9 +901,9 @@
    -
    +

    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 @@ -924,7 +937,7 @@

    section508 section508.22.i -
    +

    @@ -988,9 +1001,9 @@
    -
    +

    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 -

    +

    @@ -1057,9 +1070,9 @@
    -
    +

    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 @@ -1091,7 +1104,7 @@

    section508 section508.22.a -
    +

    @@ -1201,9 +1214,9 @@
    -
    +

    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 @@ -1237,7 +1250,7 @@

    section508 section508.22.n -
    +

    @@ -1280,9 +1293,9 @@
    -
    +

    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 -

    +

    @@ -1401,9 +1414,9 @@
    -
    +

    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 -

    +

    @@ -1479,9 +1492,9 @@
    -
    +

    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 @@ -1511,7 +1524,7 @@

    wcag2a wcag141 -
    +

    @@ -1550,9 +1563,9 @@
    -
    +

    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 @@ -1586,7 +1599,7 @@

    section508 section508.22.a -
    +

    @@ -1827,9 +1840,9 @@
    -
    +

    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 -

    +

    @@ -2522,9 +2535,9 @@
    -
    +

    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 -

    +

    @@ -2623,7 +2636,7 @@
    -
    +

    -

    +

    - + diff --git a/artifacts/tcWithTheKey.html b/artifacts/tcWithTheKey.html index 2c7f743..bc8bc2b 100644 --- a/artifacts/tcWithTheKey.html +++ b/artifacts/tcWithTheKey.html @@ -13,6 +13,19 @@ 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; @@ -23,7 +36,7 @@ color: #2557a7; } .violationNode { - font-size: 0.75rem; + font-size: 0.85rem; } .wrapBreakWord { word-break: break-word; @@ -75,11 +88,11 @@ Axe-core® Accessibility Results - +
    -

    +

    Axe-core® Accessibility Results for DEQUE project -

    +
    Page URL: @@ -87,14 +100,14 @@


    -
    axe-core found 0 violations
    +

    axe-core found 0 violations

    -
    +

    -

    +

    -
    +

    -

    +

    - +
    diff --git a/artifacts/tsAllOptionalParametersPresent.html b/artifacts/tsAllOptionalParametersPresent.html index b0dcc0b..2ca6e7d 100644 --- a/artifacts/tsAllOptionalParametersPresent.html +++ b/artifacts/tsAllOptionalParametersPresent.html @@ -13,6 +13,19 @@ 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; @@ -23,7 +36,7 @@ color: #2557a7; } .violationNode { - font-size: 0.75rem; + font-size: 0.85rem; } .wrapBreakWord { word-break: break-word; @@ -75,11 +88,11 @@ Axe-core® Accessibility Results - +
    -

    +

    Axe-core® Accessibility Results for DEQUE project -

    +
    Page URL: @@ -93,7 +106,7 @@

  • Analyze full page with all rules enabled

    • -
    axe-core found 85 violations
    +

    axe-core found 85 violations

    @@ -224,9 +237,9 @@

    Failed

    -
    +

    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 @@ -258,7 +271,7 @@

    section508 section508.22.a -
    +

    @@ -304,9 +317,9 @@
    -
    +

    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 -

    +

    @@ -568,9 +581,9 @@
    -
    +

    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 -

    +

    @@ -640,9 +653,9 @@
    -
    +

    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 -

    +

    @@ -894,9 +907,9 @@
    -
    +

    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 @@ -930,7 +943,7 @@

    section508 section508.22.i -
    +

    @@ -994,9 +1007,9 @@
    -
    +

    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 -

    +

    @@ -1063,9 +1076,9 @@
    -
    +

    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 @@ -1097,7 +1110,7 @@

    section508 section508.22.a -
    +

    @@ -1207,9 +1220,9 @@
    -
    +

    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 @@ -1243,7 +1256,7 @@

    section508 section508.22.n -
    +

    @@ -1286,9 +1299,9 @@
    -
    +

    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 -

    +

    @@ -1407,9 +1420,9 @@
    -
    +

    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 -

    +

    @@ -1485,9 +1498,9 @@
    -
    +

    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 @@ -1517,7 +1530,7 @@

    wcag2a wcag141 -
    +

    @@ -1556,9 +1569,9 @@
    -
    +

    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 @@ -1592,7 +1605,7 @@

    section508 section508.22.a -
    +

    @@ -1833,9 +1846,9 @@
    -
    +

    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 -

    +

    @@ -2528,9 +2541,9 @@
    -
    +

    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 -

    +

    @@ -2629,7 +2642,7 @@
    -
    +

    -

    +

    -
    +

    -

    +

    -
    +

    -

    +

    - + diff --git a/artifacts/urlIsNotPassed.html b/artifacts/urlIsNotPassed.html index a2f39ec..f99bcc8 100644 --- a/artifacts/urlIsNotPassed.html +++ b/artifacts/urlIsNotPassed.html @@ -13,6 +13,19 @@ 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; @@ -23,7 +36,7 @@ color: #2557a7; } .violationNode { - font-size: 0.75rem; + font-size: 0.85rem; } .wrapBreakWord { word-break: break-word; @@ -75,14 +88,14 @@ Axe-core® Accessibility Results - +
    -

    +

    Axe-core® Accessibility Results -

    +
    -
    axe-core found 85 violations
    +

    axe-core found 85 violations

    @@ -213,9 +226,9 @@

    Failed

    -
    +

    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 @@ -247,7 +260,7 @@

    section508 section508.22.a -
    +

    @@ -293,9 +306,9 @@
    -
    +

    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 -

    +

    @@ -557,9 +570,9 @@
    -
    +

    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 -

    +

    @@ -629,9 +642,9 @@
    -
    +

    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 -

    +

    @@ -883,9 +896,9 @@
    -
    +

    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 @@ -919,7 +932,7 @@

    section508 section508.22.i -
    +

    @@ -983,9 +996,9 @@
    -
    +

    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 -

    +

    @@ -1052,9 +1065,9 @@
    -
    +

    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 @@ -1086,7 +1099,7 @@

    section508 section508.22.a -
    +

    @@ -1196,9 +1209,9 @@
    -
    +

    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 @@ -1232,7 +1245,7 @@

    section508 section508.22.n -
    +

    @@ -1275,9 +1288,9 @@
    -
    +

    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 -

    +

    @@ -1396,9 +1409,9 @@
    -
    +

    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 -

    +

    @@ -1474,9 +1487,9 @@
    -
    +

    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 @@ -1506,7 +1519,7 @@

    wcag2a wcag141 -
    +

    @@ -1545,9 +1558,9 @@
    -
    +

    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 @@ -1581,7 +1594,7 @@

    section508 section508.22.a -
    +

    @@ -1822,9 +1835,9 @@
    -
    +

    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 -

    +

    @@ -2517,9 +2530,9 @@
    -
    +

    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 -

    +

    @@ -2620,5 +2633,5 @@
    - + diff --git a/docs/index.html b/docs/index.html index 5a17d8c..e877eb1 100644 --- a/docs/index.html +++ b/docs/index.html @@ -13,6 +13,19 @@ 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; @@ -23,7 +36,7 @@ color: #2557a7; } .violationNode { - font-size: 0.75rem; + font-size: 0.85rem; } .wrapBreakWord { word-break: break-word; @@ -75,11 +88,11 @@ Axe-core® Accessibility Results - +
    -

    +

    Axe-core® Accessibility Results for TEST project -

    +
    Page URL: @@ -93,7 +106,7 @@

  • Analyze full page with all rules enabled

    • -
    axe-core found 6 violations
    +

    axe-core found 6 violations

    @@ -144,9 +157,9 @@

    Failed

    -
    +

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

    +

    @@ -213,9 +226,9 @@
    -
    +

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

    +

    @@ -280,9 +293,9 @@
    -
    +

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

    +

    @@ -352,9 +365,9 @@
    -
    +

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

    +

    @@ -453,7 +466,7 @@
    -
    +

    -

    +

    -
    +

    -

    +

    -
    +

    -

    +

    -
    +

    -

    +

    - + diff --git a/src/util/template/pageTemplate.html b/src/util/template/pageTemplate.html index 2355a53..722465c 100644 --- a/src/util/template/pageTemplate.html +++ b/src/util/template/pageTemplate.html @@ -13,6 +13,19 @@ 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; @@ -23,7 +36,7 @@ color: #2557a7; } .violationNode { - font-size: 0.75rem; + font-size: 0.85rem; } .wrapBreakWord { word-break: break-word; @@ -75,11 +88,11 @@ Axe-core® Accessibility Results - +
    -

    +

    Axe-core® Accessibility Results{{#projectKey}} for {{projectKey}} project{{/projectKey}} -

    +
    {{#url}}
    @@ -91,7 +104,7 @@

    {{{customSummary}}}
    {{/customSummary}}

    -
    {{{violationsSummary}}}
    +

    {{{violationsSummary}}}

    {{#violationDetails.length}}
    @@ -124,9 +137,9 @@

    Failed

    -
    +

    {{index}}. {{help}} -

    +

    >
    -
    {{id}}
    -
    +

    {{id}}

    +

    {{wcag}} -

    +

    {{description}}

    -
    +

    {{impact}} -

    +

    -
    +

    Issue Tags: {{#tags}} {{.}} {{/tags}} -

    +

    @@ -201,7 +214,7 @@
    -
    +

    -

    +

    -
    +

    -

    +

    -
    +

    -

    +

    -
    +

    -

    +

    - + diff --git a/temp/tcPassesViolationsIncomplete.html b/temp/tcPassesViolationsIncomplete.html index a7f71c2..4dcc06c 100644 --- a/temp/tcPassesViolationsIncomplete.html +++ b/temp/tcPassesViolationsIncomplete.html @@ -13,6 +13,19 @@ 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; @@ -23,7 +36,7 @@ color: #2557a7; } .violationNode { - font-size: 0.75rem; + font-size: 0.85rem; } .wrapBreakWord { word-break: break-word; @@ -75,11 +88,11 @@ Axe-core® Accessibility Results - +
    -

    +

    Axe-core® Accessibility Results -

    +
    Page URL: @@ -87,7 +100,7 @@


    -
    axe-core found 85 violations
    +

    axe-core found 85 violations

    @@ -218,9 +231,9 @@

    Failed

    -
    +

    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 @@ -252,7 +265,7 @@

    section508 section508.22.a -
    +

    @@ -298,9 +311,9 @@
    -
    +

    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 -

    +

    @@ -562,9 +575,9 @@
    -
    +

    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 -

    +

    @@ -634,9 +647,9 @@
    -
    +

    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 -

    +

    @@ -888,9 +901,9 @@
    -
    +

    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 @@ -924,7 +937,7 @@

    section508 section508.22.i -
    +

    @@ -988,9 +1001,9 @@
    -
    +

    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 -

    +

    @@ -1057,9 +1070,9 @@
    -
    +

    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 @@ -1091,7 +1104,7 @@

    section508 section508.22.a -
    +

    @@ -1201,9 +1214,9 @@
    -
    +

    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 @@ -1237,7 +1250,7 @@

    section508 section508.22.n -
    +

    @@ -1280,9 +1293,9 @@
    -
    +

    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 -

    +

    @@ -1401,9 +1414,9 @@
    -
    +

    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 -

    +

    @@ -1479,9 +1492,9 @@
    -
    +

    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 @@ -1511,7 +1524,7 @@

    wcag2a wcag141 -
    +

    @@ -1550,9 +1563,9 @@
    -
    +

    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 @@ -1586,7 +1599,7 @@

    section508 section508.22.a -
    +

    @@ -1827,9 +1840,9 @@
    -
    +

    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 -

    +

    @@ -2522,9 +2535,9 @@
    -
    +

    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 -

    +

    @@ -2623,7 +2636,7 @@
    -
    +

    -

    +

    -
    +

    -

    +

    - + diff --git a/test/__snapshots__/index.test.ts.snap b/test/__snapshots__/index.test.ts.snap index aa2440a..664f382 100644 --- a/test/__snapshots__/index.test.ts.snap +++ b/test/__snapshots__/index.test.ts.snap @@ -16,6 +16,19 @@ exports[`Successful tests All optional parameters present 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; @@ -26,7 +39,7 @@ exports[`Successful tests All optional parameters present 1`] = ` color: #2557a7; } .violationNode { - font-size: 0.75rem; + font-size: 0.85rem; } .wrapBreakWord { word-break: break-word; @@ -78,11 +91,11 @@ exports[`Successful tests All optional parameters present 1`] = ` Axe-core® Accessibility Results - +
    -

    +

    Axe-core® Accessibility Results for DEQUE project -

    +
    Page URL: @@ -96,7 +109,7 @@ exports[`Successful tests All optional parameters present 1`] = `
  • Analyze full page with all rules enabled
    • -
    axe-core found 85 violations
    +

    axe-core found 85 violations

    @@ -227,9 +240,9 @@ exports[`Successful tests All optional parameters present 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 @@ -261,7 +274,7 @@ exports[`Successful tests All optional parameters present 1`] = ` section508 section508.22.a -

    +

    @@ -307,9 +320,9 @@ exports[`Successful tests All optional parameters present 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 -

    +

    @@ -571,9 +584,9 @@ exports[`Successful tests All optional parameters present 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 -

    +

    @@ -643,9 +656,9 @@ exports[`Successful tests All optional parameters present 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 -

    +

    @@ -897,9 +910,9 @@ exports[`Successful tests All optional parameters present 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 @@ -933,7 +946,7 @@ exports[`Successful tests All optional parameters present 1`] = ` section508 section508.22.i -

    +

    @@ -997,9 +1010,9 @@ exports[`Successful tests All optional parameters present 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 -

    +

    @@ -1066,9 +1079,9 @@ exports[`Successful tests All optional parameters present 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 @@ -1100,7 +1113,7 @@ exports[`Successful tests All optional parameters present 1`] = ` section508 section508.22.a -

    +

    @@ -1210,9 +1223,9 @@ exports[`Successful tests All optional parameters present 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 @@ -1246,7 +1259,7 @@ exports[`Successful tests All optional parameters present 1`] = ` section508 section508.22.n -

    +

    @@ -1289,9 +1302,9 @@ exports[`Successful tests All optional parameters present 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 -

    +

    @@ -1410,9 +1423,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 -

    +

    @@ -1488,9 +1501,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 @@ -1520,7 +1533,7 @@ html wcag2a wcag141 -

    +

    @@ -1559,9 +1572,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 @@ -1595,7 +1608,7 @@ html section508 section508.22.a -

    +

    @@ -1836,9 +1849,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 -

    +

    @@ -2531,9 +2544,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 -

    +

    @@ -2632,7 +2645,7 @@ img[src$="jot"]
    -
    +

    -

    +

    -
    +

    -

    +

    -
    +

    -

    +

    - + " `; @@ -3334,6 +3347,19 @@ exports[`Successful tests Custom Summary present 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; @@ -3344,7 +3370,7 @@ exports[`Successful tests Custom Summary present 1`] = ` color: #2557a7; } .violationNode { - font-size: 0.75rem; + font-size: 0.85rem; } .wrapBreakWord { word-break: break-word; @@ -3396,11 +3422,11 @@ exports[`Successful tests Custom Summary present 1`] = ` Axe-core® Accessibility Results - +
    -

    +

    Axe-core® Accessibility Results -

    +
    Page URL: @@ -3414,7 +3440,7 @@ exports[`Successful tests Custom Summary present 1`] = `
  • Analyze full page with all rules enabled
    • -
    axe-core found 85 violations
    +

    axe-core found 85 violations

    @@ -3545,9 +3571,9 @@ exports[`Successful tests Custom Summary present 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 @@ -3579,7 +3605,7 @@ exports[`Successful tests Custom Summary present 1`] = ` section508 section508.22.a -

    +

    @@ -3625,9 +3651,9 @@ exports[`Successful tests Custom Summary present 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 -

    +

    @@ -3889,9 +3915,9 @@ exports[`Successful tests Custom Summary present 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 -

    +

    @@ -3961,9 +3987,9 @@ exports[`Successful tests Custom Summary present 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 -

    +

    @@ -4215,9 +4241,9 @@ exports[`Successful tests Custom Summary present 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 @@ -4251,7 +4277,7 @@ exports[`Successful tests Custom Summary present 1`] = ` section508 section508.22.i -

    +

    @@ -4315,9 +4341,9 @@ exports[`Successful tests Custom Summary present 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 -

    +

    @@ -4384,9 +4410,9 @@ exports[`Successful tests Custom Summary present 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 @@ -4418,7 +4444,7 @@ exports[`Successful tests Custom Summary present 1`] = ` section508 section508.22.a -

    +

    @@ -4528,9 +4554,9 @@ exports[`Successful tests Custom Summary present 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 @@ -4564,7 +4590,7 @@ exports[`Successful tests Custom Summary present 1`] = ` section508 section508.22.n -

    +

    @@ -4607,9 +4633,9 @@ exports[`Successful tests Custom Summary present 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 -

    +

    @@ -4728,9 +4754,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 -

    +

    @@ -4806,9 +4832,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 @@ -4838,7 +4864,7 @@ html wcag2a wcag141 -

    +

    @@ -4877,9 +4903,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 @@ -4913,7 +4939,7 @@ html section508 section508.22.a -

    +

    @@ -5154,9 +5180,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 -

    +

    @@ -5849,9 +5875,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 -

    +

    @@ -5952,7 +5978,7 @@ img[src$="jot"] - + " `; @@ -5973,6 +5999,19 @@ exports[`Successful tests Empty all: violation, passes, incomplete, inapplicable 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; @@ -5983,7 +6022,7 @@ exports[`Successful tests Empty all: violation, passes, incomplete, inapplicable color: #2557a7; } .violationNode { - font-size: 0.75rem; + font-size: 0.85rem; } .wrapBreakWord { word-break: break-word; @@ -6035,11 +6074,11 @@ exports[`Successful tests Empty all: violation, passes, incomplete, inapplicable Axe-core® Accessibility Results - +
    -

    +

    Axe-core® Accessibility Results -

    +
    Page URL: @@ -6047,14 +6086,14 @@ exports[`Successful tests Empty all: violation, passes, incomplete, inapplicable
    -
    axe-core found 0 violations
    +

    axe-core found 0 violations

    -
    +

    +

    -
    +

    +

    -
    +

    +

    hljs.initHighlightingOnLoad(); - +
    " `; @@ -6183,6 +6222,19 @@ exports[`Successful tests Empty violations 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; @@ -6193,7 +6245,7 @@ exports[`Successful tests Empty violations 1`] = ` color: #2557a7; } .violationNode { - font-size: 0.75rem; + font-size: 0.85rem; } .wrapBreakWord { word-break: break-word; @@ -6245,14 +6297,14 @@ exports[`Successful tests Empty violations 1`] = ` Axe-core® Accessibility Results - +
    -

    +

    Axe-core® Accessibility Results -

    +
    -
    axe-core found 0 violations
    +

    axe-core found 0 violations

    @@ -6261,7 +6313,7 @@ exports[`Successful tests Empty violations 1`] = ` - +
    " `; @@ -6282,6 +6334,19 @@ exports[`Successful tests File will not be created and raw HTML result will be r 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; @@ -6292,7 +6357,7 @@ exports[`Successful tests File will not be created and raw HTML result will be r color: #2557a7; } .violationNode { - font-size: 0.75rem; + font-size: 0.85rem; } .wrapBreakWord { word-break: break-word; @@ -6344,11 +6409,11 @@ exports[`Successful tests File will not be created and raw HTML result will be r Axe-core® Accessibility Results - +
    -

    +

    Axe-core® Accessibility Results for I need only raw HTML project -

    +
    Page URL: @@ -6362,7 +6427,7 @@ exports[`Successful tests File will not be created and raw HTML result will be r
  • Analyze full page with all rules enabled
    • -
    axe-core found 6 violations
    +

    axe-core found 6 violations

    @@ -6413,9 +6478,9 @@ exports[`Successful tests File will not be created and raw HTML result will be r
    -
    +

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

    +

    @@ -6482,9 +6547,9 @@ exports[`Successful tests File will not be created and raw HTML result will be r
    -
    +

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

    +

    @@ -6549,9 +6614,9 @@ exports[`Successful tests File will not be created and raw HTML result will be r
    -
    +

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

    +

    @@ -6621,9 +6686,9 @@ exports[`Successful tests File will not be created and raw HTML result will be r
    -
    +

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

    +

    @@ -6722,7 +6787,7 @@ exports[`Successful tests File will not be created and raw HTML result will be r
    -
    +

    +

    -
    +

    +

    -
    +

    +

    -
    +

    -

    +

    hljs.initHighlightingOnLoad(); - + " `; @@ -7987,6 +8052,19 @@ exports[`Successful tests Inapplicable present 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; @@ -7997,7 +8075,7 @@ exports[`Successful tests Inapplicable present 1`] = ` color: #2557a7; } .violationNode { - font-size: 0.75rem; + font-size: 0.85rem; } .wrapBreakWord { word-break: break-word; @@ -8049,11 +8127,11 @@ exports[`Successful tests Inapplicable present 1`] = ` Axe-core® Accessibility Results - +
    -

    +

    Axe-core® Accessibility Results -

    +
    Page URL: @@ -8061,7 +8139,7 @@ exports[`Successful tests Inapplicable present 1`] = `
    -
    axe-core found 85 violations
    +

    axe-core found 85 violations

    @@ -8192,9 +8270,9 @@ exports[`Successful tests Inapplicable present 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 @@ -8226,7 +8304,7 @@ exports[`Successful tests Inapplicable present 1`] = ` section508 section508.22.a -

    +

    @@ -8272,9 +8350,9 @@ exports[`Successful tests Inapplicable present 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 -

    +

    @@ -8536,9 +8614,9 @@ exports[`Successful tests Inapplicable present 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 -

    +

    @@ -8608,9 +8686,9 @@ exports[`Successful tests Inapplicable present 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 -

    +

    @@ -8862,9 +8940,9 @@ exports[`Successful tests Inapplicable present 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 @@ -8898,7 +8976,7 @@ exports[`Successful tests Inapplicable present 1`] = ` section508 section508.22.i -

    +

    @@ -8962,9 +9040,9 @@ exports[`Successful tests Inapplicable present 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 -

    +

    @@ -9031,9 +9109,9 @@ exports[`Successful tests Inapplicable present 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 @@ -9065,7 +9143,7 @@ exports[`Successful tests Inapplicable present 1`] = ` section508 section508.22.a -

    +

    @@ -9175,9 +9253,9 @@ exports[`Successful tests Inapplicable present 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 @@ -9211,7 +9289,7 @@ exports[`Successful tests Inapplicable present 1`] = ` section508 section508.22.n -

    +

    @@ -9254,9 +9332,9 @@ exports[`Successful tests Inapplicable present 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 -

    +

    @@ -9375,9 +9453,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 -

    +

    @@ -9453,9 +9531,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 @@ -9485,7 +9563,7 @@ html wcag2a wcag141 -

    +

    @@ -9524,9 +9602,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 @@ -9560,7 +9638,7 @@ html section508 section508.22.a -

    +

    @@ -9801,9 +9879,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 -

    +

    @@ -10496,9 +10574,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 -

    +

    @@ -10597,7 +10675,7 @@ img[src$="jot"]
    -
    +

    -

    +

    -
    +

    -

    +

    -
    +

    -

    +

    - + " `; @@ -11343,6 +11421,19 @@ exports[`Successful tests No violations found, passes, incomplete, url + reportF 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; @@ -11353,7 +11444,7 @@ exports[`Successful tests No violations found, passes, incomplete, url + reportF color: #2557a7; } .violationNode { - font-size: 0.75rem; + font-size: 0.85rem; } .wrapBreakWord { word-break: break-word; @@ -11405,11 +11496,11 @@ exports[`Successful tests No violations found, passes, incomplete, url + reportF Axe-core® Accessibility Results - +
    -

    +

    Axe-core® Accessibility Results for DEQUE project -

    +
    Page URL: @@ -11417,14 +11508,14 @@ exports[`Successful tests No violations found, passes, incomplete, url + reportF
    -
    axe-core found 0 violations
    +

    axe-core found 0 violations

    -
    +

    +

    -
    +

    +

    hljs.initHighlightingOnLoad(); - +
    " `; @@ -11875,6 +11966,19 @@ exports[`Successful tests Raw AxeResults passed and all optional params 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; @@ -11885,7 +11989,7 @@ exports[`Successful tests Raw AxeResults passed and all optional params 1`] = ` color: #2557a7; } .violationNode { - font-size: 0.75rem; + font-size: 0.85rem; } .wrapBreakWord { word-break: break-word; @@ -11937,11 +12041,11 @@ exports[`Successful tests Raw AxeResults passed and all optional params 1`] = ` Axe-core® Accessibility Results - +
    -

    +

    Axe-core® Accessibility Results for TEST project -

    +
    Page URL: @@ -11955,7 +12059,7 @@ exports[`Successful tests Raw AxeResults passed and all optional params 1`] = `
  • Analyze full page with all rules enabled
    • -
    axe-core found 6 violations
    +

    axe-core found 6 violations

    @@ -12006,9 +12110,9 @@ exports[`Successful tests Raw AxeResults passed and all optional params 1`] = `
    -
    +

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

    +

    @@ -12075,9 +12179,9 @@ exports[`Successful tests Raw AxeResults passed and all optional params 1`] = `
    -
    +

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

    +

    @@ -12142,9 +12246,9 @@ exports[`Successful tests Raw AxeResults passed and all optional params 1`] = `
    -
    +

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

    +

    @@ -12214,9 +12318,9 @@ exports[`Successful tests Raw AxeResults passed and all optional params 1`] = `
    -
    +

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

    +

    @@ -12315,7 +12419,7 @@ exports[`Successful tests Raw AxeResults passed and all optional params 1`] = `
    @@ -13780,9 +13903,9 @@ exports[`Successful tests Violations 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 @@ -13814,7 +13937,7 @@ exports[`Successful tests Violations 1`] = ` section508 section508.22.a -

    +

    @@ -13860,9 +13983,9 @@ exports[`Successful tests Violations 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 -

    +

    @@ -14124,9 +14247,9 @@ exports[`Successful tests Violations 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 -

    +

    @@ -14196,9 +14319,9 @@ exports[`Successful tests Violations 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 -

    +

    @@ -14450,9 +14573,9 @@ exports[`Successful tests Violations 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 @@ -14486,7 +14609,7 @@ exports[`Successful tests Violations 1`] = ` section508 section508.22.i -

    +

    @@ -14550,9 +14673,9 @@ exports[`Successful tests Violations 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 -

    +

    @@ -14619,9 +14742,9 @@ exports[`Successful tests Violations 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 @@ -14653,7 +14776,7 @@ exports[`Successful tests Violations 1`] = ` section508 section508.22.a -

    +

    @@ -14763,9 +14886,9 @@ exports[`Successful tests Violations 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 @@ -14799,7 +14922,7 @@ exports[`Successful tests Violations 1`] = ` section508 section508.22.n -

    +

    @@ -14842,9 +14965,9 @@ exports[`Successful tests Violations 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 -

    +

    @@ -14963,9 +15086,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 -

    +

    @@ -15041,9 +15164,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 @@ -15073,7 +15196,7 @@ html wcag2a wcag141 -

    +

    @@ -15112,9 +15235,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 @@ -15148,7 +15271,7 @@ html section508 section508.22.a -

    +

    @@ -15389,9 +15512,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 -

    +

    @@ -16084,9 +16207,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 -

    +

    @@ -16182,225 +16305,3558 @@ img[src$="jot"] - - - - - -" -`; - -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
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - +
    +
    +
    +

    + +

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

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -16413,9 +19869,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 @@ -16447,7 +19903,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
    14 Elements should not have tabindex greater than zero tabindex Best practice
    @@ -16493,9 +19949,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 -

    +

    @@ -16757,9 +20213,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 -

    +

    @@ -16829,9 +20285,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 -

    +

    @@ -17083,9 +20539,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 @@ -17119,7 +20575,7 @@ exports[`Successful tests Violations and URL with default report file name 1`] = section508 section508.22.i -

    +

    @@ -17183,9 +20639,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 -

    +

    @@ -17252,9 +20708,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 @@ -17286,7 +20742,7 @@ exports[`Successful tests Violations and URL with default report file name 1`] = section508 section508.22.a -

    +

    @@ -17396,9 +20852,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 @@ -17432,7 +20888,7 @@ exports[`Successful tests Violations and URL with default report file name 1`] = section508 section508.22.n -

    +

    @@ -17475,9 +20931,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 -

    +

    @@ -17596,9 +21052,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 -

    +

    @@ -17674,9 +21130,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 @@ -17706,7 +21162,7 @@ html wcag2a wcag141 -

    +

    @@ -17745,9 +21201,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 @@ -17781,7 +21237,7 @@ html section508 section508.22.a -

    +

    @@ -18022,9 +21478,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 -

    +

    @@ -18717,9 +22173,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 -

    +

    @@ -18820,7 +22276,7 @@ img[src$="jot"] - + " `; @@ -18841,6 +22297,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; @@ -18851,7 +22320,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; @@ -18903,11 +22372,11 @@ exports[`Successful tests Violations, passes and url 1`] = ` Axe-core® Accessibility Results - +
    -

    +

    Axe-core® Accessibility Results -

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

    axe-core found 85 violations

    @@ -19046,9 +22515,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 @@ -19080,7 +22549,7 @@ exports[`Successful tests Violations, passes and url 1`] = ` section508 section508.22.a -

    +

    @@ -19126,9 +22595,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 -

    +

    @@ -19390,9 +22859,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 -

    +

    @@ -19462,9 +22931,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 -

    +

    @@ -19716,9 +23185,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 @@ -19752,7 +23221,7 @@ exports[`Successful tests Violations, passes and url 1`] = ` section508 section508.22.i -

    +

    @@ -19816,9 +23285,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 -

    +

    @@ -19885,9 +23354,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 @@ -19919,7 +23388,7 @@ exports[`Successful tests Violations, passes and url 1`] = ` section508 section508.22.a -

    +

    @@ -20029,9 +23498,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 @@ -20065,7 +23534,7 @@ exports[`Successful tests Violations, passes and url 1`] = ` section508 section508.22.n -

    +

    @@ -20108,9 +23577,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 -

    +

    @@ -20229,9 +23698,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 -

    +

    @@ -20307,9 +23776,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 @@ -20339,7 +23808,7 @@ html wcag2a wcag141 -

    +

    @@ -20378,9 +23847,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 @@ -20414,7 +23883,7 @@ html section508 section508.22.a -

    +

    @@ -20655,9 +24124,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 -

    +

    @@ -21350,9 +24819,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 -

    +

    @@ -21451,7 +24920,7 @@ img[src$="jot"]
    -
    +

    -

    +

    - + " `; @@ -21818,6 +25287,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; @@ -21828,7 +25310,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; @@ -21880,11 +25362,11 @@ exports[`Successful tests Violations, passes, incomplete, url with reportFileNam Axe-core® Accessibility Results - +
    -

    +

    Axe-core® Accessibility Results -

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

    axe-core found 85 violations

    @@ -22023,9 +25505,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 @@ -22057,7 +25539,7 @@ exports[`Successful tests Violations, passes, incomplete, url with reportFileNam section508 section508.22.a -

    +

    @@ -22103,9 +25585,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 -

    +

    @@ -22367,9 +25849,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 -

    +

    @@ -22439,9 +25921,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 -

    +

    @@ -22693,9 +26175,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 @@ -22729,7 +26211,7 @@ exports[`Successful tests Violations, passes, incomplete, url with reportFileNam section508 section508.22.i -

    +

    @@ -22793,9 +26275,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 -

    +

    @@ -22862,9 +26344,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 @@ -22896,7 +26378,7 @@ exports[`Successful tests Violations, passes, incomplete, url with reportFileNam section508 section508.22.a -

    +

    @@ -23006,9 +26488,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 @@ -23042,7 +26524,7 @@ exports[`Successful tests Violations, passes, incomplete, url with reportFileNam section508 section508.22.n -

    +

    @@ -23085,9 +26567,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 -

    +

    @@ -23206,9 +26688,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 -

    +

    @@ -23284,9 +26766,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 @@ -23316,7 +26798,7 @@ html wcag2a wcag141 -

    +

    @@ -23355,9 +26837,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 @@ -23391,7 +26873,7 @@ html section508 section508.22.a -

    +

    @@ -23632,9 +27114,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 -

    +

    @@ -24327,9 +27809,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 -

    +

    @@ -24428,7 +27910,7 @@ img[src$="jot"]
    -
    +

    -

    +

    -
    +

    -

    +

    - + " `; diff --git a/test/index.test.ts b/test/index.test.ts index 6b096c2..2b96988 100644 --- a/test/index.test.ts +++ b/test/index.test.ts @@ -261,4 +261,25 @@ describe('Successful tests', () => { const isReportFileExist = fs.existsSync(getPathToCreatedReport('shouldNotBeSaved.html')); expect(isReportFileExist).toBe(false); }); + // Verifies report with all optional parameters + it('Test github pages', async () => { + const reportFileName = 'githubPages.html'; + const customSummary = "Test own github pages and report accessibility"; + + createHtmlReport({ + results: { + violations: axeRawViolations, + passes: axeRawPassed, + incomplete: [], + inapplicable: axeRawInapplicable, + url: 'https://lpelypenko.github.io/axe-html-reporter/', + }, + options: { projectKey: 'DEQUE', customSummary, reportFileName }, + }); + expect( + fs.readFileSync(getPathToCreatedReport(reportFileName), { + encoding: 'utf8', + }) + ).toMatchSnapshot(); + }); });