Page Scan Results:

Wes Watkins Technology Center

https://www.wwtech.org/47331_1 Scanned Sep. 17, 2023 at 9:11 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

Elements must only use permitted ARIA attributes: 6
Elements must meet minimum color contrast ratio thresholds: 2
<ul> and <ol> must only directly contain <li>, <script> or <template> elements: 1
<li> elements must be contained in a <ul> or <ol>: 1

Known Issues on This Page

Elements must only use permitted ARIA attributes

serious

Ensures ARIA attributes are not prohibited for an element's role. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 4.1.2, EN-301-549, EN-9.4.1.2

```
<span aria-label="Home" class="glyphicon glyphicon-home lineHeightIcon" style="line-height: unset;"></span>
```
Element selector:
span[aria-label="Home"]
Failing checks (All of these should pass)
- aria-label attribute cannot be used on a span with no valid role attribute.
```
<span aria-label="Search" class="glyphicon glyphicon-search lineHeightIcon" style="line-height: unset;"></span>
```
Element selector:
.glyphicon-search.lineHeightIcon[aria-label="Search"]
Failing checks (All of these should pass)
- aria-label attribute cannot be used on a span with no valid role attribute.
```
<span aria-label="calendar button left-double-arrow" class="fc-icon fc-icon-left-double-arrow"><span style="display:none;">Calendar Controls</span></span>
```
Element selector:
.fc-icon-left-double-arrow
Failing checks (All of these should pass)
- aria-label attribute cannot be used on a span with no valid role attribute.
```
<span aria-label="calendar button left-single-arrow" class="fc-icon fc-icon-left-single-arrow"><span style="display:none;">Calendar Controls</span></span>
```
Element selector:
.fc-icon-left-single-arrow
Failing checks (All of these should pass)
- aria-label attribute cannot be used on a span with no valid role attribute.
```
<span aria-label="calendar button right-single-arrow" class="fc-icon fc-icon-right-single-arrow"><span style="display:none;">Calendar Controls</span></span>
```
Element selector:
.fc-icon-right-single-arrow
Failing checks (All of these should pass)
- aria-label attribute cannot be used on a span with no valid role attribute.
```
<span aria-label="calendar button right-double-arrow" class="fc-icon fc-icon-right-double-arrow"><span style="display:none;">Calendar Controls</span></span>
```
Element selector:
.fc-icon-right-double-arrow
Failing checks (All of these should pass)
- aria-label attribute cannot be used on a span with no valid role attribute.

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

