Page Scan Results:

Wes Watkins Technology Center

https://www.wwtech.org/313947_2 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: 2
Elements must meet minimum color contrast ratio thresholds: 1
<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.

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 href="/httpwwwwwtecheduaboutus">About Us</a>
```
Element selector:
a[href$="httpwwwwwtecheduaboutus"]
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.35 (foreground color: #f48167, background color: #f5f5f5, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 ol

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

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 .navbar-default
```
<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 .navbar-default
```
<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 .navbar-default

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

Element selector:

#sm-16949850515031072-1

Failing checks (At least one of these should pass)

Element's background color could not be determined due to a background image .navbar-default

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

Element selector:

#sm-16949850515031072-5

Failing checks (At least one of these should pass)

Element's background color could not be determined due to a background image .navbar-default

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

Element selector:

#sm-16949850515031072-23

Failing checks (At least one of these should pass)

Element's background color could not be determined due to a background image .navbar-default

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

Element selector:

#sm-16949850515031072-43

Failing checks (At least one of these should pass)

Element's background color could not be determined due to a background image .navbar-default

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

Element selector:

#sm-16949850515031072-47

Failing checks (At least one of these should pass)

Element's background color could not be determined due to a background image .navbar-default

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

Element selector:

#sm-16949850515031072-49

Failing checks (At least one of these should pass)

Element's background color could not be determined due to a background image .navbar-default

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

Element selector:

#sm-16949850515031072-51

Failing checks (At least one of these should pass)

Element's background color could not be determined due to a background image .navbar-default

```
<h2 class="page_title">Oklahoma CareerTech System</h2>
```
Element selector:
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 .content-color.col-md-12
```
<span style="font-family:Tahoma,Geneva,sans-serif;">
```
Element selector:
p:nth-child(2) > span > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .custom_218438
```
<span style="font-family:Tahoma,Geneva,sans-serif;">Oklahoma's CareerTech system significantly contributes to the state's economic development and quality of life.</span>
```
Element selector:
p:nth-child(3) > span > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .custom_218438
```
<span style="font-family:Tahoma,Geneva,sans-serif;">
```
Element selector:
p:nth-child(4) > span > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .custom_218438

<span style="font-family:Tahoma,Geneva,sans-serif;">Each technology center works closely with advisers from local industries to ensure students learn the skills needed to be valued members of the workforce.</span>

Element selector:

p:nth-child(5) > span > span

Failing checks (At least one of these should pass)

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

```
<span style="font-family:Tahoma,Geneva,sans-serif;">
```
Element selector:
p:nth-child(6) > span > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .custom_218438
```
<span style="font-family:Tahoma,Geneva,sans-serif;">Competency-based education enables CareerTech to provide students with the skills employers are seeking in the workplace.</span>
```
Element selector:
p:nth-child(7) > span > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .custom_218438
```
<span style="font-family:Tahoma,Geneva,sans-serif;">
```
Element selector:
p:nth-child(8) > span > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .custom_218438
```
<a class="external-link" href="https://okcareerguide.kuder.com/landing-page" target="_blank" title="">OK Career Guide</a>
```
Element selector:
.external-link
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .custom_218438

<span style="font-family:Tahoma,Geneva,sans-serif;">The agency is governed by the State Board of Career and Technology Education and works closely with the State Department of Education and the State Regents for Higher Education to provide a seamless educational system for all Oklahomans.</span>

Element selector:

p:nth-child(9) > span > span

Failing checks (At least one of these should pass)

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

```
<span style="font-family:Tahoma,Geneva,sans-serif;">Learn more about the <strong><a href="https://www.okcareertech.org/">Oklahoma CareerTech</a></strong> System!</span>
```
Element selector:
p:nth-child(10) > span > span
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .custom_218438
```
<a href="https://www.okcareertech.org/">Oklahoma CareerTech</a>
```
Element selector:
a[href$="okcareertech.org/"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .custom_218438

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

Page Scan Results:

Wes Watkins Technology Center