color-contrast serious
Elements must meet minimum color contrast ratio thresholds
nodes: 25
target div[x-data="{ 'showModal': false }"]:nth-child(30) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.flex-row.justify-between > .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(31) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.flex-row.justify-between > .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(32) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.flex-row.justify-between > .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(33) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.flex-row.justify-between > .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(34) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.flex-row.justify-between > .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(35) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.flex-row.justify-between > .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(36) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.flex-row.justify-between > .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(37) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.flex-row.justify-between > .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(38) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.flex-row.justify-between > .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(39) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.flex-row.justify-between > .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(40) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.flex-row.justify-between > .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(41) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.flex-row.justify-between > .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(42) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.flex-row.justify-between > .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(43) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.flex-row.justify-between > .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(44) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.flex-row.justify-between > .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(45) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.flex-row.justify-between > .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(46) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.flex-row.justify-between > .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(47) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.flex-row.justify-between > .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(48) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.flex-row.justify-between > .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(49) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.flex-row.justify-between > .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(50) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.flex-row.justify-between > .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(51) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.flex-row.justify-between > .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(52) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.flex-row.justify-between > .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(53) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.flex-row.justify-between > .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(54) > div[x-show="!showModal"] > .py-\[24px\].md\:p-\[40px\].bg-white > .lg\:pr-40.gap-3.flex-col > .items-end.flex-row.justify-between > .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>