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="67bn0a-accordion" role="tab" id="67bn0a-accordion-label" aria-expanded="false" aria-selected="false">Why has COVID put such a strain on all the hospitals?</a>

   Element selector:

   #\36 7bn0a-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="caqp9y-accordion" role="tab" id="caqp9y-accordion-label" aria-expanded="false" aria-selected="false">What makes the Delta variant more transmissible?</a>

   Element selector:

   #caqp9y-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="u8n0tw-accordion" role="tab" id="u8n0tw-accordion-label" aria-expanded="false" aria-selected="false">If we are seeing people that have been vaccinated getting COVID, why should I get
   vaccinated?</a>

   Element selector:

   #u8n0tw-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="1x5y0f-accordion" role="tab" id="1x5y0f-accordion-label" aria-expanded="false" aria-selected="false">If I have been vaccinated, why should I have to wear a mask?</a>

   Element selector:

   #\31 x5y0f-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="m8et8k-accordion" role="tab" id="m8et8k-accordion-label" aria-expanded="false" aria-selected="false">What happens if I have already had COVID, shouldn’t I just let my natural immunity
   protect me?</a>

   Element selector:

   #m8et8k-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="o10m2c-accordion" role="tab" id="o10m2c-accordion-label" aria-expanded="false" aria-selected="false">What is the rate of breakthrough infection?</a>

   Element selector:

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

   • Required ARIA parent role not present: tablist

7. <a href="#" class="accordion-title" aria-controls="pzbfaf-accordion" role="tab" id="pzbfaf-accordion-label" aria-expanded="false" aria-selected="false">What and how do we know what the risks are with the vaccine?</a>

   Element selector:

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

   • Required ARIA parent role not present: tablist

8. <a href="#" class="accordion-title" aria-controls="xww4l9-accordion" role="tab" id="xww4l9-accordion-label" aria-expanded="false" aria-selected="false">What is a novel coronavirus?&nbsp;</a>

   Element selector:

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

   • Required ARIA parent role not present: tablist

9. <a href="#" class="accordion-title" aria-controls="0ssnya-accordion" role="tab" id="0ssnya-accordion-label" aria-expanded="false" aria-selected="false">What are the symptoms of COVID-19?&nbsp;</a>

   Element selector:

   #\30 ssnya-accordion-label
   Failing checks (At least one of these should pass)

   • Required ARIA parent role not present: tablist

10. <a href="#" class="accordion-title" aria-controls="ujhi6p-accordion" role="tab" id="ujhi6p-accordion-label" aria-expanded="false" aria-selected="false">How does it spread?</a>

    Element selector:

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

    • Required ARIA parent role not present: tablist

11. <a href="#" class="accordion-title" aria-controls="q88r3u-accordion" role="tab" id="q88r3u-accordion-label" aria-expanded="false" aria-selected="false">What is community spread?</a>

    Element selector:

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

    • Required ARIA parent role not present: tablist

12. <a href="#" class="accordion-title" aria-controls="grez8v-accordion" role="tab" id="grez8v-accordion-label" aria-expanded="false" aria-selected="false">How do I avoid getting the virus?&nbsp;</a>

    Element selector:

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

    • Required ARIA parent role not present: tablist

13. <a href="#" class="accordion-title" aria-controls="5u6o0f-accordion" role="tab" id="5u6o0f-accordion-label" aria-expanded="false" aria-selected="false">Is there a vaccine for COVID-19 like there is for the flu?</a>

    Element selector:

    #\35 u6o0f-accordion-label
    Failing checks (At least one of these should pass)

    • Required ARIA parent role not present: tablist

14. <a href="#" class="accordion-title" aria-controls="gsxtaf-accordion" role="tab" id="gsxtaf-accordion-label" aria-expanded="false" aria-selected="false">How can I protect myself from the virus?&nbsp;</a>

    Element selector:

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

    • Required ARIA parent role not present: tablist

15. <a href="#" class="accordion-title" aria-controls="0kb4k2-accordion" role="tab" id="0kb4k2-accordion-label" aria-expanded="false" aria-selected="false">Should I wear a facemask?</a>

    Element selector:

    #\30 kb4k2-accordion-label
    Failing checks (At least one of these should pass)

    • Required ARIA parent role not present: tablist

16. <a href="#" class="accordion-title" aria-controls="jfydqm-accordion" role="tab" id="jfydqm-accordion-label" aria-expanded="false" aria-selected="false">Who is at higher risk for serious illness from COVID-19?</a>

    Element selector:

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

    • Required ARIA parent role not present: tablist

17. <a href="#" class="accordion-title" aria-controls="m3j8vc-accordion" role="tab" id="m3j8vc-accordion-label" aria-expanded="false" aria-selected="false">I’m in the higher risk group, what should I do?</a>

    Element selector:

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

    • Required ARIA parent role not present: tablist

18. <a href="#" class="accordion-title" aria-controls="y2re65-accordion" role="tab" id="y2re65-accordion-label" aria-expanded="false" aria-selected="false">If I am exposed to someone with COVID-19, how long should I quaratine?&nbsp;</a>

    Element selector:

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

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

   Element selector:

   .accordion-item[data-accordion-item=""]:nth-child(7)
   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"

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

   Element selector:

   .accordion-item[data-accordion-item=""]:nth-child(8)
   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"

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

   Element selector:

   .accordion-item[data-accordion-item=""]:nth-child(9)
   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"

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

    Element selector:

    .accordion-item[data-accordion-item=""]:nth-child(10)
    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"

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

    Element selector:

    .accordion-item[data-accordion-item=""]:nth-child(11)
    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"

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

    Element selector:

    .accordion-item[data-accordion-item=""]:nth-child(12)
    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"

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

    Element selector:

    .accordion-item[data-accordion-item=""]:nth-child(13)
    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"

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

    Element selector:

    .accordion-item[data-accordion-item=""]:nth-child(14)
    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"

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

    Element selector:

    .accordion-item[data-accordion-item=""]:nth-child(15)
    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"

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

    Element selector:

    .accordion-item[data-accordion-item=""]:nth-child(16)
    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"

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

    Element selector:

    .accordion-item[data-accordion-item=""]:nth-child(17)
    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"

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

    Element selector:

    .accordion-item[data-accordion-item=""]:nth-child(18)
    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 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="pfhvz9-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) .accordion-item[data-accordion-item=""]:nth-child(7) .accordion-item[data-accordion-item=""]:nth-child(8) .accordion-item[data-accordion-item=""]:nth-child(9) .accordion-item[data-accordion-item=""]:nth-child(10) .accordion-item[data-accordion-item=""]:nth-child(11) .accordion-item[data-accordion-item=""]:nth-child(12) .accordion-item[data-accordion-item=""]:nth-child(13) .accordion-item[data-accordion-item=""]:nth-child(14) .accordion-item[data-accordion-item=""]:nth-child(15) .accordion-item[data-accordion-item=""]:nth-child(16) .accordion-item[data-accordion-item=""]:nth-child(17) .accordion-item[data-accordion-item=""]:nth-child(18)
   • Element uses aria-busy="true" while showing a loader

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"][role="img"] > 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"][role="img"]