Page Scan Results:
TAILORED APPROACH

https://www.meridiantech.edu/workforce-economic-development/tailored-approach/

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 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. <div class="rect-text">What are the organizational goals in the next 1, 3, or 5 years?</div>
    Element selector:
    .rect-trail:nth-child(25) > .rect-text
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.82 (foreground color: #ffffff, background color: #e84b37, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .rect-trail:nth-child(25)
  2. <div class="rect-text">What tasks must be achieved to accomplish these goals?</div>
    Element selector:
    .rect-trail:nth-child(27) > .rect-text
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.82 (foreground color: #ffffff, background color: #e84b37, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .rect-trail:nth-child(27)
  3. <div class="rect-text">What job behaviors are necessary for each employee to complete his/her tasks?</div>
    Element selector:
    .rect-trail:nth-child(29) > .rect-text
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.82 (foreground color: #ffffff, background color: #e84b37, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .rect-trail:nth-child(29)
  4. <div class="rect-text">What deficiencies, if any, do employees have in the skills, knowledge or abilities required to exhibit the necessary job behaviors?</div>
    Element selector:
    .rect-trail:nth-child(31) > .rect-text
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.82 (foreground color: #ffffff, background color: #e84b37, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .rect-trail:nth-child(31)
  5. <div class="rect-text">The company and Meridian work together to determine customized training to reduce the skills gap.</div>
    Element selector:
    .rect-trail:nth-child(33) > .rect-text
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.82 (foreground color: #ffffff, background color: #e84b37, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .rect-trail:nth-child(33)
  6. <div class="sidebox-page-title">
    Workforce and Economic Development </div>
    Element selector:
    .sidebox-page-title
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 3.82 (foreground color: #ffffff, background color: #e84b37, font size: 15.6pt (20.8px), font weight: normal). Expected contrast ratio of 4.5:1 .sidebox
  7. <li class="color-footer-main">LEGAL</li>
    Element selector:
    a[href$="legal/"] > .color-footer-main
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 2.72 (foreground color: #ccebee, background color: #0099a8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .color-footer.hidden-xs
  8. <li class="color-footer-main">CONTACT US</li>
    Element selector:
    a[href$="contact/"] > .color-footer-main
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 2.72 (foreground color: #ccebee, background color: #0099a8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .color-footer.hidden-xs
  9. <li class="color-footer-main">STAFF LOGIN</li>
    Element selector:
    a[href$="wp-admin/"] > .color-footer-main
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 2.72 (foreground color: #ccebee, background color: #0099a8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .color-footer.hidden-xs
  10. <li id="rightMain" class="color-footer-main">NEWSLETTER SIGNUP</li>
    Element selector:
    #responsiveFooter > .color-footer-nav > a[href$="newsletter/"] > .color-footer-main
    Failing checks (At least one of these should pass)
    • Element has insufficient color contrast of 2.72 (foreground color: #ccebee, background color: #0099a8, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 .color-footer.hidden-xs

<li> elements must be contained in a <ul> or <ol>

serious

Ensures <li> elements are used semantically. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 1.3.1, EN-301-549, EN-9.1.3.1
  1. <li class="color-footer-main">LEGAL</li>
    Element selector:
    a[href$="legal/"] > .color-footer-main
    Failing checks (At least one of these should pass)
    • List item does not have a <ul>, <ol> parent element
  2. <li class="color-footer-main">CONTACT US</li>
    Element selector:
    a[href$="contact/"] > .color-footer-main
    Failing checks (At least one of these should pass)
    • List item does not have a <ul>, <ol> parent element
  3. <li class="color-footer-main">STAFF LOGIN</li>
    Element selector:
    a[href$="wp-admin/"] > .color-footer-main
    Failing checks (At least one of these should pass)
    • List item does not have a <ul>, <ol> parent element
  4. <li id="rightMain" class="color-footer-main">NEWSLETTER SIGNUP</li>
    Element selector:
    #responsiveFooter > .color-footer-nav > a[href$="newsletter/"] > .color-footer-main
    Failing checks (At least one of these should pass)
    • List item does not have a <ul>, <ol> parent element

<ul> and <ol> must only directly contain <li>, <script> or <template> elements

serious

Ensures that lists are structured correctly. Axe Reference

Rule type: WCAG 2.0 A, WCAG SC 1.3.1, EN-301-549, EN-9.1.3.1
  1. <ul class="color-footer-nav" style="width:120%;">
    Element selector:
    #responsiveFooter > .color-footer-nav
    Failing checks (All of these should pass)
    • List element has direct children that are not allowed: a a[href$="legal/"] .color-footer-nav > a[href$="contact/"] a[href$="wp-admin/"] #responsiveFooter > .color-footer-nav > a[href$="newsletter/"] #responsiveFooter > .color-footer-nav > a[aria-label="Facebook"][target="_blank"] #responsiveFooter > .color-footer-nav > a[aria-label="Twitter"][target="_blank"] a[aria-label="LinkedIn"] #responsiveFooter > .color-footer-nav > a[aria-label="YouTube"][target="_blank"] #responsiveFooter > .color-footer-nav > a[aria-label="Instagram"][target="_blank"]