https://test.masshousing.com/ PASS

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

color-contrast serious

Elements must meet minimum color contrast ratio thresholds

Manual review required to confirm this issue.

Learn more

nodes: 22

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

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?</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">Lorem ipsum dolor sit amet consectetur. Egestas congue lectus accumsan vestibulum. Faucibus in etiam integer enim scelerisque. Risus cursus in sed pellentesque ipsum quis donec. Urna malesuada viverra feugiat ac enim sociis. </p>

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="Article 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">Partner with MassHousing</h3>

target #mh-highlights-heading-block_a231c3d9332d9496da51bba90790cb14

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_a231c3d9332d9496da51bba90790cb14" class="mh-highlights-section__title">Highlights</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 #mh-news-heading-block_0bd41ad25bf6d115e1e785b42e4cdf3f

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