Page Scan Results:

Business Development

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

1. <a href="https://tricountytech.edu/bbdc/">Learn More</a>

   Element selector:

   #section-1 > 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-1 > p:nth-child(6) > button

2. <a href="https://tricountytech.edu/nbdc/">Learn More</a>

   Element selector:

   #section-2 > 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-2 > p:nth-child(6) > button

3. <a href="https://tricountytech.edu/pbdc/">Learn More</a>

   Element selector:

   #section-3 > 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-3 > p:nth-child(6) > button

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

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

   Element selector:

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

6. <h2 class="widgettitle">Our Campuses</h2>

   Element selector:

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

7. <a href="https://tricountytech.edu/aboutus">Bartlesville Main Campus</a>

   Element selector:

   .menu-bartlesville-main-campus > 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

8. <a href="https://tricountytech.edu/business/pbdc">Pawhuska Business Development Center</a>

   Element selector:

   .menu-pawhuska-business-development-center > 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

9. <a href="https://tricountytech.edu/business/nbdc">Nowata Business Development Center</a>

   Element selector:

   .menu-nowata-business-development-center > 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. <h2 class="widgettitle">Follow us on Facebook</h2>

    Element selector:

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

11. <h2 class="widgettitle">Program Resources</h2>

    Element selector:

    #nav_menu-2 > .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/adult/accounting">Accounting</a>

    Element selector:

    .menu-accounting > 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/adult/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

14. <a href="https://tricountytech.edu/adult/comp-tia-a">Computer Technology: CompTIA A+</a>

    Element selector:

    .menu-computer-technology-comptia-a > 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/adult/comptia-itf">Computer Technology: CompTIA ITF+</a>

    Element selector:

    .menu-computer-technology-comptia-itf > 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/adult/flex-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/adult/emt">Emergency Medical Technician | EMT</a>

    Element selector:

    .menu-emergency-medical-technician-emt > 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/adult/mos">Medical Office Specialist</a>

    Element selector:

    .menu-medical-office-specialist > 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/adult/comp-tia-net">Networking Technology: CompTIA Network+</a>

    Element selector:

    .menu-networking-technology-comptia-network > 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/adult/comptia-security">Networking Technology: CompTIA Security+</a>

    Element selector:

    .menu-networking-technology-comptia-security > 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/adult/paramedic">Paramedic</a>

    Element selector:

    .menu-paramedic > 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 links have discernible text. Axe Reference

1. <a href="https://tricountytech.edu/bbdc/"></a>

   Element selector:

   #section-1 > 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/bbdc/"></a>

   Element selector:

   #section-1 > 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/nbdc/"></a>

   Element selector:

   #section-2 > 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/nbdc/"></a>

   Element selector:

   #section-2 > 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

5. <a href="https://tricountytech.edu/pbdc/"></a>

   Element selector:

   #section-3 > 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

6. <a href="https://tricountytech.edu/pbdc/"></a>

   Element selector:

   #section-3 > 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

Ensures <li> elements are used semantically. Axe Reference

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

   Element selector:

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

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

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

   Element selector:

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

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

3. <li id="custom_html-14" class="widget_text widget-5 widget widget_custom_html">

   Element selector:

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

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

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

   Element selector:

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

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

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:300px;"><br>
   <a href="https://tricountytech.edu/bbdc/">Learn More</a><br>
   </button>

   Element selector:

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

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

2. <button type="button" style="width:300px;"><br>
   <a href="https://tricountytech.edu/nbdc/">Learn More</a><br>
   </button>

   Element selector:

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

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

3. <button type="button" style="width:300px;"><br>
   <a href="https://tricountytech.edu/pbdc/">Learn More</a><br>
   </button>

   Element selector:

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

   • Element has focusable descendants #section-3 > 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"

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

1. <a href="https://tricountytech.edu/bbdc/">
   <h2>Bartlesville Business Development Center</h2>
   </a>

   Element selector:

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

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

2. <a href="https://tricountytech.edu/nbdc/">
   <h2>The Nowata Business Development Center</h2>
   </a>

   Element selector:

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

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

3. <a href="https://tricountytech.edu/pbdc/">
   <h2>The Pawhuska Business Development Center</h2>
   </a>

   Element selector:

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

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

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

1. <h1>Business Development</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"]