Page Scan Results:

Western Oklahoma State College

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

1. <a href="index.php?page=admissions#home" title="Admissions Homepage">Home</a>

   Element selector:

   a[href="index.php?page=admissions#home"]
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.72 (foreground color: #4d884d, background color: #e8f3e8, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1 a[href="index.php?page=admissions#home"]

2. <a href="index.php?page=admission-procedures-and-information#faq" title="Enrollment Procedures &amp; Information">FAQ's</a>

   Element selector:

   li[role="presentation"]:nth-child(2) > a
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.72 (foreground color: #4d884d, background color: #e8f3e8, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1 li[role="presentation"]:nth-child(2) > a

3. <a href="index.php?page=admissions-forms#forms" title="Admissions Forms">Forms</a>

   Element selector:

   a[title="Admissions Forms"]
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.72 (foreground color: #4d884d, background color: #e8f3e8, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1 a[title="Admissions Forms"]

4. <a href="index.php?page=concurrent-students#concurrentstudents" title="Concurrent Students">Concurrent</a>

   Element selector:

   a[title="Concurrent Students"]
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.72 (foreground color: #4d884d, background color: #e8f3e8, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1 a[title="Concurrent Students"]

5. <a href="index.php?page=international-students#resources" title="International Students">International</a>

   Element selector:

   a[title="International Students"]
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.72 (foreground color: #4d884d, background color: #e8f3e8, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1 a[title="International Students"]

6. <a href="index.php?page=transcripts#admissions" title="Request a transcript">Transcripts</a>

   Element selector:

   a[title="Request a transcript"]
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.72 (foreground color: #4d884d, background color: #e8f3e8, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1 a[title="Request a transcript"]

7. <a href="index.php?page=va-benefits#veterans" title="Veterans Affairs Benefits">Veterans</a>

   Element selector:

   a[title="Veterans Affairs Benefits"]
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.72 (foreground color: #4d884d, background color: #e8f3e8, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 4.5:1 a[title="Veterans Affairs Benefits"]

8. <a title="College Catalog" href="index.php?page=College-Catalog#degree-information" target="_blank">college catalog</a>

   Element selector:

   a[title="College Catalog"]
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 4.13 (foreground color: #4d884d, background color: #fcfcfc, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .tab-content

9. <a href="mailto:records@wosc.edu">records@wosc.edu</a>

   Element selector:

   a[href$="mailto:records@wosc.edu"]
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 4.13 (foreground color: #4d884d, background color: #fcfcfc, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .tab-content

10. <a title="Oklahoma State Regents for Higher Education Website" href="http://www.okhighered.org/">Oklahoma State Regents for Higher Education</a>

    Element selector:

    a[href$="okhighered.org/"]
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 4.13 (foreground color: #4d884d, background color: #fcfcfc, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .tab-content

11. <h4 tabindex="0"><span class="icon-attachment" title="Institutional Information"></span> &nbsp; Information</h4>

    Element selector:

    .first-col > .widget-block > h4
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 3.12 (foreground color: #878787, background color: #efefef, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1 #footer

12. <span style="color: #00703c;">pioneer</span>

    Element selector:

    b > span:nth-child(1)
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 2.94 (foreground color: #4d9a76, background color: #efefef, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1 #footer

13. <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.31 (foreground color: #facc66, background color: #efefef, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1 #footer

14. <a href="index.php?page=HEA">INSTITUTIONAL INFORMATION</a>

    Element selector:

    p > a[href="index.php?page=HEA"]
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 3.69 (foreground color: #4d884d, background color: #efefef, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 #footer

15. <h4 tabindex="0"><span aria-hidden="false" class="icon-newspaper"></span> &nbsp; Academics</h4>

    Element selector:

    .secopnd-col > .widget-block > h4
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 3.12 (foreground color: #878787, background color: #efefef, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1 #footer

16. <a href="index.php?page=faqs">FAQ's</a>

    Element selector:

    p > a[href="index.php?page=faqs"]
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 3.69 (foreground color: #4d884d, background color: #efefef, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 #footer

17. <h4 tabindex="0"><span class="icon-library" title="A list of some of Western's Degree Offerings!"></span> &nbsp; Degree Programs</h4>

    Element selector:

    .third-col > .widget-block > .footer-col > h4
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 3.12 (foreground color: #878787, background color: #efefef, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1 #footer

18. <a href="index.php?page=College-Catalog#degree-program-websites">VIEW ALL DEGREE PROGRAMS</a>

    Element selector:

    .third-col > .widget-block > .footer-col > div > ul > p > a
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 3.69 (foreground color: #4d884d, background color: #efefef, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 #footer

19. <h4 tabindex="0"><span class="icon-phone" title="Contact Us!"></span> &nbsp; Contact Us</h4>

    Element selector:

    .fourth-col > .widget-block > .footer-col > h4
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 3.12 (foreground color: #878787, background color: #efefef, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1 #footer

20. <a href="tel:1-580-477-2000">580.477.2000</a>

    Element selector:

    a[href="tel:1-580-477-2000"]
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 3.69 (foreground color: #4d884d, background color: #efefef, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 #footer

21. <a href="index.php?page=campus-security">Campus Security Office</a>

    Element selector:

    li:nth-child(5) > a[href="index.php?page=campus-security"]
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 3.69 (foreground color: #4d884d, background color: #efefef, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 #footer

22. <a href="tel:1-580-477-7945">580.477.7945</a>

    Element selector:

    a[href="tel:1-580-477-7945"]
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 3.69 (foreground color: #4d884d, background color: #efefef, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 #footer

23. <a href="tel:1-580-481-0480">580.481.0480</a>

    Element selector:

    a[href="tel:1-580-481-0480"]
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 3.69 (foreground color: #4d884d, background color: #efefef, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 #footer

24. <a href="index.php?page=Department-Directory">CONTACT INFORMATION</a>

    Element selector:

    #mobile-footer-nav-contact > p > a
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 3.69 (foreground color: #4d884d, background color: #efefef, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 #footer

25. <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.38 (foreground color: #cdcdcd, background color: #efefef, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 #footer

Ensures <li> elements are used semantically. Axe Reference

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

Ensures that lists are structured correctly. Axe Reference

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

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

1. <ul class="nav nav-tabs" role="tablist" style="text-align: center;">

   Element selector:

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

   • Element has children which are not allowed: a[tabindex] a[href="index.php?page=admissions#home"] li[role="presentation"]:nth-child(2) > a a[title="Admissions Forms"] a[title="Concurrent Students"] a[title="International Students"] a[title="Request a transcript"] a[title="Veterans Affairs Benefits"]
   • Element uses aria-busy="true" while showing a loader

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

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

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

1. <span class="h-button-text">Login</span>

   Element selector:

   .h-button-1 > .h-button-text
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image header

2. <span class="h-button-text">Directory</span>

   Element selector:

   .h-button-2 > .h-button-text
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image header

3. <span class="h-button-text">Calendar</span>

   Element selector:

   .h-button-3 > .h-button-text
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image header

4. <a href="index.php?page=About-WOSC" title="ACCESSIBILITY NOTE: You may navigate this menu using your keyboard arrow keys!">About WOSC</a>

   Element selector:

   .has-subnav.menu-parent[aria-haspopup="true"]:nth-child(1) > a[href="index.php?page=About-WOSC"]
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image header

5. <a href="index.php?page=Enroll">Enrollment</a>

   Element selector:

   .has-subnav.menu-parent[aria-haspopup="true"]:nth-child(2) > a[href="index.php?page=Enroll"]
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image header

6. <a href="index.php?page=Student-Services">Current Students</a>

   Element selector:

   .has-subnav.menu-parent[aria-haspopup="true"]:nth-child(3) > a
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image header

7. <a href="index.php?page=College-Catalog#degree-program-websites">Academics</a>

   Element selector:

   .has-subnav.menu-parent[aria-haspopup="true"]:nth-child(4) > a
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image header

8. <a href="index.php?page=Pioneer-Sports-Calendar-All">Pioneer Sports</a>

   Element selector:

   .has-subnav.menu-parent[aria-haspopup="true"]:nth-child(5) > a
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image header

9. <a href="index.php?page=Alumni-Association">Alumni &amp; Community</a>

   Element selector:

   .has-subnav.menu-parent[aria-haspopup="true"]:nth-child(6) > a
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a background image header

10. <p class="transparent2"><a href="https://www.wosc.edu/">HOME</a> ↔ <a href="https://www.wosc.edu/index.php?page=enroll">ENROLLMENT</a> ↔ <span class="breadcrumbs-currentpage">Admissions &amp; Registrar Home</span></p>

    Element selector:

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

    • Element content contains only non-text characters

11. <a href="https://www.wosc.edu/">HOME</a>

    Element selector:

    a[href$="wosc.edu/"]
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because it's partially obscured by another element .content-bg-color

12. <a href="https://www.wosc.edu/index.php?page=enroll">ENROLLMENT</a>

    Element selector:

    .transparent2 > a:nth-child(2)
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because it's partially obscured by another element .content-bg-color

13. <span class="breadcrumbs-currentpage">Admissions &amp; Registrar Home</span>

    Element selector:

    .breadcrumbs-currentpage
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because it's partially obscured by another element .content-bg-color

14. <a style="font-size: 15.2px;" title="Admissions Application" href="index.php?page=Enroll">Online Admissions Application</a>

    Element selector:

    a[title="Admissions Application"]
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined due to a background gradient .sunk