Axe-core® Accessibility Results for Accessibility Audit project

Page URL: https://www.trugreen.com/lawn-care-101

axe-core found 3 violations

# Description Axe rule ID WCAG Impact Count
1 Elements must meet minimum color contrast ratio thresholds color-contrast WCAG 2 Level AA, WCAG 1.4.3 serious 1
2 Images must have alternative text image-alt WCAG 2 Level A, WCAG 1.1.1 critical 1
3 Links must have discernible text link-name WCAG 2 Level A, WCAG 2.4.4, WCAG 4.1.2 serious 1

Failed

1. Elements must meet minimum color contrast ratio thresholds

Learn more

color-contrast

WCAG 2 Level AA, WCAG 1.4.3

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

serious

Issue Tags: cat.color wcag2aa wcag143 TTv5 TT13.c EN-301-549 EN-9.1.4.3 ACT RGAAv4 RGAA-3.2.1

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

Element location

#QSIFeedbackButton-btn > div > div:nth-child(2)

Element source

<div>Provide Feedback</div>

Fix any of the following:

  • Element has insufficient color contrast of 2.85 (foreground color: #ffffff, background color: #00b140, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1

Related node:

#QSIFeedbackButton-btn > div

2. Images must have alternative text

Learn more

image-alt

WCAG 2 Level A, WCAG 1.1.1

Ensure <img> elements have alternative text or a role of none or presentation

critical

Issue Tags: cat.text-alternatives wcag2a wcag111 section508 section508.22.a TTv5 TT7.a TT7.b EN-301-549 EN-9.1.1.1 ACT RGAAv4 RGAA-1.1.1

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

Element location

img[src$="Call.svg"]

Element source

<img src="/images/header/Call.svg">

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
  • Element's default semantics were not overridden with role="none" or role="presentation"

3. Links must have discernible text

Learn more

link-name

WCAG 2 Level A, WCAG 2.4.4, WCAG 4.1.2

Ensure links have discernible text

serious

Issue Tags: cat.name-role-value wcag2a wcag244 wcag412 section508 section508.22.a TTv5 TT6.a EN-301-549 EN-9.2.4.4 EN-9.4.1.2 ACT RGAAv4 RGAA-6.2.1

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

Element location

.call-center-mobile

Element source

<a href="tel:+18444268846" class="mob-links InfinityNumber clickable call-center-mobile" id="checkinfinity" style="display:block !important"><img src="/images/header/Call.svg"><span class="InfinityNumber clickable add-remove-call-center-no d-none">Call </span></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 has no title attribute

# Description Axe rule ID WCAG Nodes passed check
1 Elements must only use supported ARIA attributes aria-allowed-attr WCAG 2 Level A, WCAG 4.1.2 7
2 ARIA attributes must be used as specified for the element's role aria-conditional-attr WCAG 2 Level A, WCAG 4.1.2 7
3 Deprecated ARIA roles must not be used aria-deprecated-role WCAG 2 Level A, WCAG 4.1.2 3
4 aria-hidden="true" must not be present on the document body aria-hidden-body WCAG 2 Level A, WCAG 1.3.1, WCAG 4.1.2 1
5 ARIA hidden element must not be focusable or contain focusable elements aria-hidden-focus WCAG 2 Level A, WCAG 4.1.2 10
6 Elements must only use permitted ARIA attributes aria-prohibited-attr WCAG 2 Level A, WCAG 4.1.2 7
7 Required ARIA attributes must be provided aria-required-attr WCAG 2 Level A, WCAG 4.1.2 3
8 ARIA roles used must conform to valid values aria-roles WCAG 2 Level A, WCAG 4.1.2 3
9 ARIA attributes must conform to valid values aria-valid-attr-value WCAG 2 Level A, WCAG 4.1.2 7
10 ARIA attributes must conform to valid names aria-valid-attr WCAG 2 Level A, WCAG 4.1.2 7
11 Inline text spacing must be adjustable with custom stylesheets avoid-inline-spacing WCAG 2.1 Level AA, WCAG 1.4.1.2 47
12 Buttons must have discernible text button-name WCAG 2 Level A, WCAG 4.1.2 17
13 Page must have means to bypass repeated blocks bypass WCAG 2 Level A, WCAG 2.4.1 1
14 Elements must meet minimum color contrast ratio thresholds color-contrast WCAG 2 Level AA, WCAG 1.4.3 103
15 Documents must have <title> element to aid in navigation document-title WCAG 2 Level A, WCAG 2.4.2 1
16 IDs used in ARIA and labels must be unique duplicate-id-aria WCAG 2 Level A, WCAG 4.1.2 31
17 <html> element must have a lang attribute html-has-lang WCAG 2 Level A, WCAG 3.1.1 1
18 <html> element must have a valid value for the lang attribute html-lang-valid WCAG 2 Level A, WCAG 3.1.1 1
19 Images must have alternative text image-alt WCAG 2 Level A, WCAG 1.1.1 47
20 Links must be distinguishable without relying on color link-in-text-block WCAG 2 Level A, WCAG 1.4.1 4
21 Links must have discernible text link-name WCAG 2 Level A, WCAG 2.4.4, WCAG 4.1.2 59
22 <ul> and <ol> must only directly contain <li>, <script> or <template> elements list WCAG 2 Level A, WCAG 1.3.1 6
23 <li> elements must be contained in a <ul> or <ol> listitem WCAG 2 Level A, WCAG 1.3.1 25
24 Zooming and scaling must not be disabled meta-viewport WCAG 2 Level AA, WCAG 1.4.4 1
25 Interactive controls must not be nested nested-interactive WCAG 2 Level A, WCAG 4.1.2 65
26 Scrollable region must have keyboard access scrollable-region-focusable WCAG 2 Level A, WCAG 2.1.1, WCAG 2.1.3 1

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.

# Description Axe rule ID WCAG Nodes with incomplete check
1 Elements must meet minimum color contrast ratio thresholds color-contrast WCAG 2 Level AA, WCAG 1.4.3 5
2 IDs used in ARIA and labels must be unique duplicate-id-aria WCAG 2 Level A, WCAG 4.1.2 2

What 'inapplicable' axe checks means?

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

Visit axe API Documentation to learn more.

# Description Axe rule ID WCAG
1 Active <area> elements must have alternative text area-alt WCAG 2 Level A, WCAG 2.4.4, WCAG 4.1.2
2 aria-braille attributes must have a non-braille equivalent aria-braille-equivalent WCAG 2 Level A, WCAG 4.1.2
3 ARIA commands must have an accessible name aria-command-name WCAG 2 Level A, WCAG 4.1.2
4 ARIA input fields must have an accessible name aria-input-field-name WCAG 2 Level A, WCAG 4.1.2
5 ARIA meter nodes must have an accessible name aria-meter-name WCAG 2 Level A, WCAG 1.1.1
6 ARIA progressbar nodes must have an accessible name aria-progressbar-name WCAG 2 Level A, WCAG 1.1.1
7 Certain ARIA roles must contain particular children aria-required-children WCAG 2 Level A, WCAG 1.3.1
8 Certain ARIA roles must be contained by particular parents aria-required-parent WCAG 2 Level A, WCAG 1.3.1
9 ARIA toggle fields must have an accessible name aria-toggle-field-name WCAG 2 Level A, WCAG 4.1.2
10 ARIA tooltip nodes must have an accessible name aria-tooltip-name WCAG 2 Level A, WCAG 4.1.2
11 autocomplete attribute must be used correctly autocomplete-valid WCAG 2.1 Level AA, WCAG 1.3.5
12 <blink> elements are deprecated and must not be used blink WCAG 2 Level A, WCAG 2.2.2
13 <dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements definition-list WCAG 2 Level A, WCAG 1.3.1
14 <dt> and <dd> elements must be contained by a <dl> dlitem WCAG 2 Level A, WCAG 1.3.1
15 Form field must not have multiple label elements form-field-multiple-labels WCAG 2 Level A, WCAG 3.3.2
16 Frames with focusable content must not have tabindex=-1 frame-focusable-content WCAG 2 Level A, WCAG 2.1.1
17 Frames must have a unique title attribute frame-title-unique WCAG 2 Level A, WCAG 4.1.2
18 Frames must have an accessible name frame-title WCAG 2 Level A, WCAG 4.1.2
19 HTML elements with lang and xml:lang must have the same base language html-xml-lang-mismatch WCAG 2 Level A, WCAG 3.1.1
20 Input buttons must have discernible text input-button-name WCAG 2 Level A, WCAG 4.1.2
21 Image buttons must have alternative text input-image-alt WCAG 2 Level A, WCAG 1.1.1, WCAG 4.1.2
22 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2
23 <marquee> elements are deprecated and must not be used marquee WCAG 2 Level A, WCAG 2.2.2
24 Delayed refresh under 20 hours must not be used meta-refresh WCAG 2 Level A, WCAG 2.2.1
25 <object> elements must have alternative text object-alt WCAG 2 Level A, WCAG 1.1.1
26 [role="img"] elements must have alternative text role-img-alt WCAG 2 Level A, WCAG 1.1.1
27 Select element must have an accessible name select-name WCAG 2 Level A, WCAG 4.1.2
28 Server-side image maps must not be used server-side-image-map WCAG 2 Level A, WCAG 2.1.1
29 Summary elements must have discernible text summary-name WCAG 2 Level A, WCAG 4.1.2
30 <svg> elements with an img role must have alternative text svg-img-alt WCAG 2 Level A, WCAG 1.1.1
31 Table cell headers attributes must refer to other <th> elements in the same table td-headers-attr WCAG 2 Level A, WCAG 1.3.1
32 Table headers in a data table must refer to data cells th-has-data-cells WCAG 2 Level A, WCAG 1.3.1
33 lang attribute must have a valid value valid-lang WCAG 2 Level AA, WCAG 3.1.2
34 <video> elements must have captions video-caption WCAG 2 Level A, WCAG 1.2.2
35 <video> or <audio> elements must not play automatically no-autoplay-audio WCAG 2 Level A, WCAG 1.4.2