Page Scan Results:

Community & Mental Health Resources

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

1. <a href="https://www.middeltech.com">Home</a>

   Element selector:

   .breadcrumb-item:nth-child(1) > a[href$="www.middeltech.com"]
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.2 (foreground color: #f2622d, background color: #ffffff, font size: 10.0pt (13.3333px), font weight: normal). Expected contrast ratio of 4.5:1 body

2. <a href="https://www.mid-del.net/page/homeless-education-program" target="_blank" title="LEARN MORE" class=" btn btn-secondary" rel="noopener">
   LEARN MORE </a>

   Element selector:

   a[title="LEARN MORE"]
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.2 (foreground color: #ffffff, background color: #f2622d, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 a[title="LEARN MORE"]

3. <a href="https://mid-delyouth.org/" target="_blank" rel="noopener">Mid-Del Youth and Family</a>

   Element selector:

   a[href$="mid-delyouth.org/"]
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.2 (foreground color: #f2622d, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 body

4. <a href="http://www.crisischat.org" target="_blank" rel="noopener">www.crisischat.org</a>

   Element selector:

   p:nth-child(18) > a[href$="www.crisischat.org"][rel="noopener"][target="_blank"]
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.2 (foreground color: #f2622d, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 body

5. <a href="http://www.crisischat.org" target="_blank" rel="noopener">www.crisischat.org</a>

   Element selector:

   p:nth-child(19) > a[href$="www.crisischat.org"][rel="noopener"][target="_blank"]
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.2 (foreground color: #f2622d, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 body

6. <a href="https://www.thetrevorproject.org" target="_blank" rel="noopener">https://www.thetrevorproject.org</a>

   Element selector:

   p:nth-child(21) > a[rel="noopener"][target="_blank"]
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.2 (foreground color: #f2622d, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 body

7. <small>©2023 - Mid-Del Technology Center. Website designed &amp; developed by <a href="https://back40design.com" target="_blank">Back40 Design</a>. <a href="/privacy-policy">Privacy Policy</a></small>

   Element selector:

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

   • Element has insufficient color contrast of 3.2 (foreground color: #ffffff, background color: #f2622d, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .B40-info

8. <a href="https://back40design.com" target="_blank">Back40 Design</a>

   Element selector:

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

   • Element has insufficient color contrast of 3.2 (foreground color: #ffffff, background color: #f2622d, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .B40-info

9. <a href="/privacy-policy">Privacy Policy</a>

   Element selector:

   a[href$="privacy-policy"]
   Failing checks (At least one of these should pass)

   • Element has insufficient color contrast of 3.2 (foreground color: #ffffff, background color: #f2622d, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 .B40-info

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

1. <img decoding="async" data-src="https://www.middeltech.com/wp-content/uploads/2022/05/facebook-1.png" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">

   Element selector:

   a[title="Facebook"] > .lazyload[decoding="async"]
   Failing checks (At least one of these should pass)

   • Element does not have an alt attribute
   • aria-label attribute does not exist or is empty
   • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
   • Element has no title attribute
   • Element's default semantics were not overridden with role="none" or role="presentation"

2. <img decoding="async" data-src="https://www.middeltech.com/wp-content/uploads/2022/05/twitter-1.png" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">

   Element selector:

   a[title="Twitter"] > .lazyload[decoding="async"]
   Failing checks (At least one of these should pass)

   • Element does not have an alt attribute
   • aria-label attribute does not exist or is empty
   • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
   • Element has no title attribute
   • Element's default semantics were not overridden with role="none" or role="presentation"

3. <img decoding="async" data-src="https://www.middeltech.com/wp-content/uploads/2022/05/instagram-1.png" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">

   Element selector:

   a[title="Instagram"] > .lazyload[decoding="async"]
   Failing checks (At least one of these should pass)

   • Element does not have an alt attribute
   • aria-label attribute does not exist or is empty
   • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
   • Element has no title attribute
   • Element's default semantics were not overridden with role="none" or role="presentation"

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

1. <a href="#"><img src="https://cdn.gtranslate.net/flags/svg/auto.svg" height="32" width="32" alt="auto"> undefined</a>

   Element selector:

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

   • Element's background color could not be determined due to a background gradient .gt_selected

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

1. <input type="search" id="is-search-input-5587" name="s" value="" class="is-search-input" placeholder="Search here..." autocomplete="off">

   Element selector:

   #searchCollapse > .top-nav-widget > div > .top-nav-search > form > label > .is-search-input[type="search"][name="s"]
   Failing checks (At least one of these should pass)

   • Document has multiple elements referenced with ARIA with the same id attribute: is-search-input-5587 .search-mobile > .top-nav-widget > div > .top-nav-search > form > label > .is-search-input[type="search"][name="s"]