Page Scan Results:

Western Oklahoma State College

https://www.wosc.edu/index.php?page=Sessions-Home 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
<ul> and <ol> must only directly contain <li>, <script> or <template> elements: 4
Elements must meet minimum color contrast ratio thresholds: 2
Frames must have an accessible name: 1
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><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
```
<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><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
```
<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><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
```
<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

<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

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

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

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

```
<iframe style="border: 0px none; margin: 0px auto; padding: 0px; display: block;" src="https://cdn.yoshki.com/iframe/54732.html" frameborder="0" scrolling="no" width="150" height="166"></iframe>
```
Element selector:
iframe
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"

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

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

```
<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
```
<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
```
<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
```
<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
```
<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
```
<span class="breadcrumbs-currentpage">Online Education HOME</span>
```
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
```
<a href="index.php?page=online-readiness">Is Online Learning for Me?</a>
```
Element selector:
p:nth-child(2) > span > a
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 target="_blank" href="docs/redirect.php?doc=collegecatalog&amp;section&amp;degreeplan&amp;heading=06100" title="(opens a new window)">Behavioral Science</a>
```
Element selector:
li:nth-child(1) > a[title="(opens a new window)"][target="_blank"]
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 target="_blank" href="docs/redirect.php?doc=collegecatalog&amp;section&amp;degreeplan&amp;heading=01000" title="(opens a new window)">Child Development</a>
```
Element selector:
li:nth-child(2) > a[title="(opens a new window)"][target="_blank"]
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 target="_blank" href="docs/redirect.php?doc=collegecatalog&amp;section&amp;degreeplan&amp;heading=02512" title="(opens a new window)">Criminal Justice</a>
```
Element selector:
li:nth-child(3) > a[title="(opens a new window)"][target="_blank"]
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 target="_blank" href="docs/redirect.php?doc=collegecatalog&amp;section&amp;degreeplan&amp;heading=06600" title="(opens a new window)">Early Childhood</a>
```
Element selector:
li:nth-child(4) > a[title="(opens a new window)"][target="_blank"]
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 target="_blank" href="docs/redirect.php?doc=collegecatalog&amp;section&amp;degreeplan&amp;heading=06700" title="(opens a new window)">Health, PE and Recreation</a>
```
Element selector:
li:nth-child(5) > a[title="(opens a new window)"][target="_blank"]
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 target="_blank" href="docs/redirect.php?doc=collegecatalog&amp;section&amp;degreeplan&amp;heading=01305" title="(opens a new window)">Infants and Toddlers</a>
```
Element selector:
li:nth-child(6) > a[title="(opens a new window)"][target="_blank"]
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 target="_blank" href="docs/redirect.php?doc=collegecatalog&amp;section&amp;degreeplan&amp;heading=06200" title="(opens a new window)">Liberal Arts</a>
```
Element selector:
li:nth-child(7) > a[title="(opens a new window)"][target="_blank"]
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
```
<p>Western's online courses are also available to students outside of Oklahoma.<br><br><br><br>
[<a href="stateauth">Learn More...</a>]</p>
```
Element selector:
.leftdiv > .genericbody > p
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 href="stateauth">Learn More...</a>
```
Element selector:
p > a[href$="stateauth"]
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

<p>All Western online class minimum requirements can be found on this page. Checking your browser is a great start with our <a href="browser">browser check</a>.<br><br>
[<a href="index.php?page=moodle-technical-help">See all requirements</a>]</p>

Element selector:

.rightdiv > .genericbody > p

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 href="browser">browser check</a>
```
Element selector:
a[href$="browser"]
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 href="index.php?page=moodle-technical-help">See all requirements</a>
```
Element selector:
p > a:nth-child(4)
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

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>

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

Elements must meet minimum color contrast ratio thresholds

Frames must have an accessible name

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