Page Scan Results:
(No H1 element on page)
https://tricountytech.edu/
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
-
<a href="https://tricountytech.edu/highschool/">LEARN MORE</a>
Element selector:.span4:nth-child(1) > .homepage-block > button > a:nth-child(2)
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.68 (foreground color: #ffffff, background color: #85aa3c, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1
.span4:nth-child(1) > .homepage-block > button
-
Element has insufficient color contrast of 2.68 (foreground color: #ffffff, background color: #85aa3c, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1
-
<i>News You Need to Know</i>
Element selector:a[href$="news/"] > i
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.79 (foreground color: #569bbe, background color: #f4f4f4, font size: 22.5pt (30px), font weight: normal). Expected contrast ratio of 3:1
.news
-
Element has insufficient color contrast of 2.79 (foreground color: #569bbe, background color: #f4f4f4, font size: 22.5pt (30px), font weight: normal). Expected contrast ratio of 3:1
-
<a href="https://tricountytech.edu/okacte-new-teacher-of-the-year">Continued</a>
Element selector:.span4:nth-child(2) > .post-content.row > .span4:nth-child(2) > p > a
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.79 (foreground color: #569bbe, background color: #f4f4f4, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
.news
-
Element has insufficient color contrast of 2.79 (foreground color: #569bbe, background color: #f4f4f4, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a href="https://tricountytech.edu/tri-county-tech-awarded-15000-grant-by-the-oklahoma-aeronautics-commission">Continued</a>
Element selector:.span4:nth-child(3) > .post-content.row > .span4:nth-child(2) > p > a
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.79 (foreground color: #569bbe, background color: #f4f4f4, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
.news
-
Element has insufficient color contrast of 2.79 (foreground color: #569bbe, background color: #f4f4f4, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a href="https://tricountytech.edu/tri-county-tech-foundation-receives-sapphire-legacy-scholarship-endowment">Continued</a>
Element selector:.span4:nth-child(4) > .post-content.row > .span4:nth-child(2) > p > a
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.79 (foreground color: #569bbe, background color: #f4f4f4, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
.news
-
Element has insufficient color contrast of 2.79 (foreground color: #569bbe, background color: #f4f4f4, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a href="https://tricountytech.edu/foundation"><br>Learn More<br></a>
Element selector:.span12 > .homepage-block > button > a
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 2.88 (foreground color: #ffffff, background color: #5ea0c1, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1
.span12 > .homepage-block > button
-
Element has insufficient color contrast of 2.88 (foreground color: #ffffff, background color: #5ea0c1, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1
-
<i>
Element selector:.social > i
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 3.07 (foreground color: #ffffff, background color: #569bbe, font size: 7.5pt (10px), font weight: normal). Expected contrast ratio of 4.5:1
.social-media:nth-child(2)
-
Element has insufficient color contrast of 3.07 (foreground color: #ffffff, background color: #569bbe, font size: 7.5pt (10px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a href="https://tricountytech.edu/staff/tara-stevens/">Tara Stevens, Director of HR & Compliance Officer</a>
Element selector:i > a:nth-child(1)
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 3.07 (foreground color: #ffffff, background color: #569bbe, font size: 7.5pt (10px), font weight: normal). Expected contrast ratio of 4.5:1
.social-media:nth-child(2)
-
Element has insufficient color contrast of 3.07 (foreground color: #ffffff, background color: #569bbe, font size: 7.5pt (10px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a href="mailto:tara.stevens@tricountytech.edu">Tara.Stevens@TriCountyTech.edu</a>
Element selector:i > a:nth-child(2)
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 3.07 (foreground color: #ffffff, background color: #569bbe, font size: 7.5pt (10px), font weight: normal). Expected contrast ratio of 4.5:1
.social-media:nth-child(2)
-
Element has insufficient color contrast of 3.07 (foreground color: #ffffff, background color: #569bbe, font size: 7.5pt (10px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a href="https://tricountytech.edu/privacy-policy/">privacy policy</a>
Element selector:i > a:nth-child(3)
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 3.07 (foreground color: #ffffff, background color: #569bbe, font size: 7.5pt (10px), font weight: normal). Expected contrast ratio of 4.5:1
.social-media:nth-child(2)
-
Element has insufficient color contrast of 3.07 (foreground color: #ffffff, background color: #569bbe, font size: 7.5pt (10px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a href="https://drive.google.com/file/d/1uxeQBbMJIFUgcqUSQHlQnKmex_SxvYHz/view">non-discrimination policy</a>
Element selector:i > a:nth-child(4)
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 3.07 (foreground color: #ffffff, background color: #569bbe, font size: 7.5pt (10px), font weight: normal). Expected contrast ratio of 4.5:1
.social-media:nth-child(2)
-
Element has insufficient color contrast of 3.07 (foreground color: #ffffff, background color: #569bbe, font size: 7.5pt (10px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a href="http://bitly.com/NDTitle-IX">OSSBA Workshop Resources</a>
Element selector:a[href$="NDTitle-IX"]
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 3.07 (foreground color: #ffffff, background color: #569bbe, font size: 7.5pt (10px), font weight: normal). Expected contrast ratio of 4.5:1
.social-media:nth-child(2)
-
Element has insufficient color contrast of 3.07 (foreground color: #ffffff, background color: #569bbe, font size: 7.5pt (10px), font weight: normal). Expected contrast ratio of 4.5:1
-
<i>BUSINESS TRAINING </i>
Element selector:.footer-links > a:nth-child(1) > i
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 3.45 (foreground color: #569bbe, background color: #0d4456, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1
.footer
-
Element has insufficient color contrast of 3.45 (foreground color: #569bbe, background color: #0d4456, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1
-
<i>EMPLOYMENT </i>
Element selector:.footer-links > a:nth-child(2) > i
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 3.45 (foreground color: #569bbe, background color: #0d4456, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1
.footer
-
Element has insufficient color contrast of 3.45 (foreground color: #569bbe, background color: #0d4456, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1
-
<i>OSDE FINANCIAL</i>
Element selector:a[target="blank"] > i
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 3.45 (foreground color: #569bbe, background color: #0d4456, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1
.footer
-
Element has insufficient color contrast of 3.45 (foreground color: #569bbe, background color: #0d4456, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1
-
<i>STUDENT RESOURCES </i>
Element selector:a:nth-child(4) > i
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 3.45 (foreground color: #569bbe, background color: #0d4456, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1
.footer
-
Element has insufficient color contrast of 3.45 (foreground color: #569bbe, background color: #0d4456, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1
Links must have discernible text
Ensures links have discernible text. Axe Reference
-
<a href="https://tricountytech.edu/highschool"> </a>
Element selector:.homepage-blocks > .span4:nth-child(1) > 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
-
<a href="https://tricountytech.edu/highschool"> </a>
Element selector:.span4:nth-child(1) > .homepage-block > button > a:nth-child(1)
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://tricountytech.edu/adult"> </a>
Element selector:.span4:nth-child(2) > 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
-
<a href="https://tricountytech.edu/adult"> </a>
Element selector:#adult > button > a:nth-child(1)
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://tricountytech.edu/services/"> </a>
Element selector:.span4:nth-child(3) > 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
-
<a href="https://tricountytech.edu/services/"> </a>
Element selector:#community-ed > button > a:nth-child(1)
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://tricountytech.edu/foundation"><img src="https://tricountytech.edu/wp-content/uploads/2022/01/TCT-Foundation_Digital-Horizontal.png" ;="" style="width:300px;"></a>
Element selector:.span12 > .homepage-block > 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
Interactive controls must not be nested
Ensures interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies. Axe Reference
-
<button type="button" style="padding:20px; margin-top:10px; margin-bottom:20px;"><a href="https://tricountytech.edu/highschool"> </a><a href="https://tricountytech.edu/highschool/">LEARN MORE</a> </button>
Element selector:.span4:nth-child(1) > .homepage-block > button
Failing checks (At least one of these should pass)
-
Element has focusable descendants
.span4:nth-child(1) > .homepage-block > button > a:nth-child(1)
.span4:nth-child(1) > .homepage-block > button > a:nth-child(2)
-
Element has focusable descendants
-
<button type="button" style="padding:20px; margin-top:10px; margin-bottom:20px;"><a href="https://tricountytech.edu/adult"> </a><a href="https://tricountytech.edu/adult/">LEARN MORE</a> </button>
Element selector:#adult > button
Failing checks (At least one of these should pass)
-
Element has focusable descendants
#adult > button > a:nth-child(1)
#adult > button > a:nth-child(2)
-
Element has focusable descendants
-
<button type="button" style="padding:20px; margin-top:10px; margin-bottom:20px;"><a href="https://tricountytech.edu/services/"> </a><a href="https://tricountytech.edu/services">LEARN MORE</a> </button>
Element selector:#community-ed > button
Failing checks (At least one of these should pass)
-
Element has focusable descendants
#community-ed > button > a:nth-child(1)
#community-ed > button > a:nth-child(2)
-
Element has focusable descendants
-
<button type="button" style="margin-top:0px; margin-bottom:10px; width:300px;"> <a href="https://tricountytech.edu/foundation"><br>Learn More<br></a><br> </button>
Element selector:.span12 > .homepage-block > button
Failing checks (At least one of these should pass)
-
Element has focusable descendants
.span12 > .homepage-block > button > a
-
Element has focusable descendants
Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation. Axe Reference
-
<img src="https://tricountytech.edu/wp-content/uploads/2022/01/TCT-Foundation_Digital-Horizontal.png" ;="" style="width:300px;">
Element selector: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"
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 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
-
<a href="https://tricountytech.edu/adult/">LEARN MORE</a>
Element selector:#adult > button > a: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
#adult > button
-
Element's background color could not be determined due to a background image
-
<a href="https://tricountytech.edu/services">LEARN MORE</a>
Element selector:#community-ed > button > a: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
#community-ed > button
-
Element's background color could not be determined due to a background image
-
<i>Welcome to Tri County Tech</i>
Element selector:div:nth-child(4) > .container[role="document"] > div[role="main"] > .mission-section.row > .span12 > .homepage-block > h2 > i
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
body > div:nth-child(4)
-
Element's background color could not be determined due to a background gradient
-
<h4 style="color:#ffffff; font-size:14px; font-weight:300; line-height:22px; text-align:center;">
Element selector:div:nth-child(4) > .container[role="document"] > div[role="main"] > .mission-section.row > .span12 > .homepage-block > h4
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
body > div:nth-child(4)
-
Element's background color could not be determined due to a background gradient
-
<a style="color:#ffffff; font-weight:600;" href="https://tricountytech.edu/adult/">adult programs</a>
Element selector:h4 > a:nth-child(1)
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
body > div:nth-child(4)
-
Element's background color could not be determined due to a background gradient
-
<a style="color:#ffffff; font-weight:600;" href="https://tricountytech.edu/highschool/">High school programs</a>
Element selector:h4 > a:nth-child(2)
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
body > div:nth-child(4)
-
Element's background color could not be determined due to a background gradient
-
<a style="color:#ffffff; font-weight:600;" href="https://tricountytech.edu/services/catering/">on-site catering</a>
Element selector:h4 > a:nth-child(5)
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
body > div:nth-child(4)
-
Element's background color could not be determined due to a background gradient
-
<a style="color:#ffffff; font-weight:600;" href="https://tricountytech.edu/services/culinary-hospitality/">event spaces</a>
Element selector:a:nth-child(6)
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
body > div:nth-child(4)
-
Element's background color could not be determined due to a background gradient
-
<a style="color:#ffffff; font-weight:600;" href="https://tricountytech.edu/services/salon/">full-service salon</a>
Element selector:a:nth-child(7)
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
body > div:nth-child(4)
-
Element's background color could not be determined due to a background gradient
-
<a style="color:#ffffff; font-weight:600;" href="https://tricountytech.edu/services/dental-hygiene/">dental hygiene clinic</a>
Element selector:a:nth-child(8)
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
body > div:nth-child(4)
-
Element's background color could not be determined due to a background gradient
-
<a style="color:#ffffff; font-weight:600;" href="https://tricountytech.edu/business-training/">business training</a>
Element selector:a:nth-child(9)
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
body > div:nth-child(4)
-
Element's background color could not be determined due to a background gradient
-
<a style="color:#ffffff; font-weight:600;" href="https://tricountytech.edu/business-training/sc/">incubator services</a>
Element selector:a:nth-child(10)
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
body > div:nth-child(4)
-
Element's background color could not be determined due to a background gradient
-
<a style="color:#ffffff; font-weight:600;" href="https://tricountytech.edu/business-training/sc/">customized training</a>
Element selector:a:nth-child(11)
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background gradient
body > div:nth-child(4)
-
Element's background color could not be determined due to a background gradient
-
<p>
Element selector:.span4:nth-child(2) > .post-content.row > .span4:nth-child(2) > p
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it partially overlaps other elements
-
<p>
Element selector:.span4:nth-child(3) > .post-content.row > .span4:nth-child(2) > p
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it partially overlaps other elements
-
<p>
Element selector:.span4:nth-child(4) > .post-content.row > .span4:nth-child(2) > p
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it partially overlaps other elements
-
<i>Leaving a Legacy by Investing in a Brighter Tomorrow</i>
Element selector:div:nth-child(6) > .container[role="document"] > div[role="main"] > .mission-section.row > .span12 > .homepage-block > h2 > i
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
div:nth-child(6) > .container[role="document"] > div[role="main"] > .mission-section.row > .span12 > .homepage-block
body > div:nth-child(6)
-
Element's background color could not be determined due to a background image
-
<h4 style="color:#15556c; font-size:14px; font-weight:400; line-height:22px;">
Element selector:div:nth-child(6) > .container[role="document"] > div[role="main"] > .mission-section.row > .span12 > .homepage-block > h4
Failing checks (At least one of these should pass)
-
Element's background color could not be determined due to a background image
div:nth-child(6) > .container[role="document"] > div[role="main"] > .mission-section.row > .span12 > .homepage-block
body > div:nth-child(6)
-
Element's background color could not be determined due to a background image
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="https://tricountytech.edu/okacte-new-teacher-of-the-year">Continued</a>
Element selector:.span4:nth-child(2) > .post-content.row > .span4:nth-child(2) > p > a
Failing checks (At least one of these should pass)
-
Element's foreground contrast ratio could not be determined
.span4:nth-child(2) > .post-content.row > .span4:nth-child(2) > p
-
Element's foreground contrast ratio could not be determined
-
<a href="https://tricountytech.edu/tri-county-tech-awarded-15000-grant-by-the-oklahoma-aeronautics-commission">Continued</a>
Element selector:.span4:nth-child(3) > .post-content.row > .span4:nth-child(2) > p > a
Failing checks (At least one of these should pass)
-
Element's foreground contrast ratio could not be determined
.span4:nth-child(3) > .post-content.row > .span4:nth-child(2) > p
-
Element's foreground contrast ratio could not be determined
-
<a href="https://tricountytech.edu/tri-county-tech-foundation-receives-sapphire-legacy-scholarship-endowment">Continued</a>
Element selector:.span4:nth-child(4) > .post-content.row > .span4:nth-child(2) > p > a
Failing checks (At least one of these should pass)
-
Element's foreground contrast ratio could not be determined
.span4:nth-child(4) > .post-content.row > .span4:nth-child(2) > p
-
Element's foreground contrast ratio could not be determined
Elements must only use permitted ARIA attributes
Ensures ARIA attributes are not prohibited for an element's role. Axe Reference
-
<div class="soliloquy-controls-direction" aria-label="carousel buttons" aria-controls="soliloquy-container-13395">
Element selector:.soliloquy-controls-direction
Failing checks (All of these should pass)
- aria-label attribute is not well supported on a div with no valid role attribute.
IDs used in ARIA and labels must be unique
Ensures every id attribute value used in ARIA and in labels is unique. Axe Reference
-
<input type="text" value="" name="s" id="s" class="search-query">
Element selector:.pull-right > .search-query[type="text"][value=""]
Failing checks (At least one of these should pass)
-
Document has multiple elements referenced with ARIA with the same id attribute: s
input[placeholder="Search Tri County Tech"]
-
Document has multiple elements referenced with ARIA with the same id attribute: s