Page Scan Results:
CERTIFICATION TESTING

https://www.meridiantech.edu/certification-testing/

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. <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
  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)
    • 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
  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)
    • 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
  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)
    • 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/"] 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"]