← Back to summary

https://www.lisresilience.org/county.url; PASS

Score: 100/100 • Errors: 0 • Warnings: 2 • Notices: 0
Tests Passed: 23/25 • Response Time: 6674ms
Target: WCAG 2.2 Level AA • Settle Delay: 2000ms • Audit Profile: wcag • Run Profile: desktop
Tags Used: wcag2a, wcag2aa, wcag21a, wcag21aa, wcag22a, wcag22aa
Excluded Rules: none

Incomplete (manual review) (2)

aria-valid-attr-value critical
ARIA attributes must conform to valid values
Manual review required to confirm this issue.
Learn more
nodes: 1
target #search-btn
Fix all of the following: Unable to determine if aria-controls referenced ID exists on the page while using aria-haspopup: aria-controls="search-overlay"
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">
color-contrast serious
Elements must meet minimum color contrast ratio thresholds
Manual review required to confirm this issue.
Learn more
nodes: 5
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">
					Resilience Steps
					<img class="w-3 h-3" src="https://www.lisresilience.org/wp-content/themes/rhb-theme/theme/assets/images/chevron-down.svg" alt="" aria-hidden="true">
				</span>
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">
					Resources &amp; Tools
					<img class="w-3 h-3" src="https://www.lisresilience.org/wp-content/themes/rhb-theme/theme/assets/images/chevron-down.svg" alt="" aria-hidden="true">
				</span>
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">
					Trainings
					<img class="w-3 h-3" src="https://www.lisresilience.org/wp-content/themes/rhb-theme/theme/assets/images/chevron-down.svg" alt="" aria-hidden="true">
				</span>
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">
					Connect
					<img class="w-3 h-3" src="https://www.lisresilience.org/wp-content/themes/rhb-theme/theme/assets/images/chevron-down.svg" alt="" aria-hidden="true">
				</span>
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">