Page Scan Results:

CENTER FOR HEALTH SCIENCES

Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. Axe Reference

1. <a href="https://go.okstate.edu/">

   Element selector:

   div:nth-child(1) > a[href$="go.okstate.edu/"]
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.11 (foreground color: #fe5c00, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1 header

2. <span class="subhead">Cayuse Applications</span>

   Element selector:

   .fast-fact[target="_blank"][rel="noopener"] > .fast-fact__stat > .headline-group > .subhead
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 1.68 (foreground color: #fed9c4, background color: #fc9358, font size: 22.5pt (30px), font weight: normal). Expected contrast ratio of 3:1 .fast-fact[target="_blank"][rel="noopener"]

3. <p>
   for submission of IACUC and IBC applications
   </p>

   Element selector:

   .fast-fact[target="_blank"][rel="noopener"] > .fast-fact__description > p
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 1.68 (foreground color: #fed9c4, background color: #fc9358, font size: 14.1pt (18.8px), font weight: bold). Expected contrast ratio of 3:1 .fast-fact[target="_blank"][rel="noopener"]

4. <span class="subhead">Cayuse Grants</span>

   Element selector:

   a[href$="okstate.cayuse424.com/"] > .fast-fact__stat > .headline-group > .subhead
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 1.68 (foreground color: #fed9c4, background color: #fc9358, font size: 22.5pt (30px), font weight: normal). Expected contrast ratio of 3:1 a[href$="okstate.cayuse424.com/"]

5. <p>
   for grant proposal submission
   </p>

   Element selector:

   a[href$="okstate.cayuse424.com/"] > .fast-fact__description > p
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 1.68 (foreground color: #fed9c4, background color: #fc9358, font size: 14.1pt (18.8px), font weight: bold). Expected contrast ratio of 3:1 a[href$="okstate.cayuse424.com/"]

6. <a href="#top" class="sg-standalone link--back-to-top link--back-to-top--global">

   Element selector:

   .link--back-to-top--global
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 4.12 (foreground color: #cecece, background color: #5e5e5e, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .link--back-to-top--global .main-footer

Ensures links have discernible text. Axe Reference

1. <a href="#" class="main-nav__mobile-nav-toggle" tabindex="-1">

   Element selector:

   .main-nav__mobile-nav-toggle[href="#"]:nth-child(2)
   Failing checks (At least one of these should pass)

   • Element does not have text that is visible to screen readers
   • aria-label attribute does not exist or is empty
   • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
   • Element has no title attribute

2. <a href="" class="department-footer__link"></a>

   Element selector:

   a[href=""]
   Failing checks (At least one of these should pass)

   • Element does not have text that is visible to screen readers
   • aria-label attribute does not exist or is empty
   • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
   • Element has no title attribute
   Failing checks (All of these should pass)

   • Element is in tab order and does not have accessible text

Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. Axe Reference

1. <span>Quicklinks / Search</span>

   Element selector:

   #quicklinks-toggle > span
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it is overlapped by another element

2. <tspan x="0" y="36">MENU</tspan>

   Element selector:

   .icon[viewBox="0 0 31 37"] > g[stroke="none"][stroke-width="1"][fill="none"] > g[transform="translate(-305 -36)"] > g > g[transform="translate(305 36)"] > text > tspan
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because element contains an image node .icon[viewBox="0 0 31 37"]

3. <h1>Office of Research and Sponsored Programs</h1>

   Element selector:

   .page-section__container > h1
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a pseudo element .page-header