← Back to summary

https://test.masshousing.com/manage-housing/ PASS

Score: 100/100 • Errors: 0 • Warnings: 2 • Notices: 0
Tests Passed: 26/28 • Response Time: 3916ms
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: 34
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]">Manage Housing &amp; Support Residents</h1>
target .mh-section--bg-beige-gradient > .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">Helping you create and maintain healthy housing communities</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">Resources and information to help property management staff and resident service coordinators create and maintain strong and healthy housing communities</p>
target .mh-section__blocks > .mh-layout-container--grid-1.mh-layout-container--column-spacing-24.mh-layout-container:nth-child(2) > .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">Manage Your Development(s)</h2>
target .mh-section__blocks > .mh-layout-container--grid-1.mh-layout-container--column-spacing-24.mh-layout-container:nth-child(2) > p
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. Adipiscing senectus vitae donec suspendisse gravida condimentum. Ante elit dolor et velit id vitae massa neque.</p>
target .mh-layout-container--grid-1.mh-layout-container--column-spacing-24.mh-layout-container:nth-child(2) > .mh-layout-container--grid-3.mh-layout-container--equal-height.mh-layout-container--column-spacing-24 > .mh-icon-card.mh-icon-card--resource.mh-icon-card--linked:nth-child(1) > .mh-icon-card__stack > .mh-icon-card__content > .mh-icon-card__text > .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 Your Properties</h3>
target .mh-layout-container--grid-1.mh-layout-container--column-spacing-24.mh-layout-container:nth-child(2) > .mh-layout-container--grid-3.mh-layout-container--equal-height.mh-layout-container--column-spacing-24 > .mh-icon-card.mh-icon-card--resource.mh-icon-card--linked:nth-child(1) > .mh-icon-card__stack > .mh-icon-card__content > .mh-icon-card__text > .mh-icon-card__body
Fix any of the following: Element's background color could not be determined due to a pseudo element
HTML snippet
<div class="mh-icon-card__body">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.</div>
target .mh-icon-card.mh-icon-card--resource.mh-icon-card--linked:nth-child(1) > .mh-icon-card__stack > .mh-icon-card__content > .mh-icon-card__footer.mh-card-ctas > .mh-secondary-link[href$="test"] > .mh-secondary-link__inner > .mh-secondary-link__label
Fix any of the following: Element's background color could not be determined due to a pseudo element
HTML snippet
<span class="mh-secondary-link__label">
				Learn More
							</span>
target .mh-layout-container--grid-1.mh-layout-container--column-spacing-24.mh-layout-container:nth-child(2) > .mh-layout-container--grid-3.mh-layout-container--equal-height.mh-layout-container--column-spacing-24 > .mh-icon-card.mh-icon-card--resource.mh-icon-card--linked:nth-child(2) > .mh-icon-card__stack > .mh-icon-card__content > .mh-icon-card__text > .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">View Rental Business Portal</h3>
target .mh-layout-container--grid-1.mh-layout-container--column-spacing-24.mh-layout-container:nth-child(2) > .mh-layout-container--grid-3.mh-layout-container--equal-height.mh-layout-container--column-spacing-24 > .mh-icon-card.mh-icon-card--resource.mh-icon-card--linked:nth-child(2) > .mh-icon-card__stack > .mh-icon-card__content > .mh-icon-card__text > .mh-icon-card__body
Fix any of the following: Element's background color could not be determined due to a pseudo element
HTML snippet
<div class="mh-icon-card__body">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.</div>
target .mh-icon-card.mh-icon-card--resource.mh-icon-card--linked:nth-child(2) > .mh-icon-card__stack > .mh-icon-card__content > .mh-icon-card__footer.mh-card-ctas > .mh-secondary-link[href$="test"] > .mh-secondary-link__inner > .mh-secondary-link__label
Fix any of the following: Element's background color could not be determined due to a pseudo element
HTML snippet
<span class="mh-secondary-link__label">
				Learn More
							</span>
