Page Scan Results:

https://www.middeltech.com/ Scanned Sep. 17, 2023 at 9:06 PM

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 Summary

Images must have alternate text: 10
Elements must meet minimum color contrast ratio thresholds: 6

Known Issues on This Page

Images must have alternate text

critical

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

Rule type: WCAG 2.0 A, WCAG SC 1.1.1, Old Section 508, EN-301-549, EN-9.1.1.1, ACT

```
<img decoding="async" data-src="https://www.middeltech.com/wp-content/uploads/2023/07/Screenshot-2023-07-05-at-9.13.32-AM.png" class=" lazyloaded" src="https://www.middeltech.com/wp-content/uploads/2023/07/Screenshot-2023-07-05-at-9.13.32-AM.png">
```
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"
```
<img decoding="async" data-src="https://www.middeltech.com/wp-content/uploads/2022/05/unsplash_IgUR1iX0mqM.png" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
```
Element selector:
.block-image:nth-child(1) > .block-image-clipper > .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"
```
<img decoding="async" data-src="https://www.middeltech.com/wp-content/uploads/2022/05/unsplash_k9Dc5zT1Gq0.png" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
```
Element selector:
.block-image:nth-child(2) > .block-image-clipper > .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"
```
<img decoding="async" data-src="https://www.middeltech.com/wp-content/uploads/2022/05/Marketing-Agency-Research.jpeg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
```
Element selector:
.block-image:nth-child(3) > .block-image-clipper > .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"
```
<img decoding="async" data-src="https://www.middeltech.com/wp-content/uploads/2022/05/cpr.png" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
```
Element selector:
.block-image.aos-init[data-aos="fade-left"]:nth-child(1) > .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"
```
<img decoding="async" data-src="https://www.middeltech.com/wp-content/uploads/2022/05/mechanic.png" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
```
Element selector:
.block-image.aos-init[data-aos="fade-left"]:nth-child(2) > .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"
```
<img decoding="async" data-src="https://www.middeltech.com/wp-content/uploads/2022/06/network-student-e1663082708244.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
```
Element selector:
.block-image.aos-init[data-aos="fade-left"]:nth-child(3) > .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"
```
<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"
```
<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"
```
<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"

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

```
<div class="cff-date ">
7 hours ago </div>
```
Element selector:
#cff_133987115762_799552995506682 > .cff-author > .cff-author-text > .cff-date
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.93 (foreground color: #9197a3, background color: #ffffff, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1 #cff_133987115762_799552995506682
```
<div class="cff-date ">
1 day ago </div>
```
Element selector:
#cff_133987115762_798913668903948 > .cff-author > .cff-author-text > .cff-date
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.93 (foreground color: #9197a3, background color: #ffffff, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1 #cff_133987115762_798913668903948
```
<div class="cff-date ">
1 day ago </div>
```
Element selector:
#cff_133987115762_798800515581930 > .cff-author > .cff-author-text > .cff-date
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 2.93 (foreground color: #9197a3, background color: #ffffff, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1 #cff_133987115762_798800515581930
```
<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
```
<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
```
<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

Needs Review - These "incomplete" issues may be problematic, but couldn't be completely tested automatically. They should be reviewed by a real person.

Needs Review Summary

Elements must meet minimum color contrast ratio thresholds: 14
IDs used in ARIA and labels must be unique: 1

Needs Review 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

```
<button class="btn btn-primary">
Check Out Our Short-Term Courses Here! </button>
```
Element selector:
a[target="_blank"] > .btn-primary
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
```
<button type="button" role="tab" id="slick-slide-control00" aria-controls="slick-slide00" aria-label="1 of 3" 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
```
<button type="button" role="tab" id="slick-slide-control01" aria-controls="slick-slide01" aria-label="2 of 3" 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
```
<button type="button" role="tab" id="slick-slide-control02" aria-controls="slick-slide02" aria-label="3 of 3" 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
```
<span class="cff-count">13</span>
```
Element selector:
#\31 33987115762_799552995506682 > .cff-meta.cff-auto > .cff-likes > .cff-count
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #\31 33987115762_799552995506682
```
<span class="cff-count">2</span>
```
Element selector:
#\31 33987115762_799552995506682 > .cff-meta.cff-auto > .cff-shares > .cff-count
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #\31 33987115762_799552995506682
```
<span class="cff-count">0</span>
```
Element selector:
#\31 33987115762_799552995506682 > .cff-meta.cff-auto > .cff-comments > .cff-count
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #\31 33987115762_799552995506682
```
<span class="cff-count">0</span>
```
Element selector:
#\31 33987115762_798913668903948 > .cff-meta.cff-auto > .cff-likes > .cff-count
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #\31 33987115762_798913668903948
```
<span class="cff-count">0</span>
```
Element selector:
#\31 33987115762_798913668903948 > .cff-meta.cff-auto > .cff-shares > .cff-count
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #\31 33987115762_798913668903948
```
<span class="cff-count">0</span>
```
Element selector:
#\31 33987115762_798913668903948 > .cff-meta.cff-auto > .cff-comments > .cff-count
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #\31 33987115762_798913668903948
```
<span class="cff-count">12</span>
```
Element selector:
#\31 33987115762_798800515581930 > .cff-meta.cff-auto > .cff-likes > .cff-count
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #\31 33987115762_798800515581930
```
<span class="cff-count">1</span>
```
Element selector:
#\31 33987115762_798800515581930 > .cff-meta.cff-auto > .cff-shares > .cff-count
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #\31 33987115762_798800515581930
```
<span class="cff-count">2</span>
```
Element selector:
#\31 33987115762_798800515581930 > .cff-meta.cff-auto > .cff-comments > .cff-count
Failing checks (At least one of these should pass)
- Element's background color could not be determined due to a pseudo element #\31 33987115762_798800515581930
```
<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

IDs used in ARIA and labels must be unique

critical

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

Rule type: WCAG 2.0 A, WCAG SC 4.1.2, EN-301-549, EN-9.4.1.2

```
<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"]