← Back to summary

https://www.renovationbrands.com/pages/professionals FAIL

Score: 58/100 • Errors: 5 • Warnings: 2 • Notices: 0
Tests Passed: 30/37 • Response Time: 4332ms
Target: WCAG 2.2 Level AA • Settle Delay: 2000ms • Audit Profile: wcag • Run Profile: desktop
Tags Used: wcag2a, wcag2aa, wcag21a, wcag21aa, wcag22a, wcag22aa
Excluded Rules: none

Errors (5)

button-name critical
Buttons must have discernible text
Learn more
nodes: 3
target #app-embed,button[aria-controls="custom#role-selector-dropdown"]
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 has no title attribute Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> Element's default semantics were not overridden with role="none" or role="presentation"
HTML snippet
<button type="button" aria-expanded="false" aria-controls="custom#role-selector-dropdown" class="_selectToggle_12thd_25" style="position: relative;">
target #app-embed,._selectContainer_12thd_6:nth-child(8) > ._selectToggle_12thd_25[type="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 has no title attribute Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> Element's default semantics were not overridden with role="none" or role="presentation"
HTML snippet
<button type="button" aria-expanded="false" aria-controls="custom#industry-selector-dropdown" class="_selectToggle_12thd_25" style="position: relative;">
target #app-embed,._selectContainer_12thd_6:nth-child(9) > ._selectToggle_12thd_25[type="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 has no title attribute Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> Element's default semantics were not overridden with role="none" or role="presentation"
HTML snippet
<button type="button" aria-expanded="false" aria-controls="custom#sub-industry-selector-dropdown" class="_selectToggle_12thd_25" style="position: relative;">
color-contrast serious
Elements must meet minimum color contrast ratio thresholds
Learn more
nodes: 7
target #app-embed,#label-first_name
Fix any of the following: Element has insufficient color contrast of 3.19 (foreground color: #909090, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<label id="label-first_name" for="label-first_name" class="_formInputFieldLabel_1mxsl_38 " style="top: 16.5px;">First name</label>
target #app-embed,#label-last_name
Fix any of the following: Element has insufficient color contrast of 3.19 (foreground color: #909090, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<label id="label-last_name" for="label-last_name" class="_formInputFieldLabel_1mxsl_38 " style="top: 16.5px;">Last name</label>
target #app-embed,#label-email
Fix any of the following: Element has insufficient color contrast of 3.19 (foreground color: #909090, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<label id="label-email" for="label-email" class="_formInputFieldLabel_1mxsl_38 " style="top: 16.5px;">Email</label>
target #app-embed,#label-phone_number
Fix any of the following: Element has insufficient color contrast of 3.19 (foreground color: #909090, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<label id="label-phone_number" for="label-phone_number" class="_formInputFieldLabel_1mxsl_38 _inputFilled_1mxsl_74" style="top: 16.5px;">Phone</label>
target #app-embed,#label-company_name
Fix any of the following: Element has insufficient color contrast of 3.19 (foreground color: #909090, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<label id="label-company_name" for="label-company_name" class="_formInputFieldLabel_1mxsl_38 " style="top: 16.5px;">Company name</label>
target #app-embed,a[title="privacy policy"]
Fix any of the following: Element has insufficient color contrast of 4.16 (foreground color: #1878b9, background color: #eff0f5, font size: 7.5pt (10px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<a title="privacy policy" target="_blank" href="https://www.renovationbrands.com/policies/privacy-policy">privacy policy</a>
target #app-embed,a[title="terms of service"]
Fix any of the following: Element has insufficient color contrast of 4.16 (foreground color: #1878b9, background color: #eff0f5, font size: 7.5pt (10px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<a title="terms of service" target="_blank" href="https://www.renovationbrands.com/policies/terms-of-service">terms of service</a>
image-alt critical
Images must have alternative text
Learn more
nodes: 2
target h6:nth-child(1) > .mail_icon
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"
HTML snippet
<img class="mail_icon" src="https://cdn.shopify.com/s/files/1/0550/5253/4019/files/mailicon.svg?v=1724034419">
target h6:nth-child(3) > .mail_icon
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"
HTML snippet
<img class="mail_icon" src="https://cdn.shopify.com/s/files/1/0550/5253/4019/files/mailicon.svg?v=1724034419">
label critical
Form elements must have labels
Learn more
nodes: 1
target #app-embed,._textArea_17mgw_1
Fix any of the following: Element does not have an implicit (wrapped) <label> Element does not have an explicit <label> 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 has no placeholder attribute Element's default semantics were not overridden with role="none" or role="presentation"
HTML snippet
<textarea name="custom#comments" rows="3" class="_textArea_17mgw_1"></textarea>
link-name serious
Links must have discernible text
Learn more
nodes: 10
target #Slide-sections--18736944644355__multicolumn_RNzwfP-1 > .multicolumn-card.content-container > .multicolumn-card__image-wrapper--full-width.multicolumn-card__image-wrapper.multicolumn-card-spacing > 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
HTML snippet
<a href="https://www.americantinceilings.com/">
target #Slide-sections--18736944644355__multicolumn_RNzwfP-2 > .multicolumn-card.content-container > .multicolumn-card__image-wrapper--full-width.multicolumn-card__image-wrapper.multicolumn-card-spacing > 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
HTML snippet
<a href="https://www.reggioregister.com/">
target #Slide-sections--18736944644355__multicolumn_RNzwfP-3 > .multicolumn-card.content-container > .multicolumn-card__image-wrapper--full-width.multicolumn-card__image-wrapper.multicolumn-card-spacing > 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
HTML snippet
<a href="https://www.baseboardheatercovers.com/">
target a[href$="kitchendesignpros.com/"]
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
HTML snippet
<a href="https://kitchendesignpros.com/">
target #Slide-sections--18736944644355__multicolumn_RNzwfP-5 > .multicolumn-card.content-container > .multicolumn-card__image-wrapper--full-width.multicolumn-card__image-wrapper.multicolumn-card-spacing > 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
HTML snippet
<a href="https://www.rtacabinetstore.com/">
target #Slide-sections--18736944644355__multicolumn_RNzwfP-6 > .multicolumn-card.content-container > .multicolumn-card__image-wrapper--full-width.multicolumn-card__image-wrapper.multicolumn-card-spacing > 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
HTML snippet
<a href="https://www.electricfireplacesdirect.com/">
target a[href$="mantelsdirect.com/"]
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
HTML snippet
<a href="https://www.mantelsdirect.com/">
target #Slide-sections--18736944644355__multicolumn_RNzwfP-8 > .multicolumn-card.content-container > .multicolumn-card__image-wrapper--full-width.multicolumn-card__image-wrapper.multicolumn-card-spacing > 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
HTML snippet
<a href="https://www.trueformconcrete.com/">
target a[href$="blendhouse.com/"]
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
HTML snippet
<a href="https://blendhouse.com/">
target a[href$="castandbevel.com/"]
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
HTML snippet
<a href="https://www.castandbevel.com/">

Incomplete (manual review) (2)

aria-valid-attr-value critical
ARIA attributes must conform to valid values
Manual review required to confirm this issue.
Learn more
nodes: 1
target #app-embed,#phone_number
Fix all of the following: ARIA attribute element ID does not exist on the page or is a descendant of a different shadow DOM tree: aria-labelledby="label-Phone"
HTML snippet
<input type="tel" autocomplete="tel" aria-invalid="false" aria-label="Phone" aria-labelledby="label-Phone" id="phone_number" data-testid="field-phone_number" name="phone_number" class="_formPhoneInputField_piv1u_17">
color-contrast serious
Elements must meet minimum color contrast ratio thresholds
Manual review required to confirm this issue.
Learn more
nodes: 26
target #Slide-template--18736949297411__multicolumn_4jN4qj-1 > .multicolumn-card.content-container > .multicolumn-card__info > h3
Fix any of the following: Element's background color could not be determined because it is overlapped by another element
HTML snippet
<h3 class="inline-richtext">Expert Customer Service</h3>
target #Slide-template--18736949297411__multicolumn_4jN4qj-2 > .multicolumn-card.content-container > .multicolumn-card__info > h3
Fix any of the following: Element's background color could not be determined because it is overlapped by another element
HTML snippet
<h3 class="inline-richtext">Expedited Lead Times</h3>
target #Slide-template--18736949297411__multicolumn_4jN4qj-3 > .multicolumn-card.content-container > .multicolumn-card__info > h3
Fix any of the following: Element's background color could not be determined because it is overlapped by another element
HTML snippet
<h3 class="inline-richtext">Free Project Planning</h3>
target #Slide-template--18736949297411__multicolumn_4jN4qj-4 > .multicolumn-card.content-container > .multicolumn-card__info > h3
Fix any of the following: Element's background color could not be determined because it is overlapped by another element
HTML snippet
<h3 class="inline-richtext">Volume Pricing &amp; Trade Discounts</h3>
target #Slide-template--18736949297411__multicolumn_4jN4qj-5 > .multicolumn-card.content-container > .multicolumn-card__info > h3
Fix any of the following: Element's background color could not be determined because it is overlapped by another element
HTML snippet
<h3 class="inline-richtext">Specification Guidelines</h3>
target #app-embed,._textArea_17mgw_1
Fix any of the following: Element's background color could not be determined due to a pseudo element
HTML snippet
<textarea name="custom#comments" rows="3" class="_textArea_17mgw_1"></textarea>
target #app-embed,#label-custom\#comments
Fix any of the following: Element's background color could not be determined due to a pseudo element
HTML snippet
<label id="label-custom#comments" for="label-custom#comments" class="_formInputFieldLabel_1mxsl_38 " style="top: 16px;">Comments</label>
target .footer-block--menu > .footer-block__heading
Fix any of the following: Element has a 1:1 contrast ratio with the background
HTML snippet
<h2 class="footer-block__heading inline-richtext">Explore</h2>
target .list-menu__item--link.list-menu__item[href$="about-us"]
Fix any of the following: Element has a 1:1 contrast ratio with the background
HTML snippet
<a href="/pages/about-us" class="link link--text list-menu__item list-menu__item--link">
                              About Us
                            </a>
target .list-menu__item--link.list-menu__item[href$="our-brands"]
Fix any of the following: Element has a 1:1 contrast ratio with the background
HTML snippet
<a href="/pages/our-brands" class="link link--text list-menu__item list-menu__item--link">
                              Our Brands
                            </a>
target .list-menu__item--link.list-menu__item[href$="our-team"]
Fix any of the following: Element has a 1:1 contrast ratio with the background
HTML snippet
<a href="/pages/our-team" class="link link--text list-menu__item list-menu__item--link">
                              Our Team
                            </a>
target .list-menu__item--link.list-menu__item[href$="careers"]
Fix any of the following: Element has a 1:1 contrast ratio with the background
HTML snippet
<a href="/pages/careers" class="link link--text list-menu__item list-menu__item--link">
                              Careers
                            </a>
target .list-menu__item--link.list-menu__item[href$="news"]
Fix any of the following: Element has a 1:1 contrast ratio with the background
HTML snippet
<a href="/pages/news" class="link link--text list-menu__item list-menu__item--link">
                              News
                            </a>
target .list-menu__item--active
Fix any of the following: Element has a 1:1 contrast ratio with the background
HTML snippet
<a href="/pages/professionals" class="link link--text list-menu__item list-menu__item--link list-menu__item--active">
                              Commercial
                            </a>
target .list-menu__item--link.list-menu__item[href$="contact"]
Fix any of the following: Element has a 1:1 contrast ratio with the background
HTML snippet
<a href="/pages/contact" class="link link--text list-menu__item list-menu__item--link">
                              Contact
                            </a>
target .list-menu__item--link.list-menu__item[href$="terms-of-service"]
Fix any of the following: Element has a 1:1 contrast ratio with the background
HTML snippet
<a href="/policies/terms-of-service" class="link link--text list-menu__item list-menu__item--link">
                              Terms of Service
                            </a>
target .list-menu__item--link.list-menu__item[href$="privacy-policy"]
Fix any of the following: Element has a 1:1 contrast ratio with the background
HTML snippet
<a href="/policies/privacy-policy" class="link link--text list-menu__item list-menu__item--link">
                              Privacy Policy
                            </a>
target a[href$="notice-for-california"]
Fix any of the following: Element has a 1:1 contrast ratio with the background
HTML snippet
<a href="/pages/notice-for-california" class="link link--text list-menu__item list-menu__item--link">
                              Notice for California
                            </a>
target a[href$="copyright-infringement"]
Fix any of the following: Element has a 1:1 contrast ratio with the background
HTML snippet
<a href="/pages/copyright-infringement" class="link link--text list-menu__item list-menu__item--link">
                              Copyright Infringement
                            </a>
target li:nth-child(12) > .list-menu__item--link.list-menu__item.link--text
Fix any of the following: Element has a 1:1 contrast ratio with the background
HTML snippet
<a href="https://shopify.com/55052534019/account/profile?locale=en&amp;region_country=US" class="link link--text list-menu__item list-menu__item--link">
                              RB Swag House
                            </a>
target .footer-block__heading.rte
Fix any of the following: Element has a 1:1 contrast ratio with the background
HTML snippet
<h2 class="footer-block__heading rte">Get in touch</h2>
target h6:nth-child(1)
Fix any of the following: Element has a 1:1 contrast ratio with the background
HTML snippet
<h6>
<img class="mail_icon" src="https://cdn.shopify.com/s/files/1/0550/5253/4019/files/mailicon.svg?v=1724034419">Marketing/Merchandising:</h6>
target h6:nth-child(2) > a
Fix any of the following: Element has a 1:1 contrast ratio with the background
HTML snippet
<a href="mailto:[email protected]" title="mailto:[email protected]">[email protected]</a>
target h6:nth-child(3)
Fix any of the following: Element has a 1:1 contrast ratio with the background
HTML snippet
<h6>
<img class="mail_icon" src="https://cdn.shopify.com/s/files/1/0550/5253/4019/files/mailicon.svg?v=1724034419">Press Inquiries:</h6>
target h6:nth-child(4) > a
Fix any of the following: Element has a 1:1 contrast ratio with the background
HTML snippet
<a href="mailto:[email protected]" title="mailto:[email protected]">[email protected]</a>
target .title
Fix any of the following: Element's background color could not be determined because it is overlapped by another element
HTML snippet
<h2 class="title inline-richtext h2">
          THE RENOVATION BRANDS FAMILY
        </h2>