← Back to summary

https://www.renovationbrands.com/pages/trueform-details FAIL

Score: 84/100 • Errors: 2 • Warnings: 1 • Notices: 0
Tests Passed: 22/25 • Response Time: 3857ms
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 (2)

image-alt critical
Images must have alternative text
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">
link-name serious
Links must have discernible text
nodes: 19
target a[href$="american-tin-details"]
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="/pages/american-tin-details">
target #Slide-template--18736949395715__multicolumn_mC6KMa-2 > .multicolumn-card.content-container > .multicolumn-card__image-wrapper.multicolumn-card__image-wrapper--full-width.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="/pages/reggio-registers-details">
target a[href$="baseboarders-details"]
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="/pages/baseboarders-details">
target a[href$="decor-planet-details"]
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="/pages/decor-planet-details">
target a[href$="brand-details"]
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="/pages/brand-details">
target #Slide-template--18736949395715__multicolumn_mC6KMa-6 > .multicolumn-card.content-container > .multicolumn-card__image-wrapper.multicolumn-card__image-wrapper--full-width.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="/pages/kitchen-design-pros-details">
target #Slide-template--18736949395715__multicolumn_mC6KMa-7 > .multicolumn-card.content-container > .multicolumn-card__image-wrapper.multicolumn-card__image-wrapper--full-width.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="/pages/electric-fireplaces-direct-details">
target a[href$="mantels-direct-details"]
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="/pages/mantels-direct-details">
target a[href$="cast-and-bevel-details"]
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="/pages/cast-and-bevel-details">
target #Slide-sections--18736944644355__multicolumn_RNzwfP-1 > .multicolumn-card.content-container > .multicolumn-card__image-wrapper.multicolumn-card__image-wrapper--full-width.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.multicolumn-card__image-wrapper--full-width.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.multicolumn-card__image-wrapper--full-width.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.multicolumn-card__image-wrapper--full-width.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.multicolumn-card__image-wrapper--full-width.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.multicolumn-card__image-wrapper--full-width.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 .multicolumn-card__image-wrapper.multicolumn-card__image-wrapper--full-width.multicolumn-card-spacing > 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) (1)

color-contrast serious
Elements must meet minimum color contrast ratio thresholds
Manual review required to confirm this issue.
nodes: 20
target .button--primary
Fix any of the following: Element has a 1:1 contrast ratio with the background
HTML snippet
<a href="https://www.trueformconcrete.com/" class="button button--primary">Visit Site</a>
target .footer-block__heading.inline-richtext
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--link.list-menu__item[href$="professionals"]
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">
                              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 .h2
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>