Page Scan Results:

(No H1 element on page)

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

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

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

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

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

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

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

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

8. <a href="https://tricountytech.edu/staff/tara-stevens/">Tara Stevens, Director of HR &amp; 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)

9. <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)

10. <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)

11. <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)

12. <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)

13. <i>BUSINESS TRAINING&nbsp;</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

14. <i>EMPLOYMENT&nbsp;</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

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

16. <i>STUDENT RESOURCES&nbsp;</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

Ensures links have discernible text. Axe Reference

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

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

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

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

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

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

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

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

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

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

3. <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)

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

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

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

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

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

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

3. <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)

4. <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)

5. <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)

6. <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)

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

8. <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)

9. <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)

10. <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)

11. <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)

12. <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)

13. <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)

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

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

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

17. <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)

18. <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)

Ensure links are distinguished from surrounding text in a way that does not rely on color. Axe Reference

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's foreground contrast ratio could not be determined .span4:nth-child(2) > .post-content.row > .span4:nth-child(2) > p

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

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

Ensures ARIA attributes are not prohibited for an element's role. Axe Reference

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

Ensures every id attribute value used in ARIA and in labels is unique. Axe Reference

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