color-contrast serious
Elements must meet minimum color contrast ratio thresholds
Manual review required to confirm this issue.
nodes: 16
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 #suffolk-county-region > .pr-\[16px\].shadow-\[0_4px_24px_0_rgba\(0\,0\,0\,0\.40\)\].cursor-pointer > .w-max.px-\[24px\].py-\[16px\] > .text-rhTranslucentWhite.text-md
Fix any of the following:
Element's background color could not be determined because it is overlapped by another element
HTML snippet
<span class="font-roboto text-rhTranslucentWhite font-medium text-md">Suffolk County</span>
target #nassau-county-region > .pr-\[16px\].shadow-\[0_4px_24px_0_rgba\(0\,0\,0\,0\.40\)\].cursor-pointer > .w-max.px-\[24px\].py-\[16px\] > .text-rhTranslucentWhite.text-md
Fix any of the following:
Element's background color could not be determined because it is overlapped by another element
HTML snippet
<span class="font-roboto text-rhTranslucentWhite font-medium text-md">Nassau County</span>
target #bronx-queens-region > .pr-\[16px\].shadow-\[0_4px_24px_0_rgba\(0\,0\,0\,0\.40\)\].cursor-pointer > .w-max.px-\[24px\].py-\[16px\] > .text-rhTranslucentWhite.text-md
Fix any of the following:
Element's background color could not be determined because it is overlapped by another element
HTML snippet
<span class="font-roboto text-rhTranslucentWhite font-medium text-md">Bronx & Queens</span>
target #westchester-county-region > .pr-\[16px\].shadow-\[0_4px_24px_0_rgba\(0\,0\,0\,0\.40\)\].cursor-pointer > .w-max.px-\[24px\].py-\[16px\] > .text-rhTranslucentWhite.text-md
Fix any of the following:
Element's background color could not be determined because it is overlapped by another element
HTML snippet
<span class="font-roboto text-rhTranslucentWhite font-medium text-md">Westchester County</span>
target #western-ct-region > .pr-\[16px\].shadow-\[0_4px_24px_0_rgba\(0\,0\,0\,0\.40\)\].cursor-pointer > .w-max.px-\[24px\].py-\[16px\] > .text-rhTranslucentWhite.text-md
Fix any of the following:
Element's background color could not be determined because it is overlapped by another element
HTML snippet
<span class="font-roboto text-rhTranslucentWhite font-medium text-md">Western CT</span>
target #eastern-ct-region > .pr-\[16px\].shadow-\[0_4px_24px_0_rgba\(0\,0\,0\,0\.40\)\].cursor-pointer > .w-max.px-\[24px\].py-\[16px\] > .text-rhTranslucentWhite.text-md
Fix any of the following:
Element's background color could not be determined because it is overlapped by another element
HTML snippet
<span class="font-roboto text-rhTranslucentWhite font-medium text-md">Eastern CT</span>
target .long-island-sound-map-label.text-center
Fix any of the following:
Element's background color could not be determined because element contains an image node
HTML snippet
<div class="text-center long-island-sound-map-label">Long Island Sound</div>
target .leaflet-control-zoom-out > span
Fix any of the following:
Element content contains only non-text characters
HTML snippet
<span aria-hidden="true">−</span>
target a[href$="leafletjs.com"]
Fix any of the following:
Element's background color could not be determined because element contains an image node
HTML snippet
<a href="https://leafletjs.com">
target .top-\[20\%\] > .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">Learn more at
lispartnership.org</h3>
target .gap-4.items-start.flex-col > .gap-4.flex > .bg-rhTransparent1.hover\:bg-rhTransparent2.text-rhYellow
Fix any of the following:
Element's background color could not be determined due to a background image
HTML snippet
<a id="" href="https://lispartnersh..." class="transition-all white..." target="_blank" rel="noopener noreferrer">