aria-valid-attr-value critical
ARIA attributes must conform to valid values
Manual review required to confirm this issue.
nodes: 3
target button[aria-controls="mh-translation-sign-in-menu"]
Fix all of the following:
Unable to determine if aria-controls referenced ID exists on the page while using aria-haspopup: aria-controls="mh-translation-sign-in-menu"
HTML snippet
<button type="button" class="mh-translation-bar__..." aria-label="Log In" :aria-expanded="$store.signInMenu.op..." aria-controls="mh-translation-sign-..." aria-haspopup="true" @click="$store.translateMenu..." aria-expanded="false">
target button[aria-label="Translate"]
Fix all of the following:
Unable to determine if aria-controls referenced ID exists on the page while using aria-haspopup: aria-controls="mh-translation-language-menu"
HTML snippet
<button type="button" class="mh-translation-bar__..." aria-label="Translate" :aria-expanded="$store.translateMenu..." aria-controls="mh-translation-langu..." aria-haspopup="listbox" @click="$store.signInMenu.op..." aria-expanded="false">
target #mh-tabs-panel-block_7417336ecc297df4e8f1b1a5bec3b984-0
Fix all of the following:
ARIA attribute element ID does not exist on the page: aria-labelledby="mh-tabs-tab-block_7417336ecc297df4e8f1b1a5bec3b984-0"
HTML snippet
<div class="mh-tabs__panel" role="tabpanel" id="mh-tabs-panel-block_7417336ecc297df4e8f1b1a5bec3b984-0" aria-labelledby="mh-tabs-tab-block_7417336ecc297df4e8f1b1a5bec3b984-0" x-show="activeIndex === 0">
color-contrast serious
Elements must meet minimum color contrast ratio thresholds
Manual review required to confirm this issue.
nodes: 17
target h1
Fix any of the following:
Element's background color could not be determined due to a background gradient
HTML snippet
<h1 class="mh-hero__title whitespace-pre-line w-full max-w-[700px]">Create and Preserve Housing</h1>
target .mh-section--bg-beige-gradient > .mh-section__body > .mh-section__inner > .mh-section__header > .mh-section__title
Fix any of the following:
Element's background color could not be determined due to a background gradient
HTML snippet
<h2 class="mh-section__title whitespace-pre-line">What are you interested in?</h2>
target .mh-section--bg-beige-gradient > .mh-section__body > .mh-section__inner > .mh-section__header > .mh-section__description.whitespace-pre-line
Fix any of the following:
Element's background color could not be determined due to a background gradient
HTML snippet
<p class="mh-section__description whitespace-pre-line">Lorem ipsum dolor sit amet consectetur. Adipiscing senectus vitae donec suspendisse gravida condimentum. Ante elit dolor et velit id vitae massa neque.</p>
target .mh-tabs__panel-text > p:nth-child(1) > strong
Fix any of the following:
Element's background color could not be determined due to a background gradient
HTML snippet
<strong>Rental Financing</strong>
target .mh-tabs__panel-text > p:nth-child(2)
Fix any of the following:
Element's background color could not be determined due to a background gradient
HTML snippet
<p>Lorem ipsum dolor sit amet consectetur. Ligula urna neque id ipsum. Venenatis convallis a mi eget nisl id tellus ultricies amet. Tempus et molestie sed nibh eros. Scelerisque commodo rutrum dolor ut ac.</p>
target p:nth-child(3) > a
Fix any of the following:
Element's background color could not be determined due to a background gradient
HTML snippet
<a href="https://test-mass-housing.pantheonsite.io/homebuyer-overview/">Learn More</a>
target p:nth-child(5) > strong
Fix any of the following:
Element's background color could not be determined due to a background gradient
HTML snippet
<strong>Homeownership Financing</strong>
target p:nth-child(6)
Fix any of the following:
Element's background color could not be determined due to a background gradient
HTML snippet
<p>Lorem ipsum dolor sit amet consectetur. Ligula urna neque id ipsum. Venenatis convallis a mi eget nisl id tellus ultricies amet. Tempus et molestie sed nibh eros. Scelerisque commodo rutrum dolor ut ac.</p>
target p:nth-child(7) > a
Fix any of the following:
Element's background color could not be determined due to a background gradient
HTML snippet
<a href="https://test-mass-housing.pantheonsite.io/homebuyer-overview/">Learn More</a>
target #mh-highlights-heading-block_9f4e75983722c4467992af4c506c7209
Fix any of the following:
Element's background color could not be determined due to a background gradient
HTML snippet
<h2 id="mh-highlights-heading-block_9f4e75983722c4467992af4c506c7209" class="mh-highlights-section__title">What We've Financed</h2>
target .mh-teaser-card--large > .mh-teaser-card__media-stack > .mh-teaser-card__overlay > .mh-teaser-card__title
Fix any of the following:
Element's background color could not be determined due to a background gradient
HTML snippet
<h3 class="mh-teaser-card__title">MassHousing Provides $50 Million in Affordable Housing Financing for the First Phase of the Redevelopment of the Campello Apartments in Brockton</h3>
target .mh-teaser-card--large > .mh-teaser-card__media-stack > .mh-teaser-card__overlay > .mh-teaser-card__program-line
Fix any of the following:
Element's background color could not be determined due to a background gradient
HTML snippet
<p class="mh-teaser-card__program-line">Lorem Ipsum</p>
target .mh-teaser-card--small > .mh-teaser-card__media-stack > .mh-teaser-card__overlay > .mh-teaser-card__title
Fix any of the following:
Element's background color could not be determined due to a background gradient
HTML snippet
<h3 class="mh-teaser-card__title">Kay Mazara</h3>
target .mh-teaser-card--small > .mh-teaser-card__media-stack > .mh-teaser-card__overlay > .mh-teaser-card__program-line
Fix any of the following:
Element's background color could not be determined due to a background gradient
HTML snippet
<p class="mh-teaser-card__program-line">Homebuyer</p>
target .wp-block-heading
Fix any of the following:
Element's background color could not be determined due to a background gradient
HTML snippet
<h2 class="wp-block-heading">Quick Links</h2>
target .mh-section--bg-primary-red > .mh-section__body > .mh-section__inner > .mh-section__header > .mh-section__title
Fix any of the following:
Element's background color could not be determined due to a background gradient
HTML snippet
<h2 class="mh-section__title whitespace-pre-line">Questions?</h2>
target .mh-section--bg-primary-red > .mh-section__body > .mh-section__inner > .mh-section__header > .mh-section__description.whitespace-pre-line
Fix any of the following:
Element's background color could not be determined due to a background gradient
HTML snippet
<p class="mh-section__description whitespace-pre-line">Lorem ipsum dolor sit amet consectetur. Adipiscing senectus vitae donec suspendisse gravida condimentum. Ante elit dolor et velit id vitae massa neque nec.</p>