Axe-core® Accessibility Results for Accessibility Audit project

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

axe-core found 6 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 2
2 Images must have alternative text image-alt WCAG 2 Level A, WCAG 1.1.1 critical 2
3 Links must be distinguishable without relying on color link-in-text-block WCAG 2 Level A, WCAG 1.4.1 serious 1
4 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

.active.owl-item:nth-child(2) > .item > .reviews_card__3s8HJ > .reviews_card-body__Hd_kk > .reviews_more-btn__jDKRN.d-flex

Element source

<button class="reviews_more-btn__jDKRN d-flex" style="margin-bottom: 8px; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: rgb(0, 123, 255); cursor: pointer; padding: 0px;">More...</button>

Fix any of the following:

  • Element has insufficient color contrast of 1.67 (foreground color: #1ee576, background color: #ffffff, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1

Related node:

.active.owl-item:nth-child(2) > .item > .reviews_card__3s8HJ
2

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

Element location

body > img[width="0"][height="0"]

Element source

<img src="https://beacon.krxd.net/event.gif?event_id=Oa8pdivh&amp;event_type=default" width="0" height="0">

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 be distinguishable without relying on color

Learn more

link-in-text-block

WCAG 2 Level A, WCAG 1.4.1

Ensure links are distinguished from surrounding text in a way that does not rely on color

serious

Issue Tags: cat.color wcag2a wcag141 TTv5 TT13.a EN-301-549 EN-9.1.4.1 RGAAv4 RGAA-10.6.1

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

Element location

a[href$="pgatour.com/"]

Element source

<a href="https://pgatour.com/">PGATOUR.COM</a>

Fix any of the following:

  • The link has insufficient color contrast of 2.85:1 with the surrounding text. (Minimum contrast is 3:1, link text: #00b140, surrounding text: #ffffff)
  • The link has no styling (such as underline) to distinguish it from the surrounding text

Related node:

p:nth-child(9)
p:nth-child(9)

4. 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:+18443920546" 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 13
2 ARIA attributes must be used as specified for the element's role aria-conditional-attr WCAG 2 Level A, WCAG 4.1.2 13
3 Deprecated ARIA roles must not be used aria-deprecated-role WCAG 2 Level A, WCAG 4.1.2 8
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 13
7 Required ARIA attributes must be provided aria-required-attr WCAG 2 Level A, WCAG 4.1.2 8
8 ARIA roles used must conform to valid values aria-roles WCAG 2 Level A, WCAG 4.1.2 8
9 ARIA attributes must conform to valid values aria-valid-attr-value WCAG 2 Level A, WCAG 4.1.2 13
10 ARIA attributes must conform to valid names aria-valid-attr WCAG 2 Level A, WCAG 4.1.2 13
11 autocomplete attribute must be used correctly autocomplete-valid WCAG 2.1 Level AA, WCAG 1.3.5 1
12 Inline text spacing must be adjustable with custom stylesheets avoid-inline-spacing WCAG 2.1 Level AA, WCAG 1.4.1.2 32
13 Buttons must have discernible text button-name WCAG 2 Level A, WCAG 4.1.2 15
14 Page must have means to bypass repeated blocks bypass WCAG 2 Level A, WCAG 2.4.1 1
15 Elements must meet minimum color contrast ratio thresholds color-contrast WCAG 2 Level AA, WCAG 1.4.3 127
16 <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 3
17 <dt> and <dd> elements must be contained by a <dl> dlitem WCAG 2 Level A, WCAG 1.3.1 18
18 Documents must have <title> element to aid in navigation document-title WCAG 2 Level A, WCAG 2.4.2 1
19 IDs used in ARIA and labels must be unique duplicate-id-aria WCAG 2 Level A, WCAG 4.1.2 23
20 Form field must not have multiple label elements form-field-multiple-labels WCAG 2 Level A, WCAG 3.3.2 1
21 <html> element must have a lang attribute html-has-lang WCAG 2 Level A, WCAG 3.1.1 1
22 <html> element must have a valid value for the lang attribute html-lang-valid WCAG 2 Level A, WCAG 3.1.1 1
23 Images must have alternative text image-alt WCAG 2 Level A, WCAG 1.1.1 76
24 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2 1
25 Links must be distinguishable without relying on color link-in-text-block WCAG 2 Level A, WCAG 1.4.1 4
26 Links must have discernible text link-name WCAG 2 Level A, WCAG 2.4.4, WCAG 4.1.2 58
27 <ul> and <ol> must only directly contain <li>, <script> or <template> elements list WCAG 2 Level A, WCAG 1.3.1 7
28 <li> elements must be contained in a <ul> or <ol> listitem WCAG 2 Level A, WCAG 1.3.1 30
29 Zooming and scaling must not be disabled meta-viewport WCAG 2 Level AA, WCAG 1.4.4 1
30 Interactive controls must not be nested nested-interactive WCAG 2 Level A, WCAG 4.1.2 94
31 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 15
2 IDs used in ARIA and labels must be unique duplicate-id-aria WCAG 2 Level A, WCAG 4.1.2 10

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 <blink> elements are deprecated and must not be used blink WCAG 2 Level A, WCAG 2.2.2
12 Frames with focusable content must not have tabindex=-1 frame-focusable-content WCAG 2 Level A, WCAG 2.1.1
13 Frames must have a unique title attribute frame-title-unique WCAG 2 Level A, WCAG 4.1.2
14 Frames must have an accessible name frame-title WCAG 2 Level A, WCAG 4.1.2
15 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
16 Input buttons must have discernible text input-button-name WCAG 2 Level A, WCAG 4.1.2
17 Image buttons must have alternative text input-image-alt WCAG 2 Level A, WCAG 1.1.1, WCAG 4.1.2
18 <marquee> elements are deprecated and must not be used marquee WCAG 2 Level A, WCAG 2.2.2
19 Delayed refresh under 20 hours must not be used meta-refresh WCAG 2 Level A, WCAG 2.2.1
20 <object> elements must have alternative text object-alt WCAG 2 Level A, WCAG 1.1.1
21 [role="img"] elements must have alternative text role-img-alt WCAG 2 Level A, WCAG 1.1.1
22 Select element must have an accessible name select-name WCAG 2 Level A, WCAG 4.1.2
23 Server-side image maps must not be used server-side-image-map WCAG 2 Level A, WCAG 2.1.1
24 Summary elements must have discernible text summary-name WCAG 2 Level A, WCAG 4.1.2
25 <svg> elements with an img role must have alternative text svg-img-alt WCAG 2 Level A, WCAG 1.1.1
26 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
27 Table headers in a data table must refer to data cells th-has-data-cells WCAG 2 Level A, WCAG 1.3.1
28 lang attribute must have a valid value valid-lang WCAG 2 Level AA, WCAG 3.1.2
29 <video> elements must have captions video-caption WCAG 2 Level A, WCAG 1.2.2
30 <video> or <audio> elements must not play automatically no-autoplay-audio WCAG 2 Level A, WCAG 1.4.2