Page Scan Results:

Mid-Del Tech RISE Program

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.middeltech.com/student-services/">Student Services</a>

   Element selector:

   .breadcrumb-item:nth-child(2) > a
   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

3. <a href="https://www.middeltech.com/student-services/special-programs/">Special Programs</a>

   Element selector:

   .breadcrumb-item:nth-child(3) > a
   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

4. <a href="https://www.middeltech.com/wp-content/uploads/2023/08/MDTC-RISE-Program-Intake-Packet-Aimee-Harden.docx" target="_blank" title="DOWNLOAD RISE Program INTAKE PACKET" class=" btn btn-secondary">
   DOWNLOAD RISE Program INTAKE PACKET </a>

   Element selector:

   .btn-secondary.btn[target="_blank"]
   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 .btn-secondary.btn[target="_blank"]

5. <a href="mailto:chair@mid-del.net">ccounts@mid-del.net</a>

   Element selector:

   a[href$="mailto:chair@mid-del.net"]
   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. <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

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

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