aria-valid-attr-value critical
ARIA attributes must conform to valid values
Manual review required to confirm this issue.
nodes: 5
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">
target rewiring-america-state-calculator,#owner_status
Fix all of the following:
ARIA attribute element ID does not exist on the page or is a descendant of a different shadow DOM tree: aria-describedby=":r0:"
HTML snippet
<button class="flex gap-2 items-cen..." aria-describedby=":r0:" id="owner_status" type="button" aria-haspopup="listbox" aria-expanded="false" data-headlessui-stat...="" aria-labelledby="headlessui-listbox-l...">
target rewiring-america-state-calculator,#tax_filing
Fix all of the following:
ARIA attribute element ID does not exist on the page or is a descendant of a different shadow DOM tree: aria-describedby=":ra:"
HTML snippet
<button class="flex gap-2 items-cen..." aria-describedby=":ra:" id="tax_filing" type="button" aria-haspopup="listbox" aria-expanded="false" data-headlessui-stat...="" aria-labelledby="headlessui-listbox-l...">
target rewiring-america-state-calculator,#household_size
Fix all of the following:
ARIA attribute element ID does not exist on the page or is a descendant of a different shadow DOM tree: aria-describedby=":re:"
HTML snippet
<button class="flex gap-2 items-cen..." aria-describedby=":re:" id="household_size" type="button" aria-haspopup="listbox" aria-expanded="false" data-headlessui-stat...="" aria-labelledby="headlessui-listbox-l...">
color-contrast serious
Elements must meet minimum color contrast ratio thresholds
Manual review required to confirm this issue.
nodes: 7
target .mh-hero__title
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]">Massachusetts Energy Savings Finder</h1>
target rewiring-america-state-calculator,p
Fix any of the following:
Element's background color could not be determined due to a background gradient
HTML snippet
<p>
target rewiring-america-state-calculator,.underline.text-color-action-primary[target="_blank"]:nth-child(1)
Fix any of the following:
Element's background color could not be determined due to a background gradient
HTML snippet
<a class="underline text-color-action-primary" target="_blank" href="https://www.rewiringamerica.org">Rewiring America</a>
target rewiring-america-state-calculator,.underline.text-color-action-primary[target="_blank"]:nth-child(2)
Fix any of the following:
Element's background color could not be determined due to a background gradient
HTML snippet
<a class="underline text-color-action-primary" target="_blank" href="https://www.rewiringamerica.org/privacy-policy">Privacy Policy</a>
target rewiring-america-state-calculator,.underline.text-color-action-primary[target="_blank"]:nth-child(3)
Fix any of the following:
Element's background color could not be determined due to a background gradient
HTML snippet
<a class="underline text-color-action-primary" target="_blank" href="https://content.rewiringamerica.org/api/terms.pdf">Terms</a>
target h2
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">Still Have Questions?</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">Lorem ipsum dolor sit amet consectetur. Adipiscing senectus vitae donec suspendisse gravida condimentum. Ante elit dolor et velit id vitae massa neque nec.</p>