Page Scan Results:
Western Oklahoma State College

https://www.wosc.edu/index.php?page=Student-Activities

Known Issues - These "violations" have been flagged as problematic by Axe, our accessibility scanner. Axe's "no false positives" philosophy means that if it's shown here, it's likely a problem to someone.

Known Issues on This Page

<li> elements must be contained in a <ul> or <ol>

serious

Ensures <li> elements are used semantically. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 1.3.1, EN-301-549, EN-9.1.3.1
  1. <li><b><span style="color: #00703c;">pioneer</span><span style="color: #fdb924;">NEWS</span></b></li>
    Element selector:
    a[href="index.php?page=news"] > li
    Failing checks (At least one of these should pass)
    • List item does not have a <ul>, <ol> parent element
  2. <li>FAQ's</li>
    Element selector:
    a[href="index.php?page=faqs"] > li
    Failing checks (At least one of these should pass)
    • List item does not have a <ul>, <ol> parent element
  3. <li>Energy</li>
    Element selector:
    a[href="index.php?page=energy"] > li
    Failing checks (At least one of these should pass)
    • List item does not have a <ul>, <ol> parent element
  4. <li>Safety &amp; Security</li>
    Element selector:
    a[href="index.php?page=campus-security"] > li
    Failing checks (At least one of these should pass)
    • List item does not have a <ul>, <ol> parent element
  5. <li><span class="icon-mobile" style="color:#FA9D39"></span> Rave Mobile Alert System</li>
    Element selector:
    a[href$="alert"] > li
    Failing checks (At least one of these should pass)
    • List item does not have a <ul>, <ol> parent element
  6. <li>Community / Facilities</li>
    Element selector:
    #mobile-footer-nav-menu > a:nth-child(6) > li
    Failing checks (At least one of these should pass)
    • List item does not have a <ul>, <ol> parent element
  7. <li>COVID-19 Updates</li>
    Element selector:
    a[href="index.php?page=covid19#updates"] > li
    Failing checks (At least one of these should pass)
    • List item does not have a <ul>, <ol> parent element
  8. <li><b>Accreditation</b></li>
    Element selector:
    a[href="index.php?page=accreditation"] > li
    Failing checks (At least one of these should pass)
    • List item does not have a <ul>, <ol> parent element
  9. <li>Prospective Students</li>
    Element selector:
    .secopnd-col > .widget-block > div > ul > a:nth-child(2) > li
    Failing checks (At least one of these should pass)
    • List item does not have a <ul>, <ol> parent element
  10. <li>Reach Higher</li>
    Element selector:
    .secopnd-col > .widget-block > div > ul > a:nth-child(3) > li
    Failing checks (At least one of these should pass)
    • List item does not have a <ul>, <ol> parent element
  11. <li>Workforce Readiness</li>
    Element selector:
    a[href="index.php?page=workforce"] > li
    Failing checks (At least one of these should pass)
    • List item does not have a <ul>, <ol> parent element
  12. <li>Career-Focused Credentials </li>
    Element selector:
    .secopnd-col > .widget-block > div > ul > a:nth-child(5) > li
    Failing checks (At least one of these should pass)
    • List item does not have a <ul>, <ol> parent element
  13. <li>Student Organizations</li>
    Element selector:
    .secopnd-col > .widget-block > div > ul > a:nth-child(6) > li
    Failing checks (At least one of these should pass)
    • List item does not have a <ul>, <ol> parent element
  14. <li>Login Portal</li>
    Element selector:
    a[href$="portal"] > li
    Failing checks (At least one of these should pass)
    • List item does not have a <ul>, <ol> parent element
  15. <li>Agriculture Sciences</li>
    Element selector:
    .third-col > .widget-block > .footer-col > div > ul > a:nth-child(1) > li
    Failing checks (At least one of these should pass)
    • List item does not have a <ul>, <ol> parent element
  16. <li>Biology</li>
    Element selector:
    a[href="index.php?page=biology"] > li
    Failing checks (At least one of these should pass)
    • List item does not have a <ul>, <ol> parent element
  17. <li>Criminal Justice</li>
    Element selector:
    .third-col > .widget-block > .footer-col > div > ul > a:nth-child(3) > li
    Failing checks (At least one of these should pass)
    • List item does not have a <ul>, <ol> parent element
  18. <li>Early Childhood</li>
    Element selector:
    .third-col > .widget-block > .footer-col > div > ul > a:nth-child(4) > li
    Failing checks (At least one of these should pass)
    • List item does not have a <ul>, <ol> parent element
  19. <li>Mathematics</li>
    Element selector:
    a[href="index.php?page=mathematics"] > li
    Failing checks (At least one of these should pass)
    • List item does not have a <ul>, <ol> parent element
  20. <li>Religion</li>
    Element selector:
    a[href="index.php?page=religion"] > li
    Failing checks (At least one of these should pass)
    • List item does not have a <ul>, <ol> parent element
  21. <li>Nursing</li>
    Element selector:
    a[href="index.php?page=nursing#degree"] > li
    Failing checks (At least one of these should pass)
    • List item does not have a <ul>, <ol> parent element
  22. <li>Contact Western</li>
    Element selector:
    #mobile-footer-nav-contact > a:nth-child(1) > li
    Failing checks (At least one of these should pass)
    • List item does not have a <ul>, <ol> parent element
  23. <li>Schedule a Tour</li>
    Element selector:
    #mobile-footer-nav-contact > a:nth-child(3) > li
    Failing checks (At least one of these should pass)
    • List item does not have a <ul>, <ol> parent element
  24. <li>WOSC Campus MAP &amp; Directions</li>
    Element selector:
    #mobile-footer-nav-contact > a:nth-child(4) > li
    Failing checks (At least one of these should pass)
    • List item does not have a <ul>, <ol> parent element