target .mh-layout-container--grid-1.mh-layout-container--column-spacing-24.mh-layout-container:nth-child(2) > .mh-layout-container--grid-3.mh-layout-container--equal-height.mh-layout-container--column-spacing-24 > .mh-icon-card.mh-icon-card--resource.mh-icon-card--linked:nth-child(3) > .mh-icon-card__stack > .mh-icon-card__content > .mh-icon-card__text > .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">View Resource Library</h3>
target .mh-layout-container--grid-1.mh-layout-container--column-spacing-24.mh-layout-container:nth-child(2) > .mh-layout-container--grid-3.mh-layout-container--equal-height.mh-layout-container--column-spacing-24 > .mh-icon-card.mh-icon-card--resource.mh-icon-card--linked:nth-child(3) > .mh-icon-card__stack > .mh-icon-card__content > .mh-icon-card__text > .mh-icon-card__body
Fix any of the following: Element's background color could not be determined due to a pseudo element
HTML snippet
<div class="mh-icon-card__body">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.</div>
target .mh-layout-container--grid-1.mh-layout-container--column-spacing-24.mh-layout-container:nth-child(2) > .mh-layout-container--grid-3.mh-layout-container--equal-height.mh-layout-container--column-spacing-24 > .mh-icon-card.mh-icon-card--resource.mh-icon-card--linked:nth-child(3) > .mh-icon-card__stack > .mh-icon-card__content > .mh-icon-card__footer.mh-card-ctas > .mh-secondary-link[href$="test"] > .mh-secondary-link__inner > .mh-secondary-link__label
Fix any of the following: Element's background color could not be determined due to a pseudo element
HTML snippet
<span class="mh-secondary-link__label">
				Learn More
							</span>
target .mh-layout-container--grid-1.mh-layout-container--column-spacing-24.mh-layout-container:nth-child(3) > .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">Support Your Residents</h2>
target .mh-layout-container--grid-1.mh-layout-container--column-spacing-24.mh-layout-container:nth-child(3) > p
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. Adipiscing senectus vitae donec suspendisse gravida condimentum. Ante elit dolor et velit id vitae massa neque.</p>
target .mh-layout-container--grid-1.mh-layout-container--column-spacing-24.mh-layout-container:nth-child(3) > .mh-layout-container--grid-3.mh-layout-container--equal-height.mh-layout-container--column-spacing-24 > .mh-icon-card.mh-icon-card--resource.mh-icon-card--linked:nth-child(1) > .mh-icon-card__stack > .mh-icon-card__content > .mh-icon-card__text > .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">View Resident Programs</h3>
target .mh-layout-container--grid-1.mh-layout-container--column-spacing-24.mh-layout-container:nth-child(3) > .mh-layout-container--grid-3.mh-layout-container--equal-height.mh-layout-container--column-spacing-24 > .mh-icon-card.mh-icon-card--resource.mh-icon-card--linked:nth-child(1) > .mh-icon-card__stack > .mh-icon-card__content > .mh-icon-card__text > .mh-icon-card__body
Fix any of the following: Element's background color could not be determined due to a pseudo element
HTML snippet
<div class="mh-icon-card__body">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.</div>
target .mh-icon-card.mh-icon-card--resource.mh-icon-card--linked:nth-child(1) > .mh-icon-card__stack > .mh-icon-card__content > .mh-icon-card__footer.mh-card-ctas > .mh-secondary-link[rel="noopener noreferrer"][target="_blank"] > .mh-secondary-link__inner > .mh-secondary-link__label
Fix any of the following: Element's background color could not be determined due to a pseudo element
HTML snippet
<span class="mh-secondary-link__label">
				Learn More
									<span class="mh-secondary-link__icon notranslate" aria-hidden="true" translate="no"></span>
							</span>
