https://prod.masshousing.com/ PASS

Score: 100/100 • Errors: 0 • Warnings: 2 • Notices: 0
Tests Passed: 26/28 • Response Time: 4582ms
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

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

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="dialog" @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">

color-contrast serious

Elements must meet minimum color contrast ratio thresholds

Manual review required to confirm this issue.

Learn more

nodes: 25

target .z-10.items-center.relative:nth-child(2) > .md\:block.-mt-1.hidden

Fix any of the following: Element's background color could not be determined due to a background gradient

HTML snippet

<span class="-mt-1 hidden md:block">Search</span>

target .md\:block.-mt-1.z-10

Fix any of the following: Element's background color could not be determined due to a background gradient

HTML snippet

<span class="relative z-10 -mt-1 hidden md:block">Menu</span>

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]">Confronting Housing 
Housing Challenges, 
Improving Lives</h1>

target .mh-section--bg-primary-red.mh-section--swoop-top.mh-section--swoop-dir-left:nth-child(2) > .mh-section__body > .mh-section__inner > .mh-section__header > .mh-section__title.whitespace-pre-line

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">About Us</h2>

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

target .mh-section--align-right > .mh-section__body > .mh-section__inner > .mh-section__header > .mh-section__title.whitespace-pre-line

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">Our Impact</h2>

target .mh-section--align-right > .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">Since its inception, MassHousing has provided more than $30 billion to support homeownership and rental housing opportunities across Massachusetts.</p>

target .mh-section--bg-primary-red.mh-section--swoop-top.mh-section--swoop-dir-left:nth-child(5) > .mh-section__body > .mh-section__inner > .mh-section__header > .mh-section__title.whitespace-pre-line

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">How can we help you?</h2>

target .mh-icon-card.mh-icon-card--linked[aria-label="Test"]:nth-child(1) > .mh-icon-card__content > .mh-icon-card__title

Fix any of the following: Element's background color could not be determined due to a pseudo element

HTML snippet

<h3 class="mh-icon-card__title">Buy a Home</h3>

target .mh-icon-card.mh-icon-card--linked[aria-label="Test"]:nth-child(2) > .mh-icon-card__content > .mh-icon-card__title

Fix any of the following: Element's background color could not be determined due to a pseudo element

HTML snippet

<h3 class="mh-icon-card__title">Maintain Your Home</h3>

target a[aria-label="Hello world!"] > .mh-icon-card__content > .mh-icon-card__title

Fix any of the following: Element's background color could not be determined due to a pseudo element

HTML snippet

<h3 class="mh-icon-card__title">Create &amp; Preserve Housing</h3>

target .mh-icon-card.mh-icon-card--linked[aria-label="Test"]:nth-child(4) > .mh-icon-card__content > .mh-icon-card__title

Fix any of the following: Element's background color could not be determined due to a pseudo element

HTML snippet

<h3 class="mh-icon-card__title">Manage Housing &amp; Support Residents</h3>

target a[aria-label="Partner with MassHousing"] > .mh-icon-card__content > .mh-icon-card__title

Fix any of the following: Element's background color could not be determined due to a pseudo element

HTML snippet

<h3 class="mh-icon-card__title">Partner with MassHousing</h3>

target #mh-highlights-heading-block_b9cd626d291aec57c2b6499e62a9feaa

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_b9cd626d291aec57c2b6499e62a9feaa" class="mh-highlights-section__title">Highlights</h2>

target .mh-highlights-section__card-wrap:nth-child(1) > .mh-teaser-card--large.mh-teaser-card--featured.mh-teaser-card--has-image > .mh-teaser-card__media-stack > .mh-teaser-card__overlay > h3

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">Evan Dupree</h3>

target .mh-highlights-section__card-wrap:nth-child(1) > .mh-teaser-card--large.mh-teaser-card--featured.mh-teaser-card--has-image > .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">Homeownership, Operation Welcome Home</p>

target .mh-highlights-section__card-wrap:nth-child(2) > .mh-teaser-card--small.mh-teaser-card--featured.mh-teaser-card--has-image > .mh-teaser-card__media-stack > .mh-teaser-card__overlay > h3

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">Glenda’s Homebuying Story</h3>

target .mh-highlights-section__card-wrap:nth-child(2) > .mh-teaser-card--small.mh-teaser-card--featured.mh-teaser-card--has-image > .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">Down Payment Assistance, Homeownership</p>

target .mh-highlights-section__card-wrap:nth-child(1) > .mh-teaser-card--small.mh-teaser-card--featured.mh-teaser-card--has-image > .mh-teaser-card__media-stack > .mh-teaser-card__overlay > h3

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">Western Mass. Homeowner Looks to ESHLP for Home Energy Improvements</h3>

target .mh-highlights-section__card-wrap:nth-child(1) > .mh-teaser-card--small.mh-teaser-card--featured.mh-teaser-card--has-image > .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">Homeownership, Mass. Community Climate Bank</p>

target .mh-highlights-section__card-wrap:nth-child(2) > .mh-teaser-card--large.mh-teaser-card--featured.mh-teaser-card--has-image > .mh-teaser-card__media-stack > .mh-teaser-card__overlay > h3

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">Renter Success Story: Nayomi Dowman</h3>

target .mh-highlights-section__card-wrap:nth-child(2) > .mh-teaser-card--large.mh-teaser-card--featured.mh-teaser-card--has-image > .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">Multifamily, Renter Stories</p>

target #mh-news-heading-block_311e912d4cbef98861ecb1f2d5c3983e

Fix any of the following: Element's background color could not be determined due to a background gradient

HTML snippet

<h2 id="mh-news-heading-block_311e912d4cbef98861ecb1f2d5c3983e" class="mh-news-cards-section__title">News &amp; Blog</h2>

target .mh-section--swoop-bottom > .mh-section__body > .mh-section__inner > .mh-section__header > .mh-section__title.whitespace-pre-line

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">Renters Resources</h2>

target .mh-section--swoop-bottom > .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">MassHousing provides financing and oversight for hundreds of rental housing communities across the Commonwealth. We can connect you with trusted tools, resources and guidance for finding an affordable rental home in Massachusetts. </p>