```
<div class="modIcon">
<span class="glyphicon glyphicon-map-marker pull-left" style="margin-right:10px;top:5px;"></span>Map
</div>
```
Element selector:
a[target="_blank"] > .modIcon
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.25 (foreground color: #f48167, background color: #f0f0f0, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .panel.panel-default.editme:nth-child(7) > .module > .module-body-color.panel-body
```
<a href="mailto:rhinkley@wwtech.edu">E-mail</a>
```
Element selector:
.underlineLinks > a[href="mailto:rhinkley@wwtech.edu"]
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.25 (foreground color: #f48167, background color: #f0f0f0, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .panel.panel-default.editme:nth-child(7) > .module > .module-body-color.panel-body

<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 class="list-inline">
```
Element selector:
.list-inline
Failing checks (All of these should pass)
- List element has direct children that are not allowed: span, br .footerColor .list-inline > br

<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 class="visible-xs visible-sm hidden-md hidden-lg" style="background-color:transparent !important;color:transparent !important;"><a aria-label="Close Navigation" href="#" id="closeMobileNav" data-toggle="collapse" data-target=".navbar-collapse.in"></a></li>

Element selector:

#bs-example-navbar-collapse-1 > .visible-xs.hidden-lg.hidden-md

Failing checks (At least one of these should pass)

List item does not have a <ul>, <ol> parent element

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: 31
Links must be distinguishable without relying on color: 1
Table headers in a data table must refer to data cells: 1

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

```
<a target="_blank" href="https://wwtech.edu/51754">Covid-19</a>
```
Element selector:
.visible-xs.hidden-xl.hidden-lg:nth-child(2) > div > ul > .nav_shortcuts.visible-md[data-attr="1"] > a[href="https://wwtech.edu/51754"][target="_blank"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .globalnav
```
<a target="_blank" href="https://wwtech.edu/51751">Legal</a>
```
Element selector:
.visible-xs.hidden-xl.hidden-lg:nth-child(2) > div > ul > .nav_shortcuts.visible-md[data-attr="2"] > a[href="https://wwtech.edu/51751"][target="_blank"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .globalnav
```
<a target="_blank" href="https://wwtech.edu/51761">Staff Portal</a>
```
Element selector:
.visible-xs.hidden-xl.hidden-lg:nth-child(2) > div > ul > .nav_shortcuts.visible-md[data-attr="3"] > a[href="https://wwtech.edu/51761"][target="_blank"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .globalnav

<a href="/47331_1" class="dropdown-toggle mainlink_a has-submenu active" aria-haspopup="true" aria-expanded="false" id="sm-16949850406614534-1" aria-controls="sm-16949850406614534-2">About Us <span class="caret"></span></a>

Element selector:

#sm-16949850406614534-1

Failing checks (At least one of these should pass)

Element's background color could not be determined due to a background image .globalnav

<a href="/47333_1" class="dropdown-toggle mainlink_a has-submenu" aria-haspopup="true" aria-expanded="false" id="sm-16949850406614534-5" aria-controls="sm-16949850406614534-6">Full-Time Adult <span class="caret"></span></a>

Element selector:

#sm-16949850406614534-5

Failing checks (At least one of these should pass)

Element's background color could not be determined due to a background image .globalnav

<a href="/57677_1" class="dropdown-toggle mainlink_a has-submenu" aria-haspopup="true" aria-expanded="false" id="sm-16949850406614534-23" aria-controls="sm-16949850406614534-24">Full-Time High School <span class="caret"></span></a>

Element selector:

#sm-16949850406614534-23

Failing checks (At least one of these should pass)

Element's background color could not be determined due to a background image .globalnav

<a href="/51279_1" class="dropdown-toggle mainlink_a has-submenu" aria-haspopup="true" aria-expanded="false" id="sm-16949850406614534-43" aria-controls="sm-16949850406614534-44">Short-Term Classes <span class="caret"></span></a>

Element selector:

#sm-16949850406614534-43

Failing checks (At least one of these should pass)

Element's background color could not be determined due to a background image .globalnav

<a href="/48770_1" class="dropdown-toggle mainlink_a has-submenu" aria-haspopup="true" aria-expanded="false" id="sm-16949850406614534-47" aria-controls="sm-16949850406614534-48">Workforce &amp; Economic Development <span class="caret"></span></a>

Element selector:

#sm-16949850406614534-47

Failing checks (At least one of these should pass)

Element's background color could not be determined due to a background image .globalnav

<a href="/47330_1" class="dropdown-toggle mainlink_a has-submenu" aria-haspopup="true" aria-expanded="false" id="sm-16949850406614534-49" aria-controls="sm-16949850406614534-50">Financial Aid <span class="caret"></span></a>

Element selector:

#sm-16949850406614534-49

Failing checks (At least one of these should pass)

Element's background color could not be determined due to a background image .globalnav

<a href="/47332_1" class="dropdown-toggle mainlink_a has-submenu" aria-haspopup="true" aria-expanded="false" id="sm-16949850406614534-51" aria-controls="sm-16949850406614534-52">Student Services <span class="caret"></span></a>

Element selector:

#sm-16949850406614534-51

Failing checks (At least one of these should pass)

Element's background color could not be determined due to a background image .globalnav

```
<h2 class="page_title">About Us</h2>
```
Element selector:
.page_title
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="#" style="text-decoration:none;" class="subnav_branding navbar-brand">About Us Pages</a>
```
Element selector:
.subnav_branding
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-color.col-md-12
```
<a class="smallTitle" href="/367649_2">Welcome to WWTC</a>
```
Element selector:
.smallTitle[href="/367649_2"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .section_subnav
```
<a class="smallTitle" href="/306597_2">Staff Directory</a>
```
Element selector:
.smallTitle[href="/306597_2"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .section_subnav
```
<a class="smallTitle" href="/313931_2">Gold Star School Designation</a>
```
Element selector:
.smallTitle[href="/313931_2"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .section_subnav
```
<a class="smallTitle" href="/313933_2">Partner Schools</a>
```
Element selector:
.smallTitle[href="/313933_2"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .section_subnav
```
<a class="smallTitle" href="/322142_2">Board of Education </a>
```
Element selector:
.smallTitle[href="/322142_2"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .section_subnav
```
<a class="smallTitle" href="/313945_2">Employment Opportunities</a>
```
Element selector:
.smallTitle[href="/313945_2"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .section_subnav
```
<a class="smallTitle" href="/322160_2">WWTC Foundation</a>
```
Element selector:
.smallTitle[href="/322160_2"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .section_subnav
```
<a class="smallTitle" href="/313947_2">Oklahoma CareerTech System</a>
```
Element selector:
.smallTitle[href="/313947_2"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .section_subnav
```
<h3 class="panel-title">
District Calendar </h3>
```
Element selector:
#calendar-content-106077 > .module-header-color.panel-heading[data-elemid="eventTrue"] > .moduleHeader > h3
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image #calendar-content-106077 > .module-header-color.panel-heading[data-elemid="eventTrue"]
```
<h2>September 2023</h2>
```
Element selector:
.fc-center > h2
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 .calendar-sm-container
```
<td class="fc-day-number fc-sun fc-other-month fc-future" data-date="2023-10-01">1</td>
```
Element selector:
thead > tr > .fc-sun.fc-other-month[data-date="2023-10-01"]
Failing checks (At least one of these should pass)
- Element content is too short to determine if it is actual text content .calendar-sm-container
```
<td class="fc-day-number fc-mon fc-other-month fc-future" data-date="2023-10-02">2</td>
```
Element selector:
thead > tr > .fc-mon.fc-other-month[data-date="2023-10-02"]
Failing checks (At least one of these should pass)
- Element content is too short to determine if it is actual text content .calendar-sm-container
```
<td class="fc-day-number fc-tue fc-other-month fc-future" data-date="2023-10-03">3</td>
```
Element selector:
thead > tr > .fc-tue.fc-other-month[data-date="2023-10-03"]
Failing checks (At least one of these should pass)
- Element content is too short to determine if it is actual text content .calendar-sm-container
```
<td class="fc-day-number fc-wed fc-other-month fc-future" data-date="2023-10-04">4</td>
```
Element selector:
thead > tr > .fc-wed.fc-other-month[data-date="2023-10-04"]
Failing checks (At least one of these should pass)
- Element content is too short to determine if it is actual text content .calendar-sm-container
```
<td class="fc-day-number fc-thu fc-other-month fc-future" data-date="2023-10-05">5</td>
```
Element selector:
thead > tr > .fc-thu.fc-other-month[data-date="2023-10-05"]
Failing checks (At least one of these should pass)
- Element content is too short to determine if it is actual text content .calendar-sm-container
```
<td class="fc-day-number fc-fri fc-other-month fc-future" data-date="2023-10-06">6</td>
```
Element selector:
thead > tr > .fc-fri.fc-other-month[data-date="2023-10-06"]
Failing checks (At least one of these should pass)
- Element content is too short to determine if it is actual text content .calendar-sm-container
```
<td class="fc-day-number fc-sat fc-other-month fc-future" data-date="2023-10-07">7</td>
```
Element selector:
thead > tr > .fc-sat.fc-other-month[data-date="2023-10-07"]
Failing checks (At least one of these should pass)
- Element content is too short to determine if it is actual text content .calendar-sm-container
```
<h3 class="panel-title">
Current Weather
</h3>
```
Element selector:
.module-header-color.panel-heading > h3
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image #currentWeatherPage > .module > .module-header-color.panel-heading
```
<h3 class="panel-title">
Contact Information <span class="glyphicon glyphicon-info-sign"></span>
</h3>
```
Element selector:
.module > .module-header-color.panel-heading > .moduleHeader > h3
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .panel.panel-default.editme:nth-child(7) > .module > .module-header-color.panel-heading

Links must be distinguishable without relying on color

serious

Ensure links are distinguished from surrounding text in a way that does not rely on color. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 1.4.1, EN-301-549, EN-9.1.4.1

<a href="https://www.google.com/maps/place/Wes+Watkins+Technology+Center/@35.233455,-96.2678252,457m/data=!3m1!1e3!4m5!3m4!1s0x87b46fff168c034d:0xbf16bd77c9108a26!8m2!3d35.2335014!4d-96.2666972" target="_blank">

Element selector:

.moduleBody > a[target="_blank"]

Failing checks (At least one of these should pass)

Element's contrast ratio could not be determined because of element overlap .moduleBody

Table headers in a data table must refer to data cells

serious

Ensure that <th> elements and elements with role=columnheader/rowheader have data cells they describe. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 1.3.1, Old Section 508, EN-301-549, EN-9.1.3.1

```
<table>
```
Element selector:
.fc-row.fc-widget-header > table
Failing checks (All of these should pass)
- Table data cells are missing or empty th:nth-child(7)

Page Scan Results: Wes Watkins Technology Center

Known Issues Summary

Known Issues on This Page

Elements must only use permitted ARIA attributes

Elements must meet minimum color contrast ratio thresholds

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

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

Needs Review Summary

Needs Review on This Page

Elements must meet minimum color contrast ratio thresholds

Links must be distinguishable without relying on color

Table headers in a data table must refer to data cells

Page Scan Results:

Wes Watkins Technology Center