Page Scan Results:
Safety Training

https://www.middeltech.com/workforce-training/safety-training/

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

Elements must meet minimum color contrast ratio thresholds
8
Images must have alternate text
4

Known Issues 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 
  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/workforce-training/">Workforce Training</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. <h2>Safety Training</h2>
    Element selector:
    h2
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.3 (foreground color: #e1e1e2, background color: #ffffff, font size: 21.3pt (28.4px), font weight: normal). Expected contrast ratio of 3:1 body 
  4. <p>Our Business Development Center provides a wide variety of customized Safety &amp; Heath Trainings.&nbsp;This training can be conducted on site or at our training facility.&nbsp;From Culture &amp; Safety Plan development to Awareness Level training, we’ve got you covered.</p>
    Element selector:
    .block-content > p:nth-child(2)
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 1.27 (foreground color: #e4e4e4, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 body 
  5. <a href="mailto:scline@mid-del.net">scline@mid-del.net</a>
    Element selector:
    a[href$="mailto:scline@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

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 
  1. <img decoding="async" data-src="https://www.middeltech.com/wp-content/uploads/2022/10/technicians-maintenance-machine-2022-08-01-04-27-03-utc-1-scaled.jpg" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==">
    Element selector:
    .block-image > img[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/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"