color-contrast serious
Elements must meet minimum color contrast ratio thresholds
Manual review required to confirm this issue.
nodes: 10
target .float-left.dropdown.overflow-hidden:nth-child(1) > .dropbtn.min-h-\[48px\][aria-haspopup="true"] > .inline-flex
Fix any of the following:
Element's background color could not be determined due to a background image
HTML snippet
<span class="inline-flex items-center gap-2">
target .float-left.dropdown.overflow-hidden:nth-child(2) > .dropbtn.min-h-\[48px\][aria-haspopup="true"] > .inline-flex
Fix any of the following:
Element's background color could not be determined due to a background image
HTML snippet
<span class="inline-flex items-center gap-2">
target .float-left.dropdown.overflow-hidden:nth-child(3) > .dropbtn.min-h-\[48px\][aria-haspopup="true"] > .inline-flex
Fix any of the following:
Element's background color could not be determined due to a background image
HTML snippet
<span class="inline-flex items-center gap-2">
target .float-left.dropdown.overflow-hidden:nth-child(4) > .dropbtn.min-h-\[48px\][aria-haspopup="true"] > .inline-flex
Fix any of the following:
Element's background color could not be determined due to a background image
HTML snippet
<span class="inline-flex items-center gap-2">
target #search-btn
Fix any of the following:
Element's background color could not be determined due to a background image
HTML snippet
<button type="button" class="md:!flex gap-2 items-center h-[48px] min-h-[48px] font-roboto text-sm font-medium text-rhWhite px-4 py-3" @click="$store.searchOpen = true" id="search-btn" aria-haspopup="dialog" aria-controls="search-overlay">
target h1
Fix any of the following:
Element's background color could not be determined because it is overlapped by another element
HTML snippet
<h1 class="text-sm desktop:text-md font-roboto text-rhDark text-rhTranslucentWhite h1ash3">Assistance Programs</h1>
target .text-rhTranslucentWhite.text-xs.mobile\:text-sm
Fix any of the following:
Element's background color could not be determined because it is overlapped by another element
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark text-rhTranslucentWhite">Get help with your sustainability and resilience-focused projects</p>
target .bg-rhBackground1.xl\:px-0.px-4:nth-child(4) > .mx-auto.max-w-\[1210px\] > .py-10 > .gap-\[40px\].flex-row.lg\:flex-row > .lg\:w-\[585px\].h-\[293px\].w-full > .shadow-md.relative.rounded-\[40px\] > .top-\[20\%\].m-auto.p-\[40px\] > .gap-4.items-start.flex-col > div:nth-child(1) > h3
Fix any of the following:
Element's background color could not be determined due to a background image
HTML snippet
<h3 class="text-sm desktop:text-md font-roboto text-rhDark text-rhWhite">Planning Support Program</h3>
target .bg-rhBackground1.xl\:px-0.px-4:nth-child(6) > .mx-auto.max-w-\[1210px\] > .py-10 > .gap-\[40px\].flex-row.lg\:flex-row > .lg\:w-\[585px\].h-\[293px\].w-full > .shadow-md.relative.rounded-\[40px\] > .top-\[20\%\].m-auto.p-\[40px\] > .gap-4.items-start.flex-col > div:nth-child(1) > h3
Fix any of the following:
Element's background color could not be determined due to a background image
HTML snippet
<h3 class="text-sm desktop:text-md font-roboto text-rhDark text-rhWhite">Grant Writing Assistance Program</h3>
target .bg-rhTransparent1
Fix any of the following:
Element's background color could not be determined due to a background image
HTML snippet
<a id="" href="https://docs.google...." class="transition-all white..." target="_blank" rel="noopener noreferrer">