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="#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 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

Ensures interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies. Axe Reference

1. <div class="page-header page-header--video" style="background-image:url('/site-files/images/home-video-capture-v1.png');" aria-label="Welcome to OSU Center for Health Sciences" role="img">

   Element selector:

   .page-header
   Failing checks (At least one of these should pass)

   • Element has focusable descendants #header-video-repeat #header-video-playback

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. <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's background color could not be determined because it is overlapped by another element

3. <h1><span>Center for</span><br>Health Sciences</h1>

   Element selector:

   .main-nav__college-header > h1
   Failing checks (At least one of these should pass)

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

4. <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 it is overlapped by another element

5. <span>Covid-19 Health Alert:</span>

   Element selector:

   .alert__content > span:nth-child(1)
   Failing checks (At least one of these should pass)

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

6. <a href="/covid/index.html">Read More at our Coronavirus Site</a>

   Element selector:

   a[href="/covid/index.html"]
   Failing checks (At least one of these should pass)

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