Page Scan Results:
Economic Corner
https://www.middeltech.com/category/economic-corner/
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
Known Issues on This Page
Elements must meet minimum color contrast ratio thresholds
Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. Axe Reference
-
<a class="url fn n" href="https://www.middeltech.com/author/lcoyle/">Landon Coyle</a>
Element selector:.horizontal.card.mb-4:nth-child(2) > .row > .col > .card-body > .text-muted > .byline > .author.vcard > .url.fn.n
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.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
.horizontal.card.mb-4:nth-child(2)
-
Element has insufficient color contrast of 3.2 (foreground color: #f2622d, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a class="read-more" href="https://www.middeltech.com/2023/02/21/business-lessons-from-a-golf-caddie/">Read more »</a>
Element selector:.horizontal.card.mb-4:nth-child(2) > .row > .col > .card-body > .card-text.mt-auto > .read-more
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
.horizontal.card.mb-4:nth-child(2)
-
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
-
<a class="url fn n" href="https://www.middeltech.com/author/lcoyle/">Landon Coyle</a>
Element selector:.horizontal.card.mb-4:nth-child(3) > .row > .col > .card-body > .text-muted > .byline > .author.vcard > .url.fn.n
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.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
.horizontal.card.mb-4:nth-child(3)
-
Element has insufficient color contrast of 3.2 (foreground color: #f2622d, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a class="read-more" href="https://www.middeltech.com/2023/01/20/adding-up-the-pennies/">Read more »</a>
Element selector:.horizontal.card.mb-4:nth-child(3) > .row > .col > .card-body > .card-text.mt-auto > .read-more
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
.horizontal.card.mb-4:nth-child(3)
-
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
-
<a class="url fn n" href="https://www.middeltech.com/author/lcoyle/">Landon Coyle</a>
Element selector:.horizontal.card.mb-4:nth-child(4) > .row > .col > .card-body > .text-muted > .byline > .author.vcard > .url.fn.n
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.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
.horizontal.card.mb-4:nth-child(4)
-
Element has insufficient color contrast of 3.2 (foreground color: #f2622d, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a class="read-more" href="https://www.middeltech.com/2022/12/15/running-working/">Read more »</a>
Element selector:.horizontal.card.mb-4:nth-child(4) > .row > .col > .card-body > .card-text.mt-auto > .read-more
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
.horizontal.card.mb-4:nth-child(4)
-
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
-
<a class="url fn n" href="https://www.middeltech.com/author/lcoyle/">Landon Coyle</a>
Element selector:.horizontal.card.mb-4:nth-child(5) > .row > .col > .card-body > .text-muted > .byline > .author.vcard > .url.fn.n
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.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
.horizontal.card.mb-4:nth-child(5)
-
Element has insufficient color contrast of 3.2 (foreground color: #f2622d, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a class="read-more" href="https://www.middeltech.com/2022/11/30/construction-is-for-all/">Read more »</a>
Element selector:.horizontal.card.mb-4:nth-child(5) > .row > .col > .card-body > .card-text.mt-auto > .read-more
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
.horizontal.card.mb-4:nth-child(5)
-
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
-
<a class="url fn n" href="https://www.middeltech.com/author/lcoyle/">Landon Coyle</a>
Element selector:.horizontal.card.mb-4:nth-child(6) > .row > .col > .card-body > .text-muted > .byline > .author.vcard > .url.fn.n
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.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
.horizontal.card.mb-4:nth-child(6)
-
Element has insufficient color contrast of 3.2 (foreground color: #f2622d, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a class="read-more" href="https://www.middeltech.com/2022/10/21/clean-water-plumbing/">Read more »</a>
Element selector:.horizontal.card.mb-4:nth-child(6) > .row > .col > .card-body > .card-text.mt-auto > .read-more
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
.horizontal.card.mb-4:nth-child(6)
-
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
-
<a class="url fn n" href="https://www.middeltech.com/author/lcoyle/">Landon Coyle</a>
Element selector:.horizontal.card.mb-4:nth-child(7) > .row > .col > .card-body > .text-muted > .byline > .author.vcard > .url.fn.n
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.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
.horizontal.card.mb-4:nth-child(7)
-
Element has insufficient color contrast of 3.2 (foreground color: #f2622d, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a class="read-more" href="https://www.middeltech.com/2022/10/05/electric-shock/">Read more »</a>
Element selector:.horizontal.card.mb-4:nth-child(7) > .row > .col > .card-body > .card-text.mt-auto > .read-more
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
.horizontal.card.mb-4:nth-child(7)
-
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
-
<a href="https://www.middeltech.com/category/anuncios/">Anuncios</a>
Element selector:.cat-item-138 > a
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 3.03 (foreground color: #f2622d, background color: #f8f9fa, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
#block-26
-
Element has insufficient color contrast of 3.03 (foreground color: #f2622d, background color: #f8f9fa, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a aria-current="page" href="https://www.middeltech.com/category/economic-corner/">Economic Corner</a>
Element selector:.cat-item-124 > a[aria-current="page"]
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 3.03 (foreground color: #f2622d, background color: #f8f9fa, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
#block-26
-
Element has insufficient color contrast of 3.03 (foreground color: #f2622d, background color: #f8f9fa, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a href="https://www.middeltech.com/category/facility-rental/">Facility Rental</a>
Element selector:.cat-item-146 > a
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 3.03 (foreground color: #f2622d, background color: #f8f9fa, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
#block-26
-
Element has insufficient color contrast of 3.03 (foreground color: #f2622d, background color: #f8f9fa, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a href="https://www.middeltech.com/category/news/">News</a>
Element selector:.cat-item-162 > a
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 3.03 (foreground color: #f2622d, background color: #f8f9fa, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
#block-26
-
Element has insufficient color contrast of 3.03 (foreground color: #f2622d, background color: #f8f9fa, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
-
<a href="https://www.middeltech.com/category/uncategorized/">Uncategorized</a>
Element selector:.cat-item-1 > a
Failing checks (At least one of these should pass)
-
Element has insufficient color contrast of 3.03 (foreground color: #f2622d, background color: #f8f9fa, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
#block-26
-
Element has insufficient color contrast of 3.03 (foreground color: #f2622d, background color: #f8f9fa, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1
-
<small>©2023 - Mid-Del Technology Center. Website designed & developed by <a href="https://back40design.com" target="_blank">Back40 Design</a>. <a href="/privacy-policy">Privacy Policy</a></small>
Element selector:.container > 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
-
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
-
<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
-
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
-
<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
-
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
Images must have alternate text
Ensures <img> elements have alternate text or a role of none or presentation. Axe Reference
-
<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"
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
Needs Review on This Page
Elements must meet minimum color contrast ratio thresholds
Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds. Axe Reference
-
<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
-
Element's background color could not be determined due to a background gradient
IDs used in ARIA and labels must be unique
Ensures every id attribute value used in ARIA and in labels is unique. Axe Reference
-
<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"]
-
Document has multiple elements referenced with ARIA with the same id attribute: is-search-input-5587