Page Scan Results:
(No H1 element on page)
http://www.eoctech.edu/iguana-council/
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 on This Page
Elements must meet minimum color contrast ratio thresholds
Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. Axe Reference
-
<p>
Element selector: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
-
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
-
<p>
Element selector:p:nth-child(4)
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 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
-
<p>The Iguana Council has chosen the following organizations as the recipients of the funds raised:</p>
Element selector:p: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
-
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
-
<p>
Element selector:p:nth-child(6)
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 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
-
<p>For more information contact Mr. Gerry at 390-9591.</p>
Element selector:p: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
-
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
-
<a href="mailto:jgerry@eoctech.edu">Justin Gerry</a>
Element selector:a[href$="mailto:jgerry@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
-
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
-
<em>Explore Coordinator & Iguana Council Advisor </em>
Element selector:p:nth-child(8) > em
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 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
-
<a href="https://hrranch.org/">https://hrranch.org/</a>
Element selector:a[href$="hrranch.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: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
#body-core
-
Element has insufficient color contrast of 2.04 (foreground color: #8dc63f, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
Links must have discernible text
Ensures links have discernible text. Axe Reference
-
<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"><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
-
<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
-
<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
-
<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
-
<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
-
<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
-
<a href="http://www.eoctech.edu/wp-content/uploads/2023/04/2023-IGUWK-APR-Fundraiser_Monitor-Ad_UPDATED-DATES.jpg">
Element selector:p:nth-child(11) > 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
Ensures <img> elements have alternate text or a role of none or presentation. Axe Reference
-
<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"
Links must be distinguishable without relying on color
Ensure links are distinguished from surrounding text in a way that does not rely on color. Axe Reference
-
<a href="mailto:jgerry@eoctech.edu">Justin Gerry</a>
Element selector:a[href$="mailto:jgerry@eoctech.edu"]
Failing checks (At least one of these should pass)
-
The link has insufficient color contrast of 1.73:1 with the surrounding text. (Minimum contrast is 3:1, link text: #8dc63f, surrounding text: #888888)
p:nth-child(8)
-
The link has no styling (such as underline) to distinguish it from the surrounding text
p:nth-child(8)
-
The link has insufficient color contrast of 1.73:1 with the surrounding text. (Minimum contrast is 3:1, link text: #8dc63f, surrounding text: #888888)
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
No incomplete found.