Page Scan Results:

CENTER FOR HEALTH SCIENCES

Ensures elements with an ARIA role that require parent roles are contained by them. Axe Reference

1. <a href="#" class="accordion-title" aria-controls="ujlx24-accordion" role="tab" id="ujlx24-accordion-label" aria-expanded="false" aria-selected="false">Athletic Training</a>

   Element selector:

   #ujlx24-accordion-label
   Failing checks (At least one of these should pass)

   • Required ARIA parent role not present: tablist

2. <a href="#" class="accordion-title" aria-controls="behug3-accordion" role="tab" id="behug3-accordion-label" aria-expanded="false" aria-selected="false">School of Biomedical Sciences</a>

   Element selector:

   #behug3-accordion-label
   Failing checks (At least one of these should pass)

   • Required ARIA parent role not present: tablist

3. <a href="#" class="accordion-title" aria-controls="72kauk-accordion" role="tab" id="72kauk-accordion-label" aria-expanded="false" aria-selected="false">School of Forensic Sciences</a>

   Element selector:

   #\37 2kauk-accordion-label
   Failing checks (At least one of these should pass)

   • Required ARIA parent role not present: tablist

4. <a href="#" class="accordion-title" aria-controls="dvn2xw-accordion" role="tab" id="dvn2xw-accordion-label" aria-expanded="false" aria-selected="false">School of Health Care Administration</a>

   Element selector:

   #dvn2xw-accordion-label
   Failing checks (At least one of these should pass)

   • Required ARIA parent role not present: tablist

5. <a href="#" class="accordion-title" aria-controls="sd3ca3-accordion" role="tab" id="sd3ca3-accordion-label" aria-expanded="false" aria-selected="false">Dual Degrees</a>

   Element selector:

   #sd3ca3-accordion-label
   Failing checks (At least one of these should pass)

   • Required ARIA parent role not present: tablist

6. <a href="#" class="accordion-title" aria-controls="ehssw1-accordion" role="tab" id="ehssw1-accordion-label" aria-expanded="false" aria-selected="false">Physician Assistant</a>

   Element selector:

   #ehssw1-accordion-label
   Failing checks (At least one of these should pass)

   • Required ARIA parent role not present: tablist

Ensures <li> elements are used semantically. Axe Reference

1. <li class="accordion-item" data-accordion-item="">

   Element selector:

   .accordion-item[data-accordion-item=""]:nth-child(1)
   Failing checks (At least one of these should pass)

   • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

2. <li class="accordion-item" data-accordion-item="">

   Element selector:

   .accordion-item[data-accordion-item=""]:nth-child(2)
   Failing checks (At least one of these should pass)

   • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

3. <li class="accordion-item" data-accordion-item="">

   Element selector:

   .accordion-item[data-accordion-item=""]:nth-child(3)
   Failing checks (At least one of these should pass)

   • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

4. <li class="accordion-item" data-accordion-item="">

   Element selector:

   .accordion-item[data-accordion-item=""]:nth-child(4)
   Failing checks (At least one of these should pass)

   • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

5. <li class="accordion-item" data-accordion-item="">

   Element selector:

   .accordion-item[data-accordion-item=""]:nth-child(5)
   Failing checks (At least one of these should pass)

   • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

6. <li class="accordion-item" data-accordion-item="">

   Element selector:

   .accordion-item[data-accordion-item=""]:nth-child(6)
   Failing checks (At least one of these should pass)

   • List item does not have a <ul>, <ol> parent element without a role, or a role="list"

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. <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 elements with an ARIA role that require child roles contain them. Axe Reference

1. <ul class="accordion" data-accordion="" data-allow-all-closed="true" data-multi-expand="true" role="tablist" data-e="456q7m-e">

   Element selector:

   .accordion
   Failing checks (At least one of these should pass)

   • Element has children which are not allowed: li[tabindex] .accordion-item[data-accordion-item=""]:nth-child(1) .accordion-item[data-accordion-item=""]:nth-child(2) .accordion-item[data-accordion-item=""]:nth-child(3) .accordion-item[data-accordion-item=""]:nth-child(4) .accordion-item[data-accordion-item=""]:nth-child(5) .accordion-item[data-accordion-item=""]:nth-child(6)
   • Element uses aria-busy="true" while showing a loader

Ensures <iframe> and <frame> elements have an accessible name. Axe Reference

1. <iframe width="500" height="290" src="https://www.youtube.com/embed/NOOOhslWK1k?enablejsapi=1" class="embed-responsive-item" allowfullscreen="allowfullscreen" data-gtm-yt-inspected-6="true" id="393857819" data-gtm-yt-inspected-17="true"></iframe>

   Element selector:

   #\33 93857819
   Failing checks (At least one of these should pass)

   • Element has no title attribute
   • 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's default semantics were not overridden with role="none" or role="presentation"

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 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>OSU-CHS Graduate 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 background image .page-header__page-title .page-header