Page Scan Results:

Tri County Tech Benefits

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

1. <a href="https://tricountytech.edu/contact-us/" class="apply-button" style="background-color:#569bbe">Contact Us Today</a>

   Element selector:

   .apply-button
   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: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1 .apply-button

2. <b>Teacher Retirement</b>

   Element selector:

   a[href$="trs.html"] > 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 #main

3. <a href="https://www.ticketsatwork.com/tickets/">TicketsAtWork.com</a>

   Element selector:

   #section-3 > ul > li:nth-child(2) > 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: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #main

4. <a href="https://www.ramseysolutions.com/corporate-wellness/financial-wellness/whats-included">Dave Ramsey SmartDollar Program</a>

   Element selector:

   #section-3 > ul > li: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: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 #main

5. <a href="https://tricountytech.edu/contact-us">Contact Us</a>

   Element selector:

   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 button

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

7. <h2 class="widgettitle">Be in the Know!</h2>

   Element selector:

   #custom_html-25 > .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

8. <h2 class="widgettitle">Employment Resources</h2>

   Element selector:

   #nav_menu-78 > .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

9. <a href="https://tricountytech.edu/aboutus/employment">Tri County Tech Employment</a>

   Element selector:

   .menu-tri-county-tech-employment > 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

10. <a href="https://tricountytech.edu/aboutus/benefits" aria-current="page">Tri County Tech Employment Benefits</a>

    Element selector:

    .menu-tri-county-tech-employment-benefits > a[aria-current="page"]
    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

11. <a href="https://jobs.jobvite.com/tricountytech/jobAlerts">Job Alert Sign Up</a>

    Element selector:

    .menu-job-alert-sign-up > 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

12. <h2 class="widgettitle">Achievements &amp; Awards</h2>

    Element selector:

    #nav_menu-74 > .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

13. <a href="https://tricountytech.edu/malcolmbaldrige/">Malcolm Baldrige 2018</a>

    Element selector:

    .menu-malcolm-baldrige-2018 > 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/aboutus/great-place-to-work">Great Place to Work® &amp; Fortune</a>

    Element selector:

    .menu-great-place-to-work-fortune > 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/business-of-the-year-2018">Business of Year</a>

    Element selector:

    .menu-business-of-year > 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. <h2 class="widgettitle">Follow Us on Facebook</h2>

    Element selector:

    #custom_html-21 > .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

17. <h2 class="widgettitle">Resources</h2>

    Element selector:

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

18. <a href="https://tricountytech.edu/experiences/act-workshop">Chad Cargill ACT Prep Workshop</a>

    Element selector:

    .menu-chad-cargill-act-prep-workshop > 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/experiences/drivers-education">Driver’s Education</a>

    Element selector:

    #menu-community-education-resources > .menu-drivers-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

20. <a href="https://tricountytech.edu/experiences/transcript-request">Transcript Request</a>

    Element selector:

    #menu-community-education-resources > .menu-transcript-request > 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/?page_id=14599">STEAM Summer Camps</a>

    Element selector:

    .menu-steam-summer-camps > 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/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

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

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

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

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

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

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

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

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

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

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

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

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

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

36. <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 <li> elements are used semantically. Axe Reference

1. <li id="custom_html-25" class="widget_text widget-1 widget-first widget widget_custom_html">

   Element selector:

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

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

2. <li id="nav_menu-78" class="widget-2 widget widget_nav_menu">

   Element selector:

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

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

3. <li id="nav_menu-74" class="widget-3 widget widget_nav_menu">

   Element selector:

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

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

4. <li id="custom_html-21" class="widget_text widget-4 widget widget_custom_html">

   Element selector:

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

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

5. <li id="nav_menu-6" class="widget-5 widget-last widget widget_nav_menu">

   Element selector:

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

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

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"

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

1. <a href="https://www.ticketsatwork.com/tickets/">TicketsAtWork.com</a>

   Element selector:

   #section-3 > ul > li:nth-child(2) > 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-3 > ul > li:nth-child(2)
   • The link has no styling (such as underline) to distinguish it from the surrounding text #section-3 > ul > li: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/contact-us">Contact Us</a><br>
   </button>

   Element selector:

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

   • Element has focusable descendants button > a

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

1. <h1>Tri County Tech Benefits</h1>

   Element selector:

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

   • Unable to determine contrast ratio

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

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

1. <a href="https://oklahoma.gov/trs.html" target="_blank"><b>Teacher Retirement</b></a>

   Element selector:

   a[href$="trs.html"]
   Failing checks (At least one of these should pass)

   • Element's contrast ratio could not be determined because of element overlap #section-3 > p:nth-child(2)