Page Scan Results:

Workforce Training

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

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

4. <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/07/BDT_Front1-scaled-e1664817678523.jpg" class=" lazyloaded" src="https://www.middeltech.com/wp-content/uploads/2022/07/BDT_Front1-scaled-e1664817678523.jpg">

   Element selector:

   .lazyloaded
   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/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"

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

4. <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. <button type="button" role="tab" id="slick-slide-control00" aria-controls="slick-slide00" aria-label="1 of 8" tabindex="0" aria-selected="true">1</button>

   Element selector:

   #slick-slide-control00
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a pseudo element #slick-slide-control00

2. <button type="button" role="tab" id="slick-slide-control01" aria-controls="slick-slide01" aria-label="2 of 8" tabindex="-1">2</button>

   Element selector:

   #slick-slide-control01
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a pseudo element #slick-slide-control01

3. <button type="button" role="tab" id="slick-slide-control02" aria-controls="slick-slide02" aria-label="3 of 8" tabindex="-1">3</button>

   Element selector:

   #slick-slide-control02
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a pseudo element #slick-slide-control02

4. <button type="button" role="tab" id="slick-slide-control03" aria-controls="slick-slide03" aria-label="4 of 8" tabindex="-1">4</button>

   Element selector:

   #slick-slide-control03
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a pseudo element #slick-slide-control03

5. <button type="button" role="tab" id="slick-slide-control04" aria-controls="slick-slide04" aria-label="5 of 8" tabindex="-1">5</button>

   Element selector:

   #slick-slide-control04
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a pseudo element #slick-slide-control04

6. <button type="button" role="tab" id="slick-slide-control05" aria-controls="slick-slide05" aria-label="6 of 8" tabindex="-1">6</button>

   Element selector:

   #slick-slide-control05
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a pseudo element #slick-slide-control05

7. <button type="button" role="tab" id="slick-slide-control06" aria-controls="slick-slide06" aria-label="7 of 8" tabindex="-1">7</button>

   Element selector:

   #slick-slide-control06
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a pseudo element #slick-slide-control06

8. <button type="button" role="tab" id="slick-slide-control07" aria-controls="slick-slide07" aria-label="8 of 8" tabindex="-1">8</button>

   Element selector:

   #slick-slide-control07
   Failing checks (At least one of these should pass)

   • Element's background color could not be determined due to a pseudo element #slick-slide-control07

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