Page Scan Results:

Our Programs and Classes

https://www.middeltech.com/programs-and-classes/?level=56&dur=116&ccat=101 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: 14
Elements must meet minimum color contrast ratio thresholds: 9

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 data-src="https://www.middeltech.com/wp-content/themes/mid-del-theme-2022/assets/images/location.webp" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
```
Element selector:
.class-card.col-12:nth-child(1) > .class-card-detail-wrap > .class-card-location > .lazyload
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 data-src="https://www.middeltech.com/wp-content/themes/mid-del-theme-2022/assets/images/location.webp" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
```
Element selector:
.class-card.col-12:nth-child(2) > .class-card-detail-wrap > .class-card-location > .lazyload
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 data-src="https://www.middeltech.com/wp-content/themes/mid-del-theme-2022/assets/images/location.webp" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
```
Element selector:
.class-card.col-12:nth-child(3) > .class-card-detail-wrap > .class-card-location > .lazyload
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 data-src="https://www.middeltech.com/wp-content/themes/mid-del-theme-2022/assets/images/location.webp" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
```
Element selector:
.class-card.col-12:nth-child(4) > .class-card-detail-wrap > .class-card-location > .lazyload
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 data-src="https://www.middeltech.com/wp-content/themes/mid-del-theme-2022/assets/images/location.webp" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
```
Element selector:
.class-card.col-12:nth-child(5) > .class-card-detail-wrap > .class-card-location > .lazyload
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 data-src="https://www.middeltech.com/wp-content/themes/mid-del-theme-2022/assets/images/location.webp" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
```
Element selector:
.class-card.col-12:nth-child(6) > .class-card-detail-wrap > .class-card-location > .lazyload
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 data-src="https://www.middeltech.com/wp-content/themes/mid-del-theme-2022/assets/images/location.webp" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
```
Element selector:
.class-card.col-12:nth-child(7) > .class-card-detail-wrap > .class-card-location > .lazyload
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 data-src="https://www.middeltech.com/wp-content/themes/mid-del-theme-2022/assets/images/location.webp" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
```
Element selector:
.class-card.col-12:nth-child(8) > .class-card-detail-wrap > .class-card-location > .lazyload
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 data-src="https://www.middeltech.com/wp-content/themes/mid-del-theme-2022/assets/images/location.webp" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
```
Element selector:
.class-card.col-12:nth-child(9) > .class-card-detail-wrap > .class-card-location > .lazyload
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 data-src="https://www.middeltech.com/wp-content/themes/mid-del-theme-2022/assets/images/location.webp" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
```
Element selector:
.class-card.col-12:nth-child(10) > .class-card-detail-wrap > .class-card-location > .lazyload
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 data-src="https://www.middeltech.com/wp-content/themes/mid-del-theme-2022/assets/images/location.webp" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
```
Element selector:
.class-card.col-12:nth-child(11) > .class-card-detail-wrap > .class-card-location > .lazyload
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

```
<a href="#" data-attr="level" data-value="" class="btn btn-primary">
All
</a>
```
Element selector:
a[data-attr="level"][data-value=""][href="#"]
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 1.61 (foreground color: #cad1dd, background color: #f5865e, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 a[data-attr="level"][data-value=""][href="#"]
```
<a href="#" data-attr="level" data-value="56" class="btn btn-primary btn-secondary">
Adult </a>
```
Element selector:
a[data-value="56"]
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 4.36 (foreground color: #4f688e, background color: #fcdbce, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 a[data-value="56"]
```
<a href="#" data-attr="ccat" data-value="" class="btn btn-primary">
All
</a>
```
Element selector:
a[data-value=""][data-attr="ccat"][href="#"]
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 1.61 (foreground color: #cad1dd, background color: #f5865e, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 a[data-value=""][data-attr="ccat"][href="#"]
```
<a href="#" data-attr="ccat" data-value="101" class="btn btn-primary btn-secondary">
Personal Development </a>
```
Element selector:
a[data-value="101"]
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 4.36 (foreground color: #4f688e, background color: #fcdbce, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 a[data-value="101"]
```
<a href="#" data-attr="dur" data-value="" class="btn btn-primary">
All
</a>
```
Element selector:
a[data-attr="dur"][data-value=""][href="#"]
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 1.61 (foreground color: #cad1dd, background color: #f5865e, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 a[data-attr="dur"][data-value=""][href="#"]
```
<a href="#" data-attr="dur" data-value="116" class="btn btn-primary btn-secondary">
Short Term Courses </a>
```
Element selector:
a[data-value="116"]
Failing checks (At least one of these should pass)
- Element has insufficient color contrast of 4.36 (foreground color: #4f688e, background color: #fcdbce, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1 a[data-value="116"]
```
<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: 5
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

```
<h1>Our Programs and Classes</h1>
```
Element selector:
h1
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
```
<p>We provide the Mid-Del Community with a skilled workforce through dynamic education, relevant training, and lasting support.</p>
```
Element selector:
.header-text > p
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
```
<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's background color could not be determined because it is overlapped by another element
```
<li class="breadcrumb-item active other">Programs and Classes</li>
```
Element selector:
.active
Failing checks (At least one of these should pass)
- Element's background color could not be determined because it is overlapped by another element
```
<a href="#"><img src="/wp-content/plugins/gtranslate/flags/24/en-us.png" height="24" width="24" alt="en"> English</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"]

Page Scan Results: Our Programs and Classes

Known Issues Summary

Known Issues on This Page

Images must have alternate text

Elements must meet minimum color contrast ratio thresholds

Needs Review Summary

Needs Review on This Page

Elements must meet minimum color contrast ratio thresholds

IDs used in ARIA and labels must be unique

Page Scan Results:

Our Programs and Classes