Page Scan Results:
Western Oklahoma State College

https://www.wosc.edu/index.php?page=HEA

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

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>Institutional Information</span>
    Element selector:
    h2 > span
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 2.62 (foreground color: #989898, background color: #f4f4f4, font size: 17.3pt (23px), font weight: normal). Expected contrast ratio of 4.5:1 h2 > span
  2. <h3 style="padding-bottom: 12px">External Link Disclaimer</h3>
    Element selector:
    h3
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 2.66 (foreground color: #989898, background color: #f6f6f4, font size: 15.8pt (21px), font weight: normal). Expected contrast ratio of 4.5:1 div:nth-child(13)
  3. <p>
    Element selector:
    div:nth-child(13) > p:nth-child(3)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.91 (foreground color: #7b7b7b, background color: #f6f6f4, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 div:nth-child(13)
  4. <p>External links will be marked with a grey icon on the right side <span class="ext" style="font-size:16px"></span>. (For example: <a href="http://www.google.com" target="_blank" title="Example of an external link with the grey icon on the right side.">google.com</a>)</p>
    Element selector:
    div:nth-child(13) > p:nth-child(4)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.91 (foreground color: #7b7b7b, background color: #f6f6f4, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 div:nth-child(13)
  5. <a href="http://www.google.com" target="_blank" title="Example of an external link with the grey icon on the right side.">google.com</a>
    Element selector:
    a[href$="www.google.com"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.06 (foreground color: #679967, background color: #f6f6f4, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 div:nth-child(13)
  6. <p title="MENU"><!--About WOSC-->About WOSC</p>
    Element selector:
    p[title="MENU"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 2.93 (foreground color: #679967, background color: #f1f1f0, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1 #sidebar
  7. <strong>Helpful Links:</strong>
    Element selector:
    p:nth-child(1) > em > strong
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.74 (foreground color: #7b7b7b, background color: #f1f1f0, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1 #sub-sidebar
  8. <a href="index.php?page=hea">Institution Information</a>
    Element selector:
    a[href="index.php?page=hea"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 2.93 (foreground color: #679967, background color: #f1f1f0, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 #sub-sidebar
  9. <a href="index.php?page=financial-assistance">Financial Assistance</a>
    Element selector:
    #RIGHT-CONTENT-MORE > ul:nth-child(2) > li:nth-child(2) > a
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 2.93 (foreground color: #679967, background color: #f1f1f0, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 #sub-sidebar
  10. <a href="index.php?page=campus-security">Campus Security</a>
    Element selector:
    li:nth-child(3) > a[href="index.php?page=campus-security"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 2.93 (foreground color: #679967, background color: #f1f1f0, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 #sub-sidebar
  11. <a href="index.php?page=policies-conditions-2#drugpolicy">Drug/Alcohol Abuse, Prevention, Information</a>
    Element selector:
    #RIGHT-CONTENT-MORE > ul:nth-child(2) > li:nth-child(4) > a
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 2.93 (foreground color: #679967, background color: #f1f1f0, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 #sub-sidebar
  12. <a href="index.php?page=hs-policies#drugfree">Drug Free Workplace</a>
    Element selector:
    #RIGHT-CONTENT-MORE > ul:nth-child(2) > li:nth-child(5) > a
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 2.93 (foreground color: #679967, background color: #f1f1f0, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 #sub-sidebar
  13. <a href="docs/redirect.php?doc=collegecatalog&amp;heading=FERPA">Confidentiality of Student Records</a>
    Element selector:
    #RIGHT-CONTENT-MORE > ul:nth-child(2) > li:nth-child(6) > a
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 2.93 (foreground color: #679967, background color: #f1f1f0, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 #sub-sidebar
  14. <a href="https://admin.wosc.edu/cc3/application.html" target="_blank">Apply Online!</a>
    Element selector:
    #RIGHT-CONTENT-MORE > ul:nth-child(2) > li:nth-child(7) > a[target="_blank"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 2.93 (foreground color: #679967, background color: #f1f1f0, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 #sub-sidebar
  15. <a href="index.php?page=hea#iconlegend">Icon Legend</a>
    Element selector:
    a[href="index.php?page=hea#iconlegend"]
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 2.93 (foreground color: #679967, background color: #f1f1f0, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 #sub-sidebar
  16. <strong><br>Contact Information:</strong>
    Element selector:
    p:nth-child(3) > em > strong
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.74 (foreground color: #7b7b7b, background color: #f1f1f0, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1 #sub-sidebar
  17. <li><a href="index.php?page=admissions-staff">Information Center</a><br>P: 580-477-2000</li>
    Element selector:
    ul:nth-child(4) > li:nth-child(1)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.74 (foreground color: #7b7b7b, background color: #f1f1f0, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 #sub-sidebar
  18. <a href="index.php?page=admissions-staff">Information Center</a>
    Element selector:
    ul:nth-child(4) > li:nth-child(1) > a
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 2.93 (foreground color: #679967, background color: #f1f1f0, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 #sub-sidebar
  19. <li><a href="index.php?page=office-information">Financial Aid</a><br>P: 580-477-7709<br>F: 580-477-7716</li>
    Element selector:
    ul:nth-child(4) > li:nth-child(2)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.74 (foreground color: #7b7b7b, background color: #f1f1f0, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 #sub-sidebar
  20. <a href="index.php?page=office-information">Financial Aid</a>
    Element selector:
    ul:nth-child(4) > li:nth-child(2) > a
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 2.93 (foreground color: #679967, background color: #f1f1f0, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 #sub-sidebar
  21. <li><a href="index.php?page=Student-Services">Student Services</a><br>P: 580-477-7708<br>F: 580-477-7716</li>
    Element selector:
    ul:nth-child(4) > li:nth-child(3)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.74 (foreground color: #7b7b7b, background color: #f1f1f0, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 #sub-sidebar
  22. <a href="index.php?page=Student-Services">Student Services</a>
    Element selector:
    ul:nth-child(4) > li:nth-child(3) > a
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 2.93 (foreground color: #679967, background color: #f1f1f0, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 #sub-sidebar
  23. <li><a href="index.php?page=information-technology">IT Helpdesk</a><br>P: 580-477-7907</li>
    Element selector:
    ul:nth-child(4) > li:nth-child(4)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.74 (foreground color: #7b7b7b, background color: #f1f1f0, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 #sub-sidebar
  24. <a href="index.php?page=information-technology">IT Helpdesk</a>
    Element selector:
    ul:nth-child(4) > li:nth-child(4) > a
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 2.93 (foreground color: #679967, background color: #f1f1f0, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 #sub-sidebar
  25. <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 3.74 (foreground color: #7b7b7b, background color: #f1f1f0, font size: 7.5pt (10px), font weight: normal). Expected contrast ratio of 4.5:1 #sub-sidebar
  26. <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
  27. <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

<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 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

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