target .mh-layout-container--grid-1.mh-layout-container--column-spacing-24.mh-layout-container:nth-child(3) > .mh-layout-container--grid-3.mh-layout-container--equal-height.mh-layout-container--column-spacing-24 > .mh-icon-card.mh-icon-card--resource.mh-icon-card--linked:nth-child(2) > .mh-icon-card__stack > .mh-icon-card__content > .mh-icon-card__text > .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">Access Resident Resources</h3>
target .mh-layout-container--grid-1.mh-layout-container--column-spacing-24.mh-layout-container:nth-child(3) > .mh-layout-container--grid-3.mh-layout-container--equal-height.mh-layout-container--column-spacing-24 > .mh-icon-card.mh-icon-card--resource.mh-icon-card--linked:nth-child(2) > .mh-icon-card__stack > .mh-icon-card__content > .mh-icon-card__text > .mh-icon-card__body
Fix any of the following: Element's background color could not be determined due to a pseudo element
HTML snippet
<div class="mh-icon-card__body">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.</div>
target .mh-icon-card.mh-icon-card--resource.mh-icon-card--linked:nth-child(2) > .mh-icon-card__stack > .mh-icon-card__content > .mh-icon-card__footer.mh-card-ctas > .mh-secondary-link[rel="noopener noreferrer"][target="_blank"] > .mh-secondary-link__inner > .mh-secondary-link__label
Fix any of the following: Element's background color could not be determined due to a pseudo element
HTML snippet
<span class="mh-secondary-link__label">
				Learn More
									<span class="mh-secondary-link__icon notranslate" aria-hidden="true" translate="no"></span>
							</span>
target .mh-layout-container--grid-1.mh-layout-container--column-spacing-24.mh-layout-container:nth-child(3) > .mh-layout-container--grid-3.mh-layout-container--equal-height.mh-layout-container--column-spacing-24 > .mh-icon-card.mh-icon-card--resource.mh-icon-card--linked:nth-child(3) > .mh-icon-card__stack > .mh-icon-card__content > .mh-icon-card__text > .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">View Funding Opportunities</h3>
target .mh-layout-container--grid-1.mh-layout-container--column-spacing-24.mh-layout-container:nth-child(3) > .mh-layout-container--grid-3.mh-layout-container--equal-height.mh-layout-container--column-spacing-24 > .mh-icon-card.mh-icon-card--resource.mh-icon-card--linked:nth-child(3) > .mh-icon-card__stack > .mh-icon-card__content > .mh-icon-card__text > .mh-icon-card__body
Fix any of the following: Element's background color could not be determined due to a pseudo element
HTML snippet
<div class="mh-icon-card__body">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.</div>
target .mh-layout-container--grid-1.mh-layout-container--column-spacing-24.mh-layout-container:nth-child(3) > .mh-layout-container--grid-3.mh-layout-container--equal-height.mh-layout-container--column-spacing-24 > .mh-icon-card.mh-icon-card--resource.mh-icon-card--linked:nth-child(3) > .mh-icon-card__stack > .mh-icon-card__content > .mh-icon-card__footer.mh-card-ctas > .mh-secondary-link[href$="test"] > .mh-secondary-link__inner > .mh-secondary-link__label
Fix any of the following: Element's background color could not be determined due to a pseudo element
HTML snippet
<span class="mh-secondary-link__label">
				Learn More
							</span>
target .mh-layout-container--grid-1.mh-layout-container--column-spacing-24.mh-layout-container:nth-child(1) > .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">Questions?</h2>
target .mh-layout-container--grid-1.mh-layout-container--column-spacing-24.mh-layout-container:nth-child(1) > p
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. Adipiscing senectus vitae donec suspendisse gravida condimentum. Ante elit dolor et velit id vitae massa neque.</p>
target .mh-layout-container--grid-2 > .mh-layout-container--grid-1.mh-layout-container--column-spacing-24.mh-layout-container:nth-child(2) > .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">Sign Up for Newsletter</h2>
target .mh-layout-container--grid-2 > .mh-layout-container--grid-1.mh-layout-container--column-spacing-24.mh-layout-container:nth-child(2) > p
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. Adipiscing senectus vitae donec suspendisse gravida condimentum. Ante elit dolor et velit id vitae massa neque.</p>
target .mh-subscribe-form__label
Fix any of the following: Element's background color could not be determined due to a background gradient
HTML snippet
<label class="mh-subscribe-form__label" for="mh-subscribe-form-email-block_82383eca78748ba037f50bd33e3ad1c7">Email address</label>
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>