Page Scan Results:

THE IGUANA BUS

http://www.eoctech.edu/iguanabus/ Scanned Sep. 17, 2023 at 8:59 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: 17
Links must have discernible text: 8
Images must have alternate text: 2

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

```
Eastern Oklahoma County Technology Center (EOCTC) in Choctaw, Oklahoma prides itself in growing and training the future workforce. At the heart of EOCTC, is a desire to spread awareness of career possibilities and provide students with hands-on training.&nbsp;
```
Element selector:
.panel-widget-style:nth-child(3) > .textwidget > p:nth-child(1)
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 3.54 (foreground color: #888888, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 #body-core
```

```
Element selector:
.panel-widget-style:nth-child(3) > .textwidget > p:nth-child(2)
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 3.54 (foreground color: #888888, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 #body-core
```

```
Element selector:
.textwidget > p:nth-child(3)
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 3.54 (foreground color: #888888, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 #body-core
```
In The News 
```
Element selector:
p:nth-child(4) > strong
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 3.54 (foreground color: #888888, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1 #body-core
```
<a href="http://www.augusoft.net/why-an-iguana-means-careers-in-oklahoma/">Why an Iguana Means Careers in Oklahoma</a>
```
Element selector:
.article-title > a
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.04 (foreground color: #8dc63f, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 #body-core
```
Kasey Franks REACH Coordinator 
```
Element selector:
.panel-widget-style:nth-child(2) > .textwidget > p:nth-child(1) > strong:nth-child(1)
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 3.54 (foreground color: #888888, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1 #body-core
```
405.390.9591
```
Element selector:
strong:nth-child(2)
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 3.54 (foreground color: #888888, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1 #body-core
```
Email 
```
Element selector:
a[href="mailto:kfranks@eoctech.edu"] > strong
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.04 (foreground color: #8dc63f, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1 #body-core
```
4 WAYS TO Learn about Career Opportunities:
```
Element selector:
.panel-widget-style:nth-child(4) > .textwidget > p > strong
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 3.54 (foreground color: #888888, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1 #body-core
```
1. Visit <a href="http://okcareerguide.org">okcareerguide.org</a>
```
Element selector:
em:nth-child(3)
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 3.54 (foreground color: #888888, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 #body-core
```
<a href="http://okcareerguide.org">okcareerguide.org</a>
```
Element selector:
a[href$="okcareerguide.org"]
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.04 (foreground color: #8dc63f, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 #body-core
```
2. Visit the EOC Tech campus 
```
Element selector:
em:nth-child(5)
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 3.54 (foreground color: #888888, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 #body-core
```
3. View our <a href="https://cloud.3dissue.com/504/708/1117/FullTime2016-17/index.html">courses online</a>
```
Element selector:
em:nth-child(7)
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 3.54 (foreground color: #888888, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 #body-core
```
<a href="https://cloud.3dissue.com/504/708/1117/FullTime2016-17/index.html">courses online</a>
```
Element selector:
em:nth-child(7) > a
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.04 (foreground color: #8dc63f, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 #body-core
```
4. Sign up for the EOC Tech Explore Program as a Sophomore
```
Element selector:
em:nth-child(9)
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 3.54 (foreground color: #888888, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1 #body-core
```
&nbsp;A member of the <a style="color: #99cc00;" href="http://www.mobilelabcoalition.com/">Mobile Lab Coalition</a>
```
Element selector:
.panel-widget-style:nth-child(6) > .textwidget > p > strong
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 3.54 (foreground color: #888888, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1 #body-core
```
<a style="color: #99cc00;" href="http://www.mobilelabcoalition.com/">Mobile Lab Coalition</a>
```
Element selector:
span > a
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 1.91 (foreground color: #99cc00, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1 #body-core

Links must have discernible text

serious

Ensures links have discernible text. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 2.4.4, WCAG SC 4.1.2, Old Section 508, EN-301-549, EN-9.2.4.4, EN-9.4.1.2, ACT

```
<a class="header-image" href="http://PoweredbyOKCareerTech.com"><img src="http://www.eoctech.edu/wp-content/uploads/2021/02/Website_Header_Ribbon_2021_Final_1.png"></a>
```
Element selector:
.header-image
Failing checks (At least one of these should pass)
- Element does not have text that is visible to screen readers
- 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 has no title attribute
Failing checks (All of these should pass)
- Element is in tab order and does not have accessible text
```
<a href="http://facebook.com/eoctech" data-tip="bottom" data-original-title="Facebook" target="_blank"></a>
```
Element selector:
a[data-original-title="Facebook"]
Failing checks (At least one of these should pass)
- Element does not have text that is visible to screen readers
- 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 has no title attribute
Failing checks (All of these should pass)
- Element is in tab order and does not have accessible text
```
<a href="http://instagram.com/eoctech" data-tip="bottom" data-original-title="Instagram" target="_blank"></a>
```
Element selector:
a[data-original-title="Instagram"]
Failing checks (At least one of these should pass)
- Element does not have text that is visible to screen readers
- 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 has no title attribute
Failing checks (All of these should pass)
- Element is in tab order and does not have accessible text
```
<a href="https://www.linkedin.com/school/eoctech" data-tip="bottom" data-original-title="LinkedIn" target="_blank"></a>
```
Element selector:
a[data-original-title="LinkedIn"]
Failing checks (At least one of these should pass)
- Element does not have text that is visible to screen readers
- 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 has no title attribute
Failing checks (All of these should pass)
- Element is in tab order and does not have accessible text
```
<a href="https://vimeo.com/eoctech" data-tip="bottom" data-original-title="Vimeo" target="_blank"></a>
```
Element selector:
a[data-original-title="Vimeo"]
Failing checks (At least one of these should pass)
- Element does not have text that is visible to screen readers
- 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 has no title attribute
Failing checks (All of these should pass)
- Element is in tab order and does not have accessible text
```
<a href="https://www.youtube.com/channel/UCxdyxTdA_JrN8mg2BvR87Qg" data-tip="bottom" data-original-title="YouTube" target="_blank"></a>
```
Element selector:
a[data-original-title="YouTube"]
Failing checks (At least one of these should pass)
- Element does not have text that is visible to screen readers
- 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 has no title attribute
Failing checks (All of these should pass)
- Element is in tab order and does not have accessible text
```
<a href="mailto:communications@eoctech.edu" data-tip="bottom" data-original-title="Email" target="_blank"></a>
```
Element selector:
a[data-original-title="Email"]
Failing checks (At least one of these should pass)
- Element does not have text that is visible to screen readers
- 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 has no title attribute
Failing checks (All of these should pass)
- Element is in tab order and does not have accessible text
```
<a href="http://www.mobilelabcoalition.com"><img src="http://www.eoctech.edu/wp-content/uploads/2016/08/MLC-01-150x150.png" alt=""></a>
```
Element selector:
.panel-widget-style:nth-child(5) > p > a
Failing checks (At least one of these should pass)
- Element does not have text that is visible to screen readers
- 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 has no title attribute
Failing checks (All of these should pass)
- Element is in tab order and does not have accessible text

Images must have alternate text

critical

Ensures <img> elements have alternate text or a role of none or presentation. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 1.1.1, Old Section 508, EN-301-549, EN-9.1.1.1, ACT

```
<img src="http://www.eoctech.edu/wp-content/uploads/2021/02/Website_Header_Ribbon_2021_Final_1.png">
```
Element selector:
.header-image > img
Failing checks (At least one of these should pass)
- Element does not have an alt 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 has no title attribute
- Element's default semantics were not overridden with role="none" or role="presentation"
```
<img src="http://www.eoctech.edu/wp-content/uploads/2022/08/CT_PoweredByCareerTech_Flag_bk.png">
```
Element selector:
.textwidget > img
Failing checks (At least one of these should pass)
- Element does not have an alt 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 has no title attribute
- Element's default semantics were not overridden with role="none" or role="presentation"

Page Scan Results: THE IGUANA BUS