Page Scan Results:
Western Oklahoma State College

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

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

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>Student Billing</span>
    Element selector:
    h2 > span
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 2.94 (foreground color: #8f8f8f, background color: #f4f4f4, font size: 17.3pt (23px), font weight: normal). Expected contrast ratio of 4.5:1 h2 > span
  2. <strong>Full Employee Directory</strong>
    Element selector:
    .link-tabs > a > strong
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.48 (foreground color: #5a905a, background color: #f1f7fb, font size: 11.3pt (15px), font weight: bold). Expected contrast ratio of 4.5:1 .link-tabs
  3. <a href="index.php?page=Kaylee-Beason" title="Visit the Website of Kaylee Beason.">Kaylee Beason <span class="icon-earth2" style="color:blue; font-size: 15px; #float: left; margin: 0 -2px 0 3px;"></span></a>
    Element selector:
    a[href="index.php?page=Kaylee-Beason"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.6 (foreground color: #5a905a, background color: #f8fafb, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1 .department-row
  4. <a href="tel:1-(580) 477-7731" title="Call Kaylee." style="font-size:11px">(580) 477-7731</a>
    Element selector:
    a[href="tel:1-(580) 477-7731"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.6 (foreground color: #5a905a, background color: #f8fafb, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1 .department-row
  5. <a href="mailto:kaylee.beason@wosc.edu" title="E-Mail Kaylee." style="font-size:11px">kaylee.beason@wosc.edu</a>
    Element selector:
    a[href="mailto:kaylee.beason@wosc.edu"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.6 (foreground color: #5a905a, background color: #f8fafb, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1 .department-row
  6. <a href="index.php?page=Kaydence-Decker" title="Visit the Website of Kaydence Decker.">Kaydence Decker <span class="icon-earth2" style="color:blue; font-size: 15px; #float: left; margin: 0 -2px 0 3px;"></span></a>
    Element selector:
    a[href="index.php?page=Kaydence-Decker"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.6 (foreground color: #5a905a, background color: #f8fafb, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1 .department-row
  7. <a href="tel:1-(580) 477-7952" title="Call Kaydence." style="font-size:11px">(580) 477-7952</a>
    Element selector:
    a[href="tel:1-(580) 477-7952"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.6 (foreground color: #5a905a, background color: #f8fafb, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1 .department-row
  8. <a href="mailto:kaydence.decker@wosc.edu" title="E-Mail Kaydence." style="font-size:11px">kaydence.decker@wosc.edu</a>
    Element selector:
    a[title="E-Mail Kaydence."]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.6 (foreground color: #5a905a, background color: #f8fafb, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1 .department-row
  9. <a href="index.php?page=Lillian-Gable" title="Visit the Website of Lillian Gable.">Lillian Gable <span class="icon-earth2" style="color:blue; font-size: 15px; #float: left; margin: 0 -2px 0 3px;"></span></a>
    Element selector:
    a[href="index.php?page=Lillian-Gable"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.6 (foreground color: #5a905a, background color: #f8fafb, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1 .department-row
  10. <a href="tel:1-(580) 477-7955" title="Call Lillian." style="font-size:11px">(580) 477-7955</a>
    Element selector:
    a[href="tel:1-(580) 477-7955"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.6 (foreground color: #5a905a, background color: #f8fafb, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1 .department-row
  11. <a href="mailto:lillian.gable@wosc.edu" title="E-Mail Lillian." style="font-size:11px">lillian.gable@wosc.edu</a>
    Element selector:
    a[href="mailto:lillian.gable@wosc.edu"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.6 (foreground color: #5a905a, background color: #f8fafb, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1 .department-row
  12. <a href="index.php?page=Meredy-Thompson" title="Visit the Website of Meredy Thompson.">Meredy Thompson <span class="icon-earth2" style="color:blue; font-size: 15px; #float: left; margin: 0 -2px 0 3px;"></span></a>
    Element selector:
    a[href="index.php?page=Meredy-Thompson"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.6 (foreground color: #5a905a, background color: #f8fafb, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1 .department-row
  13. <a href="tel:1-(580) 477-7730" title="Call Meredy." style="font-size:11px">(580) 477-7730</a>
    Element selector:
    a[href="tel:1-(580) 477-7730"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.6 (foreground color: #5a905a, background color: #f8fafb, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1 .department-row
  14. <a href="mailto:meredy.thompson@wosc.edu" title="E-Mail Meredy." style="font-size:11px">meredy.thompson@wosc.edu</a>
    Element selector:
    a[title="E-Mail Meredy."]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.6 (foreground color: #5a905a, background color: #f8fafb, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1 .department-row
  15. <p title="MENU">Enrollment</p>
    Element selector:
    a[href="index.php?page=enroll"] > p[title="MENU"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.33 (foreground color: #5a905a, background color: #f1f1f0, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1 #sidebar
  16. <p title="MENU">Business Affairs</p>
    Element selector:
    a[href$="businessaffairs"] > p[title="MENU"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.16 (foreground color: #5a905a, background color: #ebebeb, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1 #RIGHT-CONTENT-MORE > .topleftsidemenu
  17. <span style="font-size: x-small;">Western Oklahoma State College</span>
    Element selector:
    p:nth-child(1) > span
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 4.44 (foreground color: #6f6f6f, background color: #f1f1f0, font size: 7.5pt (10px), font weight: normal). Expected contrast ratio of 4.5:1 #sub-sidebar
  18. <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
  19. <div class="left">© All rights reserved, <br>Western Oklahoma State College<br><a href="equalopportunity">An Equal Opportunity Institution</a></div>
    Element selector:
    .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

<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>
    Element selector:
    .maincontents > ul
    Failing checks (All of these should pass)
    • List element has direct children that are not allowed: ul .maincontents > ul > ul
  2. <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
  3. <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
  4. <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
  5. <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

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