color-contrast serious
Elements must meet minimum color contrast ratio thresholds
Manual review required to confirm this issue.
nodes: 48
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 & 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">Creating Stronger Housing Communities for Residents and Site Staff</h2>
target .mh-section__description
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 goes beyond bricks and mortar to ensure that the rental housing communities we finance and oversee remain physically and financially healthy while allowing the people who live and work there to thrive.</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">Management and Operations</h2>
target .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">Oversight and Support</h3>
target .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">Information and resources for managing your relationship with MassHousing.</div>
target .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__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__tail"><span class="mh-secondary-link__icon notranslate" aria-hidden="true" translate="no"></span></span> </span>
target .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">Reporting</h3>
target .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">Submit audited financials and budgets and other reports required by MassHousing.</div>
target .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__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__tail"><span class="mh-secondary-link__icon notranslate" aria-hidden="true" translate="no"></span></span> </span>
target .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">Rental Business Portal</h3>
target .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">Our secure portal where multifamily partners can access loan information, submit reports and apply for grant opportunities.</div>
target .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[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">
Log In<span class="mh-secondary-link__tail"><span class="mh-secondary-link__icon notranslate" aria-hidden="true" translate="no"></span></span> </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-4 > .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">Join TAP</h3>
target .mh-layout-container--grid-4 > .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">Enroll your site in TAP and access unique programming to help you build a stronger housing community. </div>
target .mh-layout-container--grid-4 > .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">
Join TAP Today<span class="mh-secondary-link__tail"><span class="mh-secondary-link__icon notranslate" aria-hidden="true" translate="no"></span></span> </span>
target .mh-layout-container--grid-4 > .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">Upcoming Trainings</h3>
target .mh-layout-container--grid-4 > .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">View trainings focused on the intersection of social issues and affordable housing and tailored to property management and social service staff.</div>
target .mh-layout-container--grid-4 > .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">
See Upcoming Trainings<span class="mh-secondary-link__tail"><span class="mh-secondary-link__icon notranslate" aria-hidden="true" translate="no"></span></span> </span>
target .mh-layout-container--grid-4 > .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">Resident Programs</h3>
target .mh-layout-container--grid-4 > .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">Diverse programs that engage residents and support healthy housing communities.</div>
target .mh-layout-container--grid-4 > .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[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__tail"><span class="mh-secondary-link__icon notranslate" aria-hidden="true" translate="no"></span></span> </span>
target .mh-icon-card.mh-icon-card--resource.mh-icon-card--linked:nth-child(4) > .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">Housing Stability Grants</h3>
target .mh-icon-card.mh-icon-card--resource.mh-icon-card--linked:nth-child(4) > .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">Funding opportunities to support MassHousing multifamily borrowers and business partners. <br>
</div>
target .mh-icon-card.mh-icon-card--resource.mh-icon-card--linked:nth-child(4) > .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">
See Opportunities<span class="mh-secondary-link__tail"><span class="mh-secondary-link__icon notranslate" aria-hidden="true" translate="no"></span></span> </span>
target .mh-simple-card.mh-simple-card--align-left.mh-simple-card--bg-white:nth-child(1) > .mh-simple-card__content.gap-4.flex-col > .mh-simple-card__title.\!text-\[22px\].md\:\!text-\[26px\]
Fix any of the following:
Element's background color could not be determined due to a pseudo element
HTML snippet
<h3 class="mh-simple-card__title font-sans !text-[22px] md:!text-[26px] font-bold leading-tight text-text-heading">Property Manager Library</h3>
target .mh-simple-card.mh-simple-card--align-left.mh-simple-card--bg-white:nth-child(1) > .mh-simple-card__content.gap-4.flex-col > .mh-simple-card__body.text-\[1\.25rem\].leading-normal
Fix any of the following:
Element's background color could not be determined due to a pseudo element
HTML snippet
<div class="mh-simple-card__body text-[1.25rem] font-sans leading-normal text-text-heading">For owners and managers of multifamily communities financed and/or overseen by MassHousing.</div>
target .mh-simple-card.mh-simple-card--align-left.mh-simple-card--bg-white:nth-child(1) > .mh-simple-card__ctas.mt-auto.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">
Visit the Library<span class="mh-secondary-link__tail"><span class="mh-secondary-link__icon notranslate" aria-hidden="true" translate="no"></span></span> </span>
target .mh-simple-card.mh-simple-card--align-left.mh-simple-card--bg-white:nth-child(2) > .mh-simple-card__content.gap-4.flex-col > .mh-simple-card__title.\!text-\[22px\].md\:\!text-\[26px\]
Fix any of the following:
Element's background color could not be determined due to a pseudo element
HTML snippet
<h3 class="mh-simple-card__title font-sans !text-[22px] md:!text-[26px] font-bold leading-tight text-text-heading">Multifamily Community Search</h3>
target .mh-simple-card.mh-simple-card--align-left.mh-simple-card--bg-white:nth-child(2) > .mh-simple-card__content.gap-4.flex-col > .mh-simple-card__body.text-\[1\.25rem\].leading-normal
Fix any of the following:
Element's background color could not be determined due to a pseudo element
HTML snippet
<div class="mh-simple-card__body text-[1.25rem] font-sans leading-normal text-text-heading">A searchable list of multifamily properties financed by MassHousing and developments where the Agency manages rental subsidy programs.</div>
target .mh-simple-card.mh-simple-card--align-left.mh-simple-card--bg-white:nth-child(2) > .mh-simple-card__ctas.mt-auto.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">
Search Communities<span class="mh-secondary-link__tail"><span class="mh-secondary-link__icon notranslate" aria-hidden="true" translate="no"></span></span> </span>
target .mh-simple-card.mh-simple-card--align-left.mh-simple-card--bg-white:nth-child(3) > .mh-simple-card__content.gap-4.flex-col > .mh-simple-card__title.\!text-\[22px\].md\:\!text-\[26px\]
Fix any of the following:
Element's background color could not be determined due to a pseudo element
HTML snippet
<h3 class="mh-simple-card__title font-sans !text-[22px] md:!text-[26px] font-bold leading-tight text-text-heading">Resource Guides</h3>
target .mh-simple-card.mh-simple-card--align-left.mh-simple-card--bg-white:nth-child(3) > .mh-simple-card__content.gap-4.flex-col > .mh-simple-card__body.text-\[1\.25rem\].leading-normal
Fix any of the following:
Element's background color could not be determined due to a pseudo element
HTML snippet
<div class="mh-simple-card__body text-[1.25rem] font-sans leading-normal text-text-heading">Collections of information and links on a variety of topics that impact rental housing communities in Massachusetts.</div>
target .mh-simple-card.mh-simple-card--align-left.mh-simple-card--bg-white:nth-child(3) > .mh-simple-card__ctas.mt-auto.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">
View Guides<span class="mh-secondary-link__tail"><span class="mh-secondary-link__icon notranslate" aria-hidden="true" translate="no"></span></span> </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) > .wp-block-paragraph
Fix any of the following:
Element's background color could not be determined due to a background gradient
HTML snippet
<p class="wp-block-paragraph">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-1.mh-layout-container--column-spacing-24.mh-layout-container:nth-child(2) > .wp-block-paragraph
Fix any of the following:
Element's background color could not be determined due to a background gradient
HTML snippet
<p class="wp-block-paragraph">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-highlights-section__card-wrap:nth-child(1) > .mh-teaser-card--large.mh-teaser-card.mh-teaser-card--featured > .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">Evan Dupree</h3>
target .mh-highlights-section__card-wrap:nth-child(1) > .mh-teaser-card--large.mh-teaser-card.mh-teaser-card--featured > .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.mh-teaser-card--featured > .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">Glenda’s Homebuying Story</h3>
target .mh-highlights-section__card-wrap:nth-child(2) > .mh-teaser-card--small.mh-teaser-card.mh-teaser-card--featured > .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.mh-teaser-card--featured > .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">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.mh-teaser-card--featured > .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.mh-teaser-card--featured > .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">Renter Success Story: Nayomi Dowman</h3>
target .mh-highlights-section__card-wrap:nth-child(2) > .mh-teaser-card--large.mh-teaser-card.mh-teaser-card--featured > .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>