aria-valid-attr-value critical
ARIA attributes must conform to valid values
Manual review required to confirm this issue.
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.
nodes: 10
target #get-started > .mh-section__body > .mh-section__inner > .mh-section__blocks > article: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">Comprehensive Permit Application</h3>
target #get-started > .mh-section__body > .mh-section__inner > .mh-section__blocks > article: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">Apply online for rental and homeownership projects building under Chapter 40B.</div>
target #get-started > .mh-section__body > .mh-section__inner > .mh-section__blocks > article:nth-child(1) > .mh-simple-card__ctas.mh-card-ctas.mt-auto > .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 Application<span class="mh-secondary-link__tail"><span class="mh-secondary-link__icon notranslate" aria-hidden="true" translate="no"></span></span> </span>
target article: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">Chapter 40B Fee Schedule</h3>
target article: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">Download the current MassHousing 40B / NEF fee schedule.</div>
target article:nth-child(2) > .mh-simple-card__ctas.mh-card-ctas.mt-auto > .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">
Download Now<span class="mh-secondary-link__tail"><span class="mh-secondary-link__icon notranslate" aria-hidden="true" translate="no"></span></span> </span>
target #multifamily-financing > .mh-section__body > .mh-section__inner > .mh-section__blocks > article > .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 Financing Available</h3>
target #multifamily-financing > .mh-section__body > .mh-section__inner > .mh-section__blocks > article > .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">
target #multifamily-financing > .mh-section__body > .mh-section__inner > .mh-section__blocks > article > .mh-simple-card__ctas.mh-card-ctas.mt-auto > .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-news-heading-block_aab55a58769b591a6afe4f1c781d632d
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_aab55a58769b591a6afe4f1c781d632d" class="mh-news-cards-section__title">Related News</h2>