Page Scan Results:

Available Courses:

Ensures links have discernible text. Axe Reference

1. <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

2. <a href="http://facebook.com/eoctech" data-tip="bottom" data-original-title="Facebook" target="_blank"><i class="fa fa-facebook"></i></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

3. <a href="http://instagram.com/eoctech" data-tip="bottom" data-original-title="Instagram" target="_blank"><i class="fa fa-instagram"></i></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

4. <a href="https://www.linkedin.com/school/eoctech" data-tip="bottom" data-original-title="LinkedIn" target="_blank"><i class="fa fa-linkedin"></i></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

5. <a href="https://vimeo.com/eoctech" data-tip="bottom" data-original-title="Vimeo" target="_blank"><i class="fa fa-vimeo-square"></i></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

6. <a href="https://www.youtube.com/channel/UCxdyxTdA_JrN8mg2BvR87Qg" data-tip="bottom" data-original-title="YouTube" target="_blank"><i class="fa fa-youtube"></i></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

7. <a href="mailto:communications@eoctech.edu" data-tip="bottom" data-original-title="Email" target="_blank"><i class="fa fa-envelope"></i></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

8. <a href="http://www.eoctech.edu/wp-content/uploads/2022/05/Program-At-A-Glance-2022-23_Graphic-Design-1.jpg">

   Element selector:

   .course_id > 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

9. <a href="http://www.eoctech.edu/wp-content/uploads/2022/05/Program-At-A-Glance-2022-23_GraphicDesign2.jpg">

   Element selector:

   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

Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. Axe Reference

1. <strong>INSTRUCTOR INFORMATION</strong>

   Element selector:

   .r_header > 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

2. <div class="r_contents" style="text-align: right;"><b>Ricardo Herrera, Jr.</b><br>(405) 390-9591<br><a href="mailto:rherrera@eoctech.edu">rherrera@eoctech.edu</a></div>

   Element selector:

   .r_contents
   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. <b>Ricardo Herrera, Jr.</b>

   Element selector:

   b
   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

4. <a href="mailto:rherrera@eoctech.edu">rherrera@eoctech.edu</a>

   Element selector:

   a[href="mailto:rherrera@eoctech.edu"]
   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

5. <p style="text-align: right; margin-top: 25px;"><strong>Who can enroll?</strong><br>Juniors<br>Seniors<br>Adults</p>

   Element selector:

   .panel-widget-style:nth-child(3) > 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

6. <strong>Who can enroll?</strong>

   Element selector:

   p:nth-child(1) > 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

7. <p style="text-align: right;"><strong>Schedule:</strong><br>Monday- Friday<br>AM Session: 8:00am - 11:00am<br>PM Session: 12:00 pm - 3:00pm</p>

   Element selector:

   .panel-widget-style:nth-child(3) > 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

8. <strong>Schedule:</strong>

   Element selector:

   p:nth-child(2) > 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

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

1. <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"

2. <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"