<ul> and <ol> must only directly contain <li>, <script> or <template> elements

serious

Ensures that lists are structured correctly. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 1.3.1, EN-301-549, EN-9.1.3.1
  1. <ul id="mobile-footer-nav-menu">
    Element selector:
    #mobile-footer-nav-menu
    Failing checks (All of these should pass)
    • List element has direct children that are not allowed: a, p, ul a[href="index.php?page=news"] #mobile-footer-nav-menu > a[href="index.php?page=faqs"] a[href="index.php?page=energy"] #mobile-footer-nav-menu > a[href="index.php?page=campus-security"] a[href$="alert"] #mobile-footer-nav-menu > a:nth-child(6) a[href="index.php?page=covid19#updates"] #mobile-footer-nav-menu > p #mobile-footer-nav-menu > ul
  2. <ul id="mobile-footer-nav-dept">
    Element selector:
    .secopnd-col > .widget-block > div > ul
    Failing checks (All of these should pass)
    • List element has direct children that are not allowed: a, p, ul a[href="index.php?page=accreditation"] .secopnd-col > .widget-block > div > ul > a:nth-child(2) .secopnd-col > .widget-block > div > ul > a:nth-child(3) a[href="index.php?page=workforce"] .secopnd-col > .widget-block > div > ul > a:nth-child(5) .secopnd-col > .widget-block > div > ul > a:nth-child(6) ul > a[href$="portal"] .secopnd-col > .widget-block > div > ul > p .secopnd-col > .widget-block > div > ul > ul
  3. <ul id="mobile-footer-nav-dept">
    Element selector:
    .third-col > .widget-block > .footer-col > div > ul
    Failing checks (All of these should pass)
    • List element has direct children that are not allowed: a, p, ul .third-col > .widget-block > .footer-col > div > ul > a:nth-child(1) a[href="index.php?page=biology"] .third-col > .widget-block > .footer-col > div > ul > a:nth-child(3) .third-col > .widget-block > .footer-col > div > ul > a:nth-child(4) a[href="index.php?page=mathematics"] a[href="index.php?page=religion"] a[href="index.php?page=nursing#degree"] .third-col > .widget-block > .footer-col > div > ul > p .footer-col > div > ul > ul
  4. <ul id="mobile-footer-nav-contact" class="footer-navs">
    Element selector:
    #mobile-footer-nav-contact
    Failing checks (All of these should pass)
    • List element has direct children that are not allowed: a, p #mobile-footer-nav-contact > a:nth-child(1) #mobile-footer-nav-contact > a:nth-child(3) #mobile-footer-nav-contact > a:nth-child(4) #mobile-footer-nav-contact > p

