← Back to summary

https://www.lisresilience.org/resources/ FAIL

Score: 94/100 • Errors: 1 • Warnings: 2 • Notices: 0
Tests Passed: 28/31 • Response Time: 20538ms
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

Errors (1)

color-contrast serious
Elements must meet minimum color contrast ratio thresholds
Learn more
nodes: 64
target div[x-data="{ 'showModal': false }"]:nth-child(189) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightGreen.py-1.rounded-3xl > .text-rhGreen.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 4.26 (foreground color: #267371, background color: #cae7e7, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium text-rhGreen">SRC Training</p>
target div[x-data="{ 'showModal': false }"]:nth-child(190) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightGreen.py-1.rounded-3xl > .text-rhGreen.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 4.26 (foreground color: #267371, background color: #cae7e7, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium text-rhGreen">SRC Training</p>
target div[x-data="{ 'showModal': false }"]:nth-child(191) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightGreen.py-1.rounded-3xl > .text-rhGreen.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 4.26 (foreground color: #267371, background color: #cae7e7, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium text-rhGreen">SRC Training</p>
target div[x-data="{ 'showModal': false }"]:nth-child(192) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightGreen.py-1.rounded-3xl > .text-rhGreen.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 4.26 (foreground color: #267371, background color: #cae7e7, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium text-rhGreen">SRC Training</p>
target div[x-data="{ 'showModal': false }"]:nth-child(193) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightMustard.py-1.rounded-3xl > .text-rhMustard.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.67 (foreground color: #987701, background color: #ffefb9, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium text-rhMustard">Training</p>
target div[x-data="{ 'showModal': false }"]:nth-child(194) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightMustard.py-1.rounded-3xl > .text-rhMustard.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.67 (foreground color: #987701, background color: #ffefb9, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium text-rhMustard">Training</p>
target div[x-data="{ 'showModal': false }"]:nth-child(195) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightMustard.py-1.rounded-3xl > .text-rhMustard.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.67 (foreground color: #987701, background color: #ffefb9, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium text-rhMustard">Training</p>
target div[x-data="{ 'showModal': false }"]:nth-child(196) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightMustard.py-1.rounded-3xl > .text-rhMustard.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.67 (foreground color: #987701, background color: #ffefb9, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium text-rhMustard">Training</p>
target div[x-data="{ 'showModal': false }"]:nth-child(197) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightMustard.py-1.rounded-3xl > .text-rhMustard.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.67 (foreground color: #987701, background color: #ffefb9, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium text-rhMustard">Training</p>
target div[x-data="{ 'showModal': false }"]:nth-child(198) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightMustard.py-1.rounded-3xl > .text-rhMustard.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.67 (foreground color: #987701, background color: #ffefb9, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium text-rhMustard">Training</p>
target div[x-data="{ 'showModal': false }"]:nth-child(199) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightMustard.py-1.rounded-3xl > .text-rhMustard.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.67 (foreground color: #987701, background color: #ffefb9, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium text-rhMustard">Training</p>
target div[x-data="{ 'showModal': false }"]:nth-child(200) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightMustard.py-1.rounded-3xl > .text-rhMustard.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.67 (foreground color: #987701, background color: #ffefb9, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium text-rhMustard">Training</p>
target div[x-data="{ 'showModal': false }"]:nth-child(201) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightMustard.py-1.rounded-3xl > .text-rhMustard.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.67 (foreground color: #987701, background color: #ffefb9, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium text-rhMustard">Training</p>
target div[x-data="{ 'showModal': false }"]:nth-child(202) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightMustard.py-1.rounded-3xl > .text-rhMustard.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.67 (foreground color: #987701, background color: #ffefb9, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium text-rhMustard">Training</p>
target div[x-data="{ 'showModal': false }"]:nth-child(203) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightMustard.py-1.rounded-3xl > .text-rhMustard.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.67 (foreground color: #987701, background color: #ffefb9, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium text-rhMustard">Training</p>
target div[x-data="{ 'showModal': false }"]:nth-child(204) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightMustard.py-1.rounded-3xl > .text-rhMustard.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.67 (foreground color: #987701, background color: #ffefb9, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium text-rhMustard">Training</p>
target div[x-data="{ 'showModal': false }"]:nth-child(205) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightMustard.py-1.rounded-3xl > .text-rhMustard.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.67 (foreground color: #987701, background color: #ffefb9, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium text-rhMustard">Training</p>
target div[x-data="{ 'showModal': false }"]:nth-child(206) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightMustard.py-1.rounded-3xl > .text-rhMustard.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.67 (foreground color: #987701, background color: #ffefb9, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium text-rhMustard">Training</p>
target div[x-data="{ 'showModal': false }"]:nth-child(207) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightMustard.py-1.rounded-3xl > .text-rhMustard.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.67 (foreground color: #987701, background color: #ffefb9, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium text-rhMustard">Training</p>
target div[x-data="{ 'showModal': false }"]:nth-child(208) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightMustard.py-1.rounded-3xl > .text-rhMustard.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.67 (foreground color: #987701, background color: #ffefb9, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium text-rhMustard">Training</p>
target div[x-data="{ 'showModal': false }"]:nth-child(209) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightMustard.py-1.rounded-3xl > .text-rhMustard.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.67 (foreground color: #987701, background color: #ffefb9, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium text-rhMustard">Training</p>
target div[x-data="{ 'showModal': false }"]:nth-child(210) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightMustard.py-1.rounded-3xl > .text-rhMustard.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.67 (foreground color: #987701, background color: #ffefb9, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium text-rhMustard">Training</p>
target div[x-data="{ 'showModal': false }"]:nth-child(211) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightMustard.py-1.rounded-3xl > .text-rhMustard.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.67 (foreground color: #987701, background color: #ffefb9, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium text-rhMustard">Training</p>
target div[x-data="{ 'showModal': false }"]:nth-child(212) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightMustard.py-1.rounded-3xl > .text-rhMustard.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.67 (foreground color: #987701, background color: #ffefb9, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium text-rhMustard">Training</p>
target div[x-data="{ 'showModal': false }"]:nth-child(213) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightMustard.py-1.rounded-3xl > .text-rhMustard.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.67 (foreground color: #987701, background color: #ffefb9, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium text-rhMustard">Training</p>
target div[x-data="{ 'showModal': false }"]:nth-child(214) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightMustard.py-1.rounded-3xl > .text-rhMustard.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.67 (foreground color: #987701, background color: #ffefb9, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium text-rhMustard">Training</p>
target div[x-data="{ 'showModal': false }"]:nth-child(215) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightMustard.py-1.rounded-3xl > .text-rhMustard.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.67 (foreground color: #987701, background color: #ffefb9, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium text-rhMustard">Training</p>
target div[x-data="{ 'showModal': false }"]:nth-child(216) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightMustard.py-1.rounded-3xl > .text-rhMustard.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.67 (foreground color: #987701, background color: #ffefb9, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium text-rhMustard">Training</p>
target div[x-data="{ 'showModal': false }"]:nth-child(217) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightMustard.py-1.rounded-3xl > .text-rhMustard.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.67 (foreground color: #987701, background color: #ffefb9, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium text-rhMustard">Training</p>
target div[x-data="{ 'showModal': false }"]:nth-child(218) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightMustard.py-1.rounded-3xl > .text-rhMustard.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.67 (foreground color: #987701, background color: #ffefb9, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium text-rhMustard">Training</p>
target div[x-data="{ 'showModal': false }"]:nth-child(219) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightMustard.py-1.rounded-3xl > .text-rhMustard.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.67 (foreground color: #987701, background color: #ffefb9, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium text-rhMustard">Training</p>
target div[x-data="{ 'showModal': false }"]:nth-child(220) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightMustard.py-1.rounded-3xl > .text-rhMustard.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.67 (foreground color: #987701, background color: #ffefb9, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium text-rhMustard">Training</p>
target div[x-data="{ 'showModal': false }"]:nth-child(221) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightMustard.py-1.rounded-3xl > .text-rhMustard.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.67 (foreground color: #987701, background color: #ffefb9, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium text-rhMustard">Training</p>
target div[x-data="{ 'showModal': false }"]:nth-child(222) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightMustard.py-1.rounded-3xl > .text-rhMustard.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.67 (foreground color: #987701, background color: #ffefb9, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium text-rhMustard">Training</p>
target div[x-data="{ 'showModal': false }"]:nth-child(223) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightMustard.py-1.rounded-3xl > .text-rhMustard.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.67 (foreground color: #987701, background color: #ffefb9, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium text-rhMustard">Training</p>
target div[x-data="{ 'showModal': false }"]:nth-child(224) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightOrange.py-1.rounded-3xl:nth-child(1) > .\!text-blackOrange.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.7 (foreground color: #b25901, background color: #f4ddc7, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium !text-blackOrange">Case Study</p>
target div[x-data="{ 'showModal': false }"]:nth-child(225) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightOrange.py-1.rounded-3xl:nth-child(1) > .\!text-blackOrange.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.7 (foreground color: #b25901, background color: #f4ddc7, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium !text-blackOrange">Case Study</p>
target div[x-data="{ 'showModal': false }"]:nth-child(226) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightOrange.py-1.rounded-3xl:nth-child(1) > .\!text-blackOrange.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.7 (foreground color: #b25901, background color: #f4ddc7, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium !text-blackOrange">Case Study</p>
target div[x-data="{ 'showModal': false }"]:nth-child(227) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightOrange.py-1.rounded-3xl:nth-child(1) > .\!text-blackOrange.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.7 (foreground color: #b25901, background color: #f4ddc7, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium !text-blackOrange">Case Study</p>
target .\!text-rhGreen
Fix any of the following: Element has insufficient color contrast of 4.26 (foreground color: #267371, background color: #cae7e7, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium !text-rhGreen">GWA Case Study</p>
target div[x-data="{ 'showModal': false }"]:nth-child(229) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightOrange.py-1.rounded-3xl:nth-child(1) > .\!text-blackOrange.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.7 (foreground color: #b25901, background color: #f4ddc7, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium !text-blackOrange">Case Study</p>
target div[x-data="{ 'showModal': false }"]:nth-child(230) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightOrange.py-1.rounded-3xl:nth-child(1) > .\!text-blackOrange.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.7 (foreground color: #b25901, background color: #f4ddc7, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium !text-blackOrange">Case Study</p>
target div[x-data="{ 'showModal': false }"]:nth-child(231) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightOrange.py-1.rounded-3xl:nth-child(1) > .\!text-blackOrange.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.7 (foreground color: #b25901, background color: #f4ddc7, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium !text-blackOrange">Case Study</p>
target div[x-data="{ 'showModal': false }"]:nth-child(232) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightOrange.py-1.rounded-3xl:nth-child(1) > .\!text-blackOrange.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.7 (foreground color: #b25901, background color: #f4ddc7, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium !text-blackOrange">Case Study</p>
target div[x-data="{ 'showModal': false }"]:nth-child(233) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightOrange.py-1.rounded-3xl:nth-child(1) > .\!text-blackOrange.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.7 (foreground color: #b25901, background color: #f4ddc7, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium !text-blackOrange">Case Study</p>
target div[x-data="{ 'showModal': false }"]:nth-child(234) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightOrange.py-1.rounded-3xl:nth-child(1) > .\!text-blackOrange.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.7 (foreground color: #b25901, background color: #f4ddc7, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium !text-blackOrange">Case Study</p>
target div[x-data="{ 'showModal': false }"]:nth-child(235) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightOrange.py-1.rounded-3xl:nth-child(1) > .\!text-blackOrange.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.7 (foreground color: #b25901, background color: #f4ddc7, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium !text-blackOrange">Case Study</p>
target div[x-data="{ 'showModal': false }"]:nth-child(236) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightOrange.py-1.rounded-3xl:nth-child(1) > .\!text-blackOrange.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.7 (foreground color: #b25901, background color: #f4ddc7, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium !text-blackOrange">Case Study</p>
target div[x-data="{ 'showModal': false }"]:nth-child(237) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightOrange.py-1.rounded-3xl:nth-child(1) > .\!text-blackOrange.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.7 (foreground color: #b25901, background color: #f4ddc7, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium !text-blackOrange">Case Study</p>
target div[x-data="{ 'showModal': false }"]:nth-child(238) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightOrange.py-1.rounded-3xl:nth-child(1) > .\!text-blackOrange.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.7 (foreground color: #b25901, background color: #f4ddc7, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium !text-blackOrange">Case Study</p>
target div[x-data="{ 'showModal': false }"]:nth-child(239) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightOrange.py-1.rounded-3xl:nth-child(1) > .\!text-blackOrange.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.7 (foreground color: #b25901, background color: #f4ddc7, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium !text-blackOrange">Case Study</p>
target div[x-data="{ 'showModal': false }"]:nth-child(240) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightOrange.py-1.rounded-3xl:nth-child(1) > .\!text-blackOrange.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.7 (foreground color: #b25901, background color: #f4ddc7, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium !text-blackOrange">Case Study</p>
target div[x-data="{ 'showModal': false }"]:nth-child(241) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightOrange.py-1.rounded-3xl:nth-child(1) > .\!text-blackOrange.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.7 (foreground color: #b25901, background color: #f4ddc7, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium !text-blackOrange">Case Study</p>
target div[x-data="{ 'showModal': false }"]:nth-child(242) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightOrange.py-1.rounded-3xl:nth-child(1) > .\!text-blackOrange.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.7 (foreground color: #b25901, background color: #f4ddc7, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium !text-blackOrange">Case Study</p>
target div[x-data="{ 'showModal': false }"]:nth-child(243) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightOrange.py-1.rounded-3xl:nth-child(1) > .\!text-blackOrange.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.7 (foreground color: #b25901, background color: #f4ddc7, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium !text-blackOrange">Case Study</p>
target div[x-data="{ 'showModal': false }"]:nth-child(244) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightOrange.py-1.rounded-3xl:nth-child(1) > .\!text-blackOrange.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.7 (foreground color: #b25901, background color: #f4ddc7, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium !text-blackOrange">Case Study</p>
target div[x-data="{ 'showModal': false }"]:nth-child(245) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightOrange.py-1.rounded-3xl:nth-child(1) > .\!text-blackOrange.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.7 (foreground color: #b25901, background color: #f4ddc7, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium !text-blackOrange">Case Study</p>
target div[x-data="{ 'showModal': false }"]:nth-child(246) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightOrange.py-1.rounded-3xl:nth-child(1) > .\!text-blackOrange.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.7 (foreground color: #b25901, background color: #f4ddc7, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium !text-blackOrange">Case Study</p>
target div[x-data="{ 'showModal': false }"]:nth-child(247) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightOrange.py-1.rounded-3xl:nth-child(1) > .\!text-blackOrange.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.7 (foreground color: #b25901, background color: #f4ddc7, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium !text-blackOrange">Case Study</p>
target div[x-data="{ 'showModal': false }"]:nth-child(248) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightOrange.py-1.rounded-3xl:nth-child(1) > .\!text-blackOrange.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.7 (foreground color: #b25901, background color: #f4ddc7, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium !text-blackOrange">Case Study</p>
target div[x-data="{ 'showModal': false }"]:nth-child(249) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightOrange.py-1.rounded-3xl:nth-child(1) > .\!text-blackOrange.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.7 (foreground color: #b25901, background color: #f4ddc7, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium !text-blackOrange">Case Study</p>
target div[x-data="{ 'showModal': false }"]:nth-child(250) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightOrange.py-1.rounded-3xl:nth-child(1) > .\!text-blackOrange.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.7 (foreground color: #b25901, background color: #f4ddc7, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium !text-blackOrange">Case Study</p>
target div[x-data="{ 'showModal': false }"]:nth-child(251) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightOrange.py-1.rounded-3xl:nth-child(1) > .\!text-blackOrange.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.7 (foreground color: #b25901, background color: #f4ddc7, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium !text-blackOrange">Case Study</p>
target div[x-data="{ 'showModal': false }"]:nth-child(252) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.justify-between.flex-row > .justify-start.h-fit.lg\:flex-row > .bg-rhLightOrange.py-1.rounded-3xl:nth-child(1) > .\!text-blackOrange.mobile\:text-sm.text-xs
Fix any of the following: Element has insufficient color contrast of 3.7 (foreground color: #b25901, background color: #f4ddc7, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark font-roboto font-medium !text-blackOrange">Case Study</p>

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: 21
target .float-left.dropdown.overflow-hidden:nth-child(1) > .dropbtn.min-h-\[48px\][aria-haspopup="true"] > .inline-flex.gap-2
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.gap-2
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.gap-2
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.gap-2
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">Resilience Steps</h1>
target .md\:w-full > .text-rhTranslucentWhite.mobile\:text-sm.text-xs
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">Find support and resources tailored to your project needs. Select your Planning Phase, Location, and/or Topic of interest to access a filtered selection of our curated resources and tools. </p>
target .z-\[4\] > .mx-4.group-hover\:mr-8.my-4 > h4
Fix any of the following: Element's background color could not be determined because it is overlapped by another element
HTML snippet
<h4 class="text-rhTranslucentWhite text-[24px]">
				Learn
			</h4>
target .z-\[2\] > .mx-4.group-hover\:mr-8.my-4 > h4
Fix any of the following: Element's background color could not be determined because it is overlapped by another element
HTML snippet
<h4 class="text-rhTranslucentWhite text-[24px]">
				Plan
			</h4>
target .z-\[1\] > .mx-4.group-hover\:mr-8.my-4 > h4
Fix any of the following: Element's background color could not be determined because it is overlapped by another element
HTML snippet
<h4 class="text-rhTranslucentWhite text-[24px]">
				Implement
			</h4>
target .z-\[0\] > .mx-4.group-hover\:mr-8.my-4 > h4
Fix any of the following: Element's background color could not be determined because it is overlapped by another element
HTML snippet
<h4 class="text-rhTranslucentWhite text-[24px]">
				Sustain
			</h4>
target .w-full:nth-child(2) > .min-h-\[250px\].w-full.shadow-rhShadow > .bg-black\/60.border-r-white\/10.border-b-white\/10 > .text-rhTranslucentWhite.desktop\:text-md
Fix any of the following: Element's background color could not be determined because it is overlapped by another element
HTML snippet
<h3 class="text-sm desktop:text-md font-roboto text-rhDark text-rhTranslucentWhite">Need help deciding where to start?</h3>
target .w-full:nth-child(2) > .min-h-\[250px\].w-full.shadow-rhShadow > .bg-black\/60.border-r-white\/10.border-b-white\/10 > .text-rhTranslucentWhite.mobile\:text-sm.text-xs
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">Learn how to identify, prioritize, and implement high-impact projects</p>
target .w-full:nth-child(2) > .min-h-\[250px\].w-full.shadow-rhShadow > .bg-black\/60.border-r-white\/10.border-b-white\/10 > .gap-4.flex-col.flex > a
Fix any of the following: Element's background color could not be determined because it is overlapped by another element
HTML snippet
<a id="" href="https://www.lisresil..." class="transition-all white...">
target .w-full:nth-child(3) > .min-h-\[250px\].w-full.shadow-rhShadow > .bg-black\/60.border-r-white\/10.border-b-white\/10 > .text-rhTranslucentWhite.desktop\:text-md
Fix any of the following: Element's background color could not be determined because it is overlapped by another element
HTML snippet
<h3 class="text-sm desktop:text-md font-roboto text-rhDark text-rhTranslucentWhite">Funding Database</h3>
target .w-full:nth-child(3) > .min-h-\[250px\].w-full.shadow-rhShadow > .bg-black\/60.border-r-white\/10.border-b-white\/10 > .text-rhTranslucentWhite.mobile\:text-sm.text-xs
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">Find funding for your project</p>
target .w-full:nth-child(3) > .min-h-\[250px\].w-full.shadow-rhShadow > .bg-black\/60.border-r-white\/10.border-b-white\/10 > .gap-4.flex-col.flex > a
Fix any of the following: Element's background color could not be determined because it is overlapped by another element
HTML snippet
<a id="" href="https://www.lisresil..." class="transition-all white...">
target .w-full:nth-child(4) > .min-h-\[250px\].w-full.shadow-rhShadow > .bg-black\/60.border-r-white\/10.border-b-white\/10 > .text-rhTranslucentWhite.desktop\:text-md
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-rhTranslucentWhite">Case Studies</h3>
target .w-full:nth-child(4) > .min-h-\[250px\].w-full.shadow-rhShadow > .bg-black\/60.border-r-white\/10.border-b-white\/10 > .text-rhTranslucentWhite.mobile\:text-sm.text-xs
Fix any of the following: Element's background color could not be determined due to a background image
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark text-rhTranslucentWhite">See how other communities are building climate resilience</p>
target .w-full:nth-child(5) > .min-h-\[250px\].w-full.shadow-rhShadow > .bg-black\/60.border-r-white\/10.border-b-white\/10 > .text-rhTranslucentWhite.desktop\:text-md
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-rhTranslucentWhite">Need help with your project?</h3>
target .w-full:nth-child(5) > .min-h-\[250px\].w-full.shadow-rhShadow > .bg-black\/60.border-r-white\/10.border-b-white\/10 > .text-rhTranslucentWhite.mobile\:text-sm.text-xs
Fix any of the following: Element's background color could not be determined due to a background image
HTML snippet
<p class="text-xs mobile:text-sm font-roboto text-rhDark text-rhTranslucentWhite">Apply to our Assistance Programs</p>