Page Scan Results:

Western Oklahoma State College

https://www.wosc.edu/index.php?page=Office-of-the-President Scanned Sep. 17, 2023 at 8:56 PM

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 Summary

<li> elements must be contained in a <ul> or <ol>: 24
Elements must meet minimum color contrast ratio thresholds: 9
<ul> and <ol> must only directly contain <li>, <script> or <template> elements: 4
Zooming and scaling must not be disabled: 1

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

```
<li>pioneerNEWS</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
```
<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
```
<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
```
<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
```
<li> 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
```
<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
```
<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
```
<li>Accreditation</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
```
<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
```
<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
```
<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
```
<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
```
<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
```
<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
```
<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
```
<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
```
<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
```
<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
```
<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
```
<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
```
<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
```
<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
```
<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
```
<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

```
Office of the President
```
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
```
About WOSC
```
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
```
HELPFUL LINKS:
```
Element selector:
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
```
Board of Regents
```
Element selector:
li:nth-child(1) > a[href="index.php?page=regents-home"] > span
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: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #sub-sidebar
```
<a title="Executive Council" href="index.php?page=executive-council">Executive Council</a>
```
Element selector:
a[title="Executive Council"]
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: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #sub-sidebar
```
Organizational Chart
```
Element selector:
.pdf > span
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: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #sub-sidebar
```
Western Oklahoma State College
```
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
```
NEWS
```
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
```
<div class="left">© All rights reserved, Western Oklahoma State College <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

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

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

Needs Review - These "incomplete" issues may be problematic, but couldn't be completely tested automatically. They should be reviewed by a real person.

Needs Review Summary

Elements must meet minimum color contrast ratio thresholds: 28

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

```
Login
```
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
```
Directory
```
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
```
Calendar
```
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
```
<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
```
<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
```
<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
```
<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
```
<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
```
<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

<font style="text-align:right"><a href="https://www.wosc.edu/">HOME</a> ↔ <a href="https://www.wosc.edu/index.php?page=about-wosc">ABOUT WOSC</a> ↔ <span class="breadcrumbs-currentpage">Office of the President</span></font>

Element selector:

font

Failing checks (At least one of these should pass)

Element content contains only non-text characters

```
<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 due to a background image #main
```
<a href="https://www.wosc.edu/index.php?page=about-wosc">ABOUT WOSC</a>
```
Element selector:
font > a:nth-child(2)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image #main
```
Office of the President
```
Element selector:
.breadcrumbs-currentpage
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image #main
```
Welcome to Western Oklahoma State College's Home Page! 
```
Element selector:
p:nth-child(2) > strong > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .content-bg-color #main
```
Home of the Pioneers!
```
Element selector:
p:nth-child(3) > strong > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .content-bg-color #main
```

```
Element selector:
p:nth-child(5) > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .content-bg-color #main
```

```
Element selector:
p:nth-child(6) > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .content-bg-color #main
```

```
Element selector:
p:nth-child(7) > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .content-bg-color #main
```
Chad Wiginton, Ed.D -&nbsp;
```
Element selector:
p:nth-child(9) > span:nth-child(1) > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .content-bg-color #main
```
President
```
Element selector:
p:nth-child(9) > .Apple-style-span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .content-bg-color #main
```
<a title="Westerns Mission, History and Purpose" href="aboutwosc"> About WOSC</a>
```
Element selector:
a[href$="aboutwosc"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
```
<a title="Important Institution Information" href="information"> Institutional Information</a>
```
Element selector:
a[href$="information"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
```
<a title="Office of the President" href="presidentmessage"> President &amp; Leadership</a>
```
Element selector:
a[href$="presidentmessage"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
```
<a title="WOSC Board of Regents" href="boardofregents"> Board of Regents</a>
```
Element selector:
a[href$="boardofregents"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
```
<a title="Employment (Job) Opportunities" href="jobs"> Job Opportunities</a>
```
Element selector:
a[href$="jobs"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element

<a title="Oklahoma State Regents for Higher Education" href="http://OKHigherEd.org" target="_blank"> Oklahoma State Regents <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; for Higher Education</a>

Element selector:

a[href$="OKHigherEd.org"]

Failing checks (At least one of these should pass)

Element's background color could not be determined because it is overlapped by another element

```
<a href="visiting"> Campus Map &amp; Area</a>
```
Element selector:
a[href$="visiting"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
```
<a title="Campus Life" href="campuslife"> Campus Life</a>
```
Element selector:
a[title="Campus Life"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element

Page Scan Results: Western Oklahoma State College

Known Issues Summary

Known Issues on This Page

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

Elements must meet minimum color contrast ratio thresholds

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

Zooming and scaling must not be disabled

Needs Review Summary

Needs Review on This Page

Elements must meet minimum color contrast ratio thresholds

Page Scan Results:

Western Oklahoma State College