Elements must meet minimum color contrast ratio thresholds

serious

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

Rule type: WCAG 2.0 AA, WCAG SC 1.4.3, EN-301-549, EN-9.1.4.3, ACT
  1. <span style="color: #fdb924;">NEWS</span>
    Element selector:
    b > span:nth-child(2)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.46 (foreground color: #fdb924, background color: #ececec, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1 #footer
  2. <div class="left">© All rights reserved, <br>Western Oklahoma State College<br><a href="equalopportunity">An Equal Opportunity Institution</a></div>
    Element selector:
    .footer-bottom > .left
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.62 (foreground color: #bbbbbb, background color: #ececec, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 #footer

Frames must have an accessible name

serious

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

Rule type: WCAG 2.0 A, WCAG SC 4.1.2, Old Section 508, EN-301-549, EN-9.4.1.2
  1. <iframe style="margin-left: -4px; padding: 10px; border: 2px ridge #bbb; background-color: #e3e9ff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -moz-box-shadow: inset 0 0 15px #fff; -webkit-box-shadow: inset 0 0 15px #fff; box-shadow: inset 0 0 15px #fff; -o-box-shadow: inset 0 0 15px #bbb; -ms-box-shadow: inset 0 0 15px #bbb;" src="https://www.google.com/calendar/embed?title=Western's%20Official%20Student%20Activities%20Calendar&amp;height=600&amp;wkst=1&amp;bgcolor=%23E3E9FF&amp;src=newmoodle.wosc.edu_727454a7adsftgjtftfthkvk58%40group.calendar.google.com&amp;color=%23E3E9FF&amp;ctz=America%2FChicago" frameborder="0" scrolling="no" width="100%" height="622">
    Element selector:
    iframe[scrolling="no"]
    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"
  2. <iframe style="display: block; margin-left: auto; margin-right: auto;" src="https://www.youtube.com/embed/lgNksCZ0xJo?rel=0" frameborder="0" width="560" height="315"></iframe>
    Element selector:
    iframe[width="560"]
    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"

ARIA input fields must have an accessible name

serious

Ensures every ARIA input field has an accessible name. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 4.1.2, EN-301-549, EN-9.4.1.2, ACT
  1. <div class="carousel-inner" role="listbox">
    Element selector:
    .carousel-inner
    Failing checks (At least one of these should pass)
    • 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

Certain ARIA roles must contain particular children

critical

Ensures elements with an ARIA role that require child roles contain them. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 1.3.1, EN-301-549, EN-9.1.3.1
  1. <div class="carousel-inner" role="listbox">
    Element selector:
    .carousel-inner
    Failing checks (At least one of these should pass)
    • Element has children which are not allowed: img[tabindex], h1[tabindex] img[alt="Student Activities slide 2"] .carousel-caption > h1
    • Element uses aria-busy="true" while showing a loader

Zooming and scaling must not be disabled

critical

Ensures <meta name="viewport"> does not disable text scaling and zooming. Axe Reference

Rule type: WCAG 2.0 AA, WCAG SC 1.4.4, EN-301-549, EN-9.1.4.4, ACT
  1. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    Element selector:
    meta[name="viewport"]
    Failing checks (At least one of these should pass)
    • maximum-scale on <meta> tag disables zooming on mobile devices