Page Scan Results:

High School Programs

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/application" class="apply-button" style="background-color:#8aba12">Apply Today</a>

   Element selector:

   .apply-button
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 2.3 (foreground color: #ffffff, background color: #8aba12, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1 .apply-button

2. <a href="https://tricountytech.edu/student-resources/okwu-partnership">college credit</a>

   Element selector:

   #section-1 > p:nth-child(3) > a
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.07 (foreground color: #569bbe, background color: #ffffff, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1 #main

3. <a href="https://tricountytech.edu/student-resources/placement">enter the workforce or continue their education</a>

   Element selector:

   #section-1 > p:nth-child(4) > a
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.07 (foreground color: #569bbe, background color: #ffffff, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1 #main

4. <b>NEW</b>

   Element selector:

   h3 > b
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.07 (foreground color: #569bbe, background color: #ffffff, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 4.5:1 a[href$="ep/"] > .span3 > .homepage-blocks-1

5. <a href="https://www.okwu.edu/">OKWU.edu</a>

   Element selector:

   a[href$="okwu.edu/"]
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.07 (foreground color: #569bbe, background color: #ffffff, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1 #main

6. <a href="https://tricountytech.edu/okwu-partnership/" target="_blank">Learn More</a>

   Element selector:

   button > a[target="_blank"]
   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: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1 p:nth-child(3) > button

7. <a href="https://tricountytech.edu/highschool/enrollment">Learn More</a>

   Element selector:

   #section-4 > p:nth-child(6) > button > a
   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: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1 #section-4 > p:nth-child(6) > button

8. <a href="https://tricountytech.edu/student-resources/">Student Resources</a>

   Element selector:

   #section-5 > p:nth-child(6) > button > a
   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: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1 #section-5 > p:nth-child(6) > button

9. <a href="mailto:braden.schovanec@tricountytech.edu">Braden.Schovanec@TriCountyTech.edu</a>

   Element selector:

   p:nth-child(5) > a
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.07 (foreground color: #569bbe, background color: #ffffff, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1 #main

10. <a href="#" class="pull-right">Back to top <i class="icon-circle-arrow-up"></i></a>

    Element selector:

    a[href="#"]
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 3.07 (foreground color: #569bbe, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 #main

11. <h2 class="widgettitle">Programs</h2>

    Element selector:

    #nav_menu-15 > .widgettitle
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 3.07 (foreground color: #569bbe, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1 body

12. <a href="https://tricountytech.edu/highschool/awt">Applied Welding Technology</a>

    Element selector:

    .menu-applied-welding-technology > a
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body

13. <a href="https://tricountytech.edu/highschool/acr">Automotive Collision Repair</a>

    Element selector:

    .menu-automotive-collision-repair > a
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body

14. <a href="https://tricountytech.edu/highschool/ast">Automotive Service Technology</a>

    Element selector:

    .menu-automotive-service-technology > a
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body

15. <a href="https://tricountytech.edu/highschool/crn">Computer Repair &amp; Networking</a>

    Element selector:

    .menu-computer-repair-networking > a
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body

16. <a href="https://tricountytech.edu/highschool/cst">Construction Technology</a>

    Element selector:

    .menu-construction-technology > a
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body

17. <a href="https://tricountytech.edu/highschool/cmc">Creative Marketing</a>

    Element selector:

    .menu-creative-marketing > a
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body

18. <a href="https://tricountytech.edu/highschool/cos">Cosmetology</a>

    Element selector:

    .menu-cosmetology > a
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body

19. <a href="https://tricountytech.edu/highschool/cul">Culinary Arts</a>

    Element selector:

    .menu-culinary-arts > a
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body

20. <a href="https://tricountytech.edu/highschool/da">Drones &amp; Aviation</a>

    Element selector:

    .menu-drones-aviation > a
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body

21. <a href="https://tricountytech.edu/highschool/ece">Early Care &amp; Education</a>

    Element selector:

    .menu-early-care-education > a
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body

22. <a href="https://tricountytech.edu/highschool/ep">Energy &amp; Power</a>

    Element selector:

    .menu-energy-power > a
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body

23. <a href="https://tricountytech.edu/highschool/med">Medicine &amp; Biosciences</a>

    Element selector:

    .menu-medicine-biosciences > a
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body

24. <a href="https://tricountytech.edu/highschool/eng">Pre-Engineering</a>

    Element selector:

    .menu-pre-engineering > a
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body

25. <a href="https://tricountytech.edu/highschool/nrs">Nursing Assistant</a>

    Element selector:

    .menu-nursing-assistant > a
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body

26. <a href="https://tricountytech.edu/highschool/pmo">Precision Machining Operations</a>

    Element selector:

    .menu-precision-machining-operations > a
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body

27. <a href="https://tricountytech.edu/highschool/tpp">Teacher Prep</a>

    Element selector:

    .menu-teacher-prep > a
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body

28. <h2 class="widgettitle">Follow Us on Facebook</h2>

    Element selector:

    #custom_html-10 > .widgettitle
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 3.07 (foreground color: #569bbe, background color: #ffffff, font size: 16.5pt (22px), font weight: normal). Expected contrast ratio of 4.5:1 body

29. <a href="https://tricountytech.edu/services/campus-events">Campus Events</a>

    Element selector:

    .menu-campus-events > a
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body

30. <a href="https://tricountytech.edu/services/catering">Catering Services</a>

    Element selector:

    .menu-catering-services > a
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body

31. <a href="https://tricountytech.edu/services/culinary-hospitality">Culinary &amp; Hospitality</a>

    Element selector:

    #menu-culinary-hospitality > .menu-culinary-hospitality > a
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body

32. <a href="https://tricountytech.edu/services/osage-market">Osage Market</a>

    Element selector:

    #menu-culinary-hospitality > .menu-osage-market > a
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body

33. <a href="https://tricountytech.edu/services/facility-rentals">Room Rentals</a>

    Element selector:

    .menu-room-rentals > a
    Failing checks (At least one of these should pass)

    • Element has insufficient color contrast of 2.43 (foreground color: #a6a6a6, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1 body

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

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

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

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

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

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

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

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

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

43. <i>STUDENT RESOURCES&nbsp;</i>

    Element selector:

    .footer-links > 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/enrollment"></a>

   Element selector:

   #section-4 > p: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/enrollment"></a>

   Element selector:

   #section-4 > p: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

3. <a href="https://tricountytech.edu/student-resources/"></a>

   Element selector:

   #section-5 > p: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

4. <a href="https://tricountytech.edu/student-resources/"></a>

   Element selector:

   #section-5 > p: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

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

1. <a href="https://tricountytech.edu/student-resources/okwu-partnership">college credit</a>

   Element selector:

   #section-1 > p:nth-child(3) > a
   Failing checks (At least one of these should pass)

   • The link has insufficient color contrast of 2.51:1 with the surrounding text. (Minimum contrast is 3:1, link text: #569bbe, surrounding text: #375765) #section-1 > p:nth-child(3)
   • The link has no styling (such as underline) to distinguish it from the surrounding text #section-1 > p:nth-child(3)

2. <a href="https://tricountytech.edu/student-resources/placement">enter the workforce or continue their education</a>

   Element selector:

   #section-1 > p:nth-child(4) > a
   Failing checks (At least one of these should pass)

   • The link has insufficient color contrast of 2.51:1 with the surrounding text. (Minimum contrast is 3:1, link text: #569bbe, surrounding text: #375765) #section-1 > p:nth-child(4)
   • The link has no styling (such as underline) to distinguish it from the surrounding text #section-1 > p:nth-child(4)

3. <a href="https://www.okwu.edu/">OKWU.edu</a>

   Element selector:

   a[href$="okwu.edu/"]
   Failing checks (At least one of these should pass)

   • The link has insufficient color contrast of 2.51:1 with the surrounding text. (Minimum contrast is 3:1, link text: #569bbe, surrounding text: #375765) #section-3 > p:nth-child(2)
   • The link has no styling (such as underline) to distinguish it from the surrounding text #section-3 > p:nth-child(2)

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="width:320px;"><br>
   <a href="https://tricountytech.edu/okwu-partnership/" target="_blank">Learn More</a><br>
   </button>

   Element selector:

   p:nth-child(3) > button
   Failing checks (At least one of these should pass)

   • Element has focusable descendants button > a[target="_blank"]

2. <button type="button" style="margin-top:0px; margin-bottom:10px; width:300px;"><br>
   <a href="https://tricountytech.edu/highschool/enrollment">Learn More</a><br>
   </button>

   Element selector:

   #section-4 > p:nth-child(6) > button
   Failing checks (At least one of these should pass)

   • Element has focusable descendants #section-4 > p:nth-child(6) > button > a

3. <button type="button" style="margin-top:0px; margin-bottom:10px; width:300px;"><br>
   <a href="https://tricountytech.edu/student-resources/">Student Resources</a><br>
   </button>

   Element selector:

   #section-5 > p:nth-child(6) > button
   Failing checks (At least one of these should pass)

   • Element has focusable descendants #section-5 > p:nth-child(6) > button > a

Ensures every ARIA button, link and menuitem has an accessible name. Axe Reference

1. <a role="button" style="
   all: initial;
   z-index: 10000;
   outline: none;
   border: none;
   position: fixed;
   height: 54px;
   width: 54px;
   bottom: 16px;
   right: 16px;
   border-radius: 50%;
   transition: all 0.3s ease-out;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   background: #569BBE;
   box-shadow: none;
   ">

   Element selector:

   a[role="button"]:nth-child(45)
   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

2. <a role="button" style="
   all: initial;
   z-index: 10000;
   outline: none;
   border: none;
   position: fixed;
   height: 54px;
   width: 54px;
   bottom: 16px;
   right: 16px;
   border-radius: 50%;
   transition: all 0.3s ease-out;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   background: #569BBE;
   box-shadow: none;
   ">

   Element selector:

   a[role="button"]:nth-child(47)
   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

Ensures <iframe> and <frame> elements have an accessible name. Axe Reference

1. <iframe class="cui-embed-frame" id="cui-biGrzP" src="https://admin.typeform.com/c/biGrzP?typeform-cui-avatar=&amp;typeform-cui-transparency=&amp;typeform-embed=cui-pill&amp;typeform-medium=embed-cui_pill&amp;typeform-client=conversations" frameborder="0" height="100%" width="100%" style="display: block; z-index: 2147483647;">

   Element selector:

   article[data-cui-injected="true"]:nth-child(44) > .cui-embed-frame[height="100%"][width="100%"]
   Failing checks (At least one of these should pass)

   • Element has no title 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's default semantics were not overridden with role="none" or role="presentation"

2. <iframe class="cui-embed-frame" id="cui-biGrzP" src="https://admin.typeform.com/c/biGrzP?typeform-cui-avatar=&amp;typeform-cui-transparency=&amp;typeform-embed=cui-pill&amp;typeform-medium=embed-cui_pill&amp;typeform-client=conversations" frameborder="0" height="100%" width="100%" style="display: block; z-index: 2147483647;">

   Element selector:

   article[data-cui-injected="true"]:nth-child(46) > .cui-embed-frame[height="100%"][width="100%"]
   Failing checks (At least one of these should pass)

   • Element has no title 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's default semantics were not overridden with role="none" or role="presentation"

Ensures <li> elements are used semantically. Axe Reference

1. <li id="nav_menu-15" class="widget-1 widget-first widget widget_nav_menu">

   Element selector:

   #nav_menu-15
   Failing checks (At least one of these should pass)

   • List item does not have a <ul>, <ol> parent element

2. <li id="custom_html-10" class="widget_text widget-2 widget-last widget widget_custom_html">

   Element selector:

   #custom_html-10
   Failing checks (At least one of these should pass)

   • List item does not have a <ul>, <ol> parent element

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

1. <h1>High School Programs</h1>

   Element selector:

   #landing-banner > .container > h1
   Failing checks (At least one of these should pass)

   • Unable to determine contrast ratio

2. <h3 style="font-size: 25px; color:#569bbe; letter-spacing:0px; margin-top:0px; text-align:center;">Enrollment</h3>

   Element selector:

   .span2:nth-child(1) > .homepage-blocks-1 > a > h3
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it's partially obscured by another element .span2:nth-child(1) > .homepage-blocks-1

3. <h3 style="font-size: 25px; color:#569bbe; letter-spacing:0px; margin-top:0px; text-align:center;">Application</h3>

   Element selector:

   .span2:nth-child(4) > .homepage-blocks-1 > a > h3
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it's partially obscured by another element .span2:nth-child(4) > .homepage-blocks-1

4. <h3 style="font-size: 18px; color:#569bbe; letter-spacing:0px; margin-top:10px; text-align:center;">Applied Welding Technology</h3>

   Element selector:

   a[href$="awt/"] > .span3 > .homepage-blocks-1 > h3
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it's partially obscured by another element a[href$="awt/"] > .span3 > .homepage-blocks-1

5. <h3 style="font-size: 18px; color:#569bbe; letter-spacing:0px; margin-top:10px; text-align:center;">Automotive Collision Repair</h3>

   Element selector:

   a[href$="acr/"] > .span3 > .homepage-blocks-1 > h3
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it's partially obscured by another element a[href$="acr/"] > .span3 > .homepage-blocks-1

6. <h3 style="font-size: 18px; color:#569bbe; letter-spacing:0px; margin-top:10px; text-align:center;">Automotive Service Technology</h3>

   Element selector:

   a[href$="ast"] > .span3 > .homepage-blocks-1 > h3
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it's partially obscured by another element a[href$="ast"] > .span3 > .homepage-blocks-1

7. <h3 style="font-size: 18px; color:#569bbe; letter-spacing:0px; margin-top:10px; text-align:center;">Computer Repair &amp; Networking</h3>

   Element selector:

   a[href$="crn/"] > .span3 > .homepage-blocks-1 > h3
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it's partially obscured by another element a[href$="crn/"] > .span3 > .homepage-blocks-1

8. <h3 style="font-size: 18px; color:#569bbe; letter-spacing:0px; margin-top:10px; text-align:center;">Construction Technology</h3>

   Element selector:

   a[href$="cst/"] > .span3 > .homepage-blocks-1 > h3
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it's partially obscured by another element a[href$="cst/"] > .span3 > .homepage-blocks-1

9. <h3 style="font-size: 18px; color:#569bbe; letter-spacing:0px; margin-top:10px; text-align:center;">Cosmetology</h3>

   Element selector:

   a[href$="cos/"] > .span3 > .homepage-blocks-1 > h3
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined because it's partially obscured by another element a[href$="cos/"] > .span3 > .homepage-blocks-1

10. <h3 style="font-size: 18px; color:#569bbe; letter-spacing:0px; margin-top:10px; text-align:center;">Creative Communications</h3>

    Element selector:

    a[href$="cmc/"] > .span3 > .homepage-blocks-1 > h3
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because it's partially obscured by another element a[href$="cmc/"] > .span3 > .homepage-blocks-1

11. <h3 style="font-size: 18px; color:#569bbe; letter-spacing:0px; margin-top:10px; text-align:center;">Culinary Arts</h3>

    Element selector:

    a[href$="cul/"] > .span3 > .homepage-blocks-1 > h3
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because it's partially obscured by another element a[href$="cul/"] > .span3 > .homepage-blocks-1

12. <h3 style="font-size: 18px; color:#569bbe; letter-spacing:0px; margin-top:10px; text-align:center;">Drones &amp; Aviation</h3>

    Element selector:

    a[href="/highschool/da"] > .span3 > .homepage-blocks-1 > h3
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because it's partially obscured by another element a[href="/highschool/da"] > .span3 > .homepage-blocks-1

13. <h3 style="font-size: 18px; color:#569bbe; letter-spacing:0px; margin-top:10px; text-align:center;">Early Care &amp; Education</h3>

    Element selector:

    a[href$="ece/"] > .span3 > .homepage-blocks-1 > h3
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because it's partially obscured by another element a[href$="ece/"] > .span3 > .homepage-blocks-1

14. <h3 style="font-size: 18px; color:#569bbe; letter-spacing:0px; margin-top:10px; text-align:center;"><b>NEW</b> | Energy &amp; Power</h3>

    Element selector:

    a[href$="ep/"] > .span3 > .homepage-blocks-1 > h3
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because it's partially obscured by another element a[href$="ep/"] > .span3 > .homepage-blocks-1

15. <h3 style="font-size: 18px; color:#569bbe; letter-spacing:0px; margin-top:10px; text-align:center;">Medicine &amp; Biosciences</h3>

    Element selector:

    a[href$="med/"] > .span3 > .homepage-blocks-1 > h3
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because it's partially obscured by another element a[href$="med/"] > .span3 > .homepage-blocks-1

16. <h3 style="font-size: 18px; color:#569bbe; letter-spacing:0px; margin-top:10px; text-align:center;">Pre-Engineering</h3>

    Element selector:

    a[href$="eng/"] > .span3 > .homepage-blocks-1 > h3
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because it's partially obscured by another element a[href$="eng/"] > .span3 > .homepage-blocks-1

17. <h3 style="font-size: 18px; color:#569bbe; letter-spacing:0px; margin-top:10px; text-align:center;">Nursing Assistant</h3>

    Element selector:

    a[href$="nrs/"] > .span3 > .homepage-blocks-1 > h3
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because it's partially obscured by another element a[href$="nrs/"] > .span3 > .homepage-blocks-1

18. <h3 style="font-size: 18px; color:#569bbe; letter-spacing:0px; margin-top:10px; text-align:center;">Precision Machining Operations</h3>

    Element selector:

    a[href$="pmo"] > .span3 > .homepage-blocks-1 > h3
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because it's partially obscured by another element a[href$="pmo"] > .span3 > .homepage-blocks-1

19. <h3 style="font-size: 18px; color:#569bbe; letter-spacing:0px; margin-top:10px; text-align:center;">Teacher Prep</h3>

    Element selector:

    a[href$="tpp/"] > .span3 > .homepage-blocks-1 > h3
    Failing checks (At least one of these should pass)

    • Element's background color could not be determined because it's partially obscured by another element a[href$="tpp/"] > .span3 > .homepage-blocks-1

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

1. <a href="https://tricountytech.edu/highschool/enrollment">
   <h2><b>High School Enrollment</b></h2>
   </a>

   Element selector:

   #section-4 > a
   Failing checks (At least one of these should pass)

   • Element's contrast ratio could not be determined because of element overlap #section-4

2. <a href="https://tricountytech.edu/student-resources/">
   <h2><b>Student Resources</b></h2>
   </a>

   Element selector:

   #section-5 > a
   Failing checks (At least one of these should pass)

   • Element's contrast ratio could not be determined because of element overlap #section-5

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:

   .visible-desktop > .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"]