Page Scan Results:

APPRENTICESHIPS

https://www.meridiantech.edu/workforce-economic-development/apprenticeships/ Scanned Sep. 17, 2023 at 9:05 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 meet minimum color contrast ratio thresholds: 5
<li> elements must be contained in a <ul> or <ol>: 4
<ul> and <ol> must only directly contain <li>, <script> or <template> elements: 1

Known Issues 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

```
<div class="sidebox-page-title">
Workforce and Economic Development </div>
```
Element selector:
.sidebox-page-title
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 3.82 (foreground color: #ffffff, background color: #e84b37, font size: 15.6pt (20.8px), font weight: normal). Expected contrast ratio of 4.5:1 .sidebox
```
<li class="color-footer-main">LEGAL</li>
```
Element selector:
a[href$="legal/"] > .color-footer-main
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.72 (foreground color: #ccebee, background color: #0099a8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .color-footer.hidden-xs
```
<li class="color-footer-main">CONTACT US</li>
```
Element selector:
a[href$="contact/"] > .color-footer-main
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.72 (foreground color: #ccebee, background color: #0099a8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .color-footer.hidden-xs
```
<li class="color-footer-main">STAFF LOGIN</li>
```
Element selector:
a[href$="wp-admin/"] > .color-footer-main
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.72 (foreground color: #ccebee, background color: #0099a8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .color-footer.hidden-xs
```
<li id="rightMain" class="color-footer-main">NEWSLETTER SIGNUP</li>
```
Element selector:
#responsiveFooter > .color-footer-nav > a[href$="newsletter/"] > .color-footer-main
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.72 (foreground color: #ccebee, background color: #0099a8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .color-footer.hidden-xs

<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="color-footer-main">LEGAL</li>
```
Element selector:
a[href$="legal/"] > .color-footer-main
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
```
<li class="color-footer-main">CONTACT US</li>
```
Element selector:
a[href$="contact/"] > .color-footer-main
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
```
<li class="color-footer-main">STAFF LOGIN</li>
```
Element selector:
a[href$="wp-admin/"] > .color-footer-main
Failing checks (At least one of these should pass)
- List item does not have a <ul>, <ol> parent element
```
<li id="rightMain" class="color-footer-main">NEWSLETTER SIGNUP</li>
```
Element selector:
#responsiveFooter > .color-footer-nav > a[href$="newsletter/"] > .color-footer-main
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 class="color-footer-nav" style="width:120%;">
```
Element selector:
#responsiveFooter > .color-footer-nav
Failing checks (All of these should pass)
- List element has direct children that are not allowed: a a[href$="legal/"] a[href$="contact/"] a[href$="wp-admin/"] #responsiveFooter > .color-footer-nav > a[href$="newsletter/"] #responsiveFooter > .color-footer-nav > a[aria-label="Facebook"][target="_blank"] #responsiveFooter > .color-footer-nav > a[aria-label="Twitter"][target="_blank"] a[aria-label="LinkedIn"] #responsiveFooter > .color-footer-nav > a[aria-label="YouTube"][target="_blank"] #responsiveFooter > .color-footer-nav > a[aria-label="Instagram"][target="_blank"]

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

```
<div class="header-sm-text">Workforce and Economic Development</div>
```
Element selector:
div[itemprop="image"] > .header-trans > .header-sm-text
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image div[itemprop="image"] > .header-trans div[itemprop="image"]
```
<h1 class="header-lg-text">Apprenticeships</h1>
```
Element selector:
div[itemprop="image"] > .header-trans > h1
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 div[itemprop="image"] > .header-trans
```
<h2>Hire. Train. Retain.</h2>
```
Element selector:
h2
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .general-container
```
<p>
```
Element selector:
p: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 .general-container
```
<p>Employer benefits:</p>
```
Element selector:
p:nth-child(3)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .general-container
```
<li>Attract diverse talent</li>
```
Element selector:
ul:nth-child(4) > li:nth-child(1)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .general-container
```
<li>Lower the cost of recruitment</li>
```
Element selector:
ul:nth-child(4) > li: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 .general-container
```
<li>Reduce employee turnover</li>
```
Element selector:
ul:nth-child(4) > li:nth-child(3)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .general-container
```
<p>Employee benefits:</p>
```
Element selector:
p:nth-child(5)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .general-container
```
<li>Earn while you learn</li>
```
Element selector:
ul:nth-child(6) > li:nth-child(1)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .general-container
```
<li>Get paired with a mentor</li>
```
Element selector:
ul:nth-child(6) > li: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 .general-container
```
<li>Obtain industry-specific workforce credentials</li>
```
Element selector:
ul:nth-child(6) > li:nth-child(3)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .general-container
```
<h3>Earn while you learn with apprenticeships.</h3>
```
Element selector:
h3:nth-child(7)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .general-container
```
<p>Are you a company that would like to offer an apprenticeship? Maybe you’re an employee looking to change career fields or gain more experience.</p>
```
Element selector:
p:nth-child(8)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .general-container
```
<p>
```
Element selector:
p:nth-child(9)
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .general-container
```
<strong>Get Started</strong>
```
Element selector:
strong
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .general-container

<p>Joe Steele<br>
Apprenticeship Coordinator, Workforce and Economic Development<br>
<a href="joes@meridiantech.edu">joes@meridiantech.edu</a><br>
<a href="http://405.377.3048" target="_blank" rel="noopener noreferrer">405.377.3048</a></p>

Element selector:

p:nth-child(11)

Failing checks (At least one of these should pass)

Element's background color could not be determined due to a background image .general-container

```
<a href="joes@meridiantech.edu">joes@meridiantech.edu</a>
```
Element selector:
a[href$="joes@meridiantech.edu"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .general-container
```
<a href="http://405.377.3048" target="_blank" rel="noopener noreferrer">405.377.3048</a>
```
Element selector:
a[href="http://405.377.3048"]
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a background image .general-container
```
<a href="https://www.meridiantech.edu/workforce-economic-development/apprenticeships/" aria-current="page">Apprenticeships</a>
```
Element selector:
.sideboxPageList > .page-item-66521.current_page_item.page_item > a[aria-current="page"]
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 .sidebox-inner

<a href="https://www.google.com/maps/place/Meridian+Technology+Center/@36.107043,-97.1114117,17z/data=!3m1!4b1!4m5!3m4!1s0x87b1a0920307ac5b:0xb4ab398fcf5b8a38!8m2!3d36.107043!4d-97.109223" target="_blank">

Element selector:

.color-footer-address > a[target="_blank"]:nth-child(1)

Failing checks (At least one of these should pass)

Element has a 1:1 contrast ratio with the background body

<a href="https://www.google.com/maps/place/Meridian+Technology+Center+-+South+Campus/@35.8473853,-97.4280007,17z/data=!3m1!4b1!4m5!3m4!1s0x87b18d4516b79ecb:0xab091d15b9ddc798!8m2!3d35.847381!4d-97.425812" target="_blank">South Campus: 3025 South Division Street | Guthrie, OK 73044 | 405.377.3334</a>

Element selector:

.color-footer-address > a[target="_blank"]:nth-child(3)

Failing checks (At least one of these should pass)

Element has a 1:1 contrast ratio with the background body

Page Scan Results: APPRENTICESHIPS

Known Issues Summary

Known Issues on This Page

Elements must meet minimum color contrast ratio thresholds

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

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

Needs Review Summary

Needs Review on This Page

Elements must meet minimum color contrast ratio thresholds

Page Scan Results:

APPRENTICESHIPS