Page Scan Results:
Early Learning Lab

https://tricountytech.edu/services/childcare

Known Issues - These "violations" have been flagged as problematic by Axe, our accessibility scanner. Axe's "no false positives" philosophy means that if it's shown here, it's likely a problem to someone.

Known Issues on This Page

Elements must meet minimum color contrast ratio thresholds

serious

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

Rule type: WCAG 2.0 AA, WCAG SC 1.4.3, EN-301-549, EN-9.1.4.3, ACT
  1. <a href="https://tricountytech.edu/contact-us/" class="apply-button" style="background-color:#569bbe">Contact Us</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. <a href="https://www.naeyc.org/">NAEYC</a>
    Element selector:
    a[href$="naeyc.org/"]
    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://lookerstudio.google.com/u/0/reporting/8fe21e59-7789-42bd-b714-88b7e810f8bd/page/HsJZD" rel="noopener" target="_blank">top-tier training</a>
    Element selector:
    p:nth-child(2) > a[rel="noopener"][target="_blank"]
    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. <a href="https://tricountytech.typeform.com/to/ROKxvLaV" target="_blank">Early Learning Lab Application</a>
    Element selector:
    #section-1 > p:nth-child(3) > a[target="_blank"]
    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
  5. <a href="https://tricountytech.edu/our-staff" rel="noopener" target="_blank">Early Learning Lab educators</a>
    Element selector:
    p:nth-child(3) > a[rel="noopener"][target="_blank"]
    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="mailto:jolene.bryant@tricountytech.edu">Email</a>
    Element selector:
    .span3:nth-child(1) > .homepage-blocks-1 > h4 > a:nth-child(2)
    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.2pt (16.25px), font weight: normal). Expected contrast ratio of 4.5:1 .span3:nth-child(1) > .homepage-blocks-1
  7. <a href="tel:9183313234">918.331.3234</a>
    Element selector:
    .span3:nth-child(1) > .homepage-blocks-1 > h4 > a[href="tel:9183313234"]
    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.2pt (16.25px), font weight: normal). Expected contrast ratio of 4.5:1 .span3:nth-child(1) > .homepage-blocks-1
  8. <a href="mailto:Jennifer.Savala@TriCountyTech.edu">Email</a>
    Element selector:
    .span3:nth-child(2) > .homepage-blocks-1 > h4 > a:nth-child(2)
    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.2pt (16.25px), font weight: normal). Expected contrast ratio of 4.5:1 .span3:nth-child(2) > .homepage-blocks-1
  9. <a href="tel:9183313234">918.331.3234</a>
    Element selector:
    .span3:nth-child(2) > .homepage-blocks-1 > h4 > a[href="tel:9183313234"]
    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.2pt (16.25px), font weight: normal). Expected contrast ratio of 4.5:1 .span3:nth-child(2) > .homepage-blocks-1
  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="wp-block-heading" id="h-be-in-the-know">Be in the Know!</h2>
    Element selector:
    #h-be-in-the-know
    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. <h2 class="widgettitle">Resources</h2>
    Element selector:
    #nav_menu-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
  13. <a href="https://docs.google.com/document/d/1LFWxTxbib-ZqO6pGEs4NybisRW_J55ZmGs1GEe3df5o/edit?usp=sharing">ELL 2023-24 Annual Calendar</a>
    Element selector:
    .menu-ell-2023-24-annual-calendar > 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.typeform.com/to/ROKxvLaV">ELL Waiting List Application</a>
    Element selector:
    .menu-ell-waiting-list-application > 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://docs.google.com/document/d/e/2PACX-1vR4FY5hbkp5IothOb-1M6LTj_wLZdPrWd1xMN091mG8lOI6f_rziYYw9MC4MTCZ5TyVmp4P7rvt7C0j/pub">ELL Parent Handbook</a>
    Element selector:
    .menu-ell-parent-handbook > 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="http://www.cpsc.gov/">Safety Recalls</a>
    Element selector:
    a[href$="cpsc.gov/"]
    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. <h2 class="widgettitle">Subscribe</h2>
    Element selector:
    #ctct_form-3 > .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. <label for="first_name___185b795264e09a98fe0f4e47e70e8e90_0_1671411935">First Name </label>
    Element selector:
    .ctct-form-field-text.ctct-form-field:nth-child(1) > span > label
    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. <label for="last_name___7844763b59c9491b69645b716220aad7_0_2684467968">Last Name </label>
    Element selector:
    .ctct-form-field-text.ctct-form-field:nth-child(2) > span > label
    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. <label for="company___ad452c6bb894eed7c605c8ef4d5ee8cb_0_52711970">Company </label>
    Element selector:
    .ctct-form-field-text.ctct-form-field:nth-child(3) > span > label
    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. <label for="email___3c59495a3edf2d27cd20fc1987544522_0_2208440198">Email (required) <abbr title="required">*</abbr></label>
    Element selector:
    .ctct-form-field-email > span > label
    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. <small>
    Element selector:
    small
    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: 8.3pt (11.05px), font weight: normal). Expected contrast ratio of 4.5:1 body
  23. <a href="https://www.constantcontact.com/legal/service-provider" target="_blank" rel="noopener noreferrer">Emails are serviced by Constant Contact</a>
    Element selector:
    a[rel="noopener noreferrer"]
    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/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
  25. <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
  26. <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
  27. <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
  28. <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
  29. <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)
  30. <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)
  31. <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)
  32. <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)
  33. <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)
  34. <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)
  35. <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
  36. <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
  37. <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
  38. <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

<li> elements must be contained in a <ul> or <ol>

serious

Ensures <li> elements are used semantically. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 1.3.1, EN-301-549, EN-9.1.3.1
  1. <li id="block-7" class="widget-1 widget-first widget widget_block">
    <h2 class="wp-block-heading" id="h-be-in-the-know">Be in the Know!</h2>
    </li>
    Element selector:
    #block-7
    Failing checks (At least one of these should pass)
    • List item does not have a <ul>, <ol> parent element
  2. <li id="block-6" class="widget-2 widget widget_block">
    Element selector:
    #block-6
    Failing checks (At least one of these should pass)
    • List item does not have a <ul>, <ol> parent element
  3. <li id="nav_menu-14" class="widget-3 widget widget_nav_menu">
    Element selector:
    #nav_menu-14
    Failing checks (At least one of these should pass)
    • List item does not have a <ul>, <ol> parent element
  4. <li id="ctct_form-3" class="widget-4 widget-last widget ">
    Element selector:
    #ctct_form-3
    Failing checks (At least one of these should pass)
    • List item does not have a <ul>, <ol> parent element

ARIA commands must have an accessible name

serious

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

Rule type: WCAG 2.0 A, WCAG SC 4.1.2, EN-301-549, EN-9.4.1.2, ACT
  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

Frames must have an accessible name

serious

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

Rule type: WCAG 2.0 A, WCAG SC 4.1.2, Old Section 508, EN-301-549, EN-9.4.1.2
  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[frameborder="0"][height="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[frameborder="0"][